* { margin: 0; }

body { text-align: center; background: url("../images/bg.jpg") repeat-x #001224; font: 62.5% Arial, Verdana, sans-serif; width: 100%; height: 100%; }

img { border: 0; }

div.clear { height: 0; line-height: 0px; clear: both; }
.float-left    { float: left; }
.float-right   { float: right; }

#wrapper { margin: 0 auto; width: 915px; }

a, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }

hr { color: #328dcc; }

.phonenumber { color: Black; font-size: large; position: absolute; top: 50px; margin-left: 780px; }

/*------------------------------------------------------------------------------------------------------*/
/*------------------------------ utilities -------------------------------------------------------------*/

#utilities { width: 915px; height: 31px; }
#utilities ul { float: right; list-style: none; }
#utilities li { float: left; color: #999999; font-size: 1.2em; font-weight: bold; padding: 8px 25px 0 25px; background: url("../images/utility_divide.gif") no-repeat 100% 0%; }
#utilities li.last { float: left; color: #999999; font-size: 1.2em; font-weight: bold; padding: 8px 0 0 25px; background: none; }
#utilities a { color: #999999; }

#HomeBack { position: absolute; top: 0px; margin-left: -180px; height: 30px; width: 82px; background-color:#C1DB08; } 
#HomeBack a { background-color:#C1DB08; } 

#utilities .HomeLink { font-weight: bold; }
#utilities .HomeLink a { color: Black; }
#utilities .HomeLink a:hover { color:Black; } 

#logo { width: 895px; height: 119px; padding-left: 20px; }

/*------------------------------------------------------------------------------------------------------*/
/*------------------------------ main navigation -------------------------------------------------------*/

#mainnavigation { width: 920px; height: 42px; text-align: center; background: url("../images/mainnavigation/bg.jpg") no-repeat 0% 0%; }
#mainnavigation ul {  margin: 0; padding: 0; font-size: 1.3em; font-weight: bold; list-style: none; }
#mainnavigation li { margin-right: 2px; padding: 0; display: inline; text-align: center; float: left; }

#mainnavigation a { color: #fff; background: url("../images/mainnavigation/left.jpg") no-repeat left top; float: left; margin: 0; padding-left: 18px; font-weight: bold;  }
#mainnavigation a span { background: url("../images/mainnavigation/right.jpg") no-repeat 100% 0%; display: block; padding: 12px 19px 15px 0px; }
#mainnavigation a span { float: none; }

#mainnavigation a:hover { color: #fff; background: url("../images/mainnavigation/left_over.jpg") no-repeat left top; float: left; margin: 0; padding-left: 18px; text-decoration: none; }
#mainnavigation a:hover span { background: url("../images/mainnavigation/right_over.jpg") no-repeat 100% 0%; display: block; padding: 12px 19px 15px 0px; }
#mainnavigation a:hover span { float: none; }

#mainnavigation a.on { color: #fff; background: url("../images/mainnavigation/left_over.jpg") no-repeat left top; float: left; margin: 0; padding-left: 18px; }
#mainnavigation a.on span { background: url("../images/mainnavigation/right_over.jpg") no-repeat 100% 0%; display: block; padding: 12px 19px 15px 0px; }
#mainnavigation a.on span { float: none; }

/*------------------------------------------------------------------------------------------------------*/
/*---------------------------------------- lhs ---------------------------------------------------------*/

#content #lhs { width: 295px; float: left; }
#content #lhs_menu_top { width: 280px; height: 32px; padding: 10px 15px 0 0; background: url("../images/lhs/top.gif") no-repeat; color: #c5dc0a; font-size: 2.4em; text-align: right; font-weight: bold; }
#content #lhs_menu_wrapper { width: 295px; margin: 0 0 10px 0; padding: 0 0 45px 0; background: url("../images/lhs/bottom.gif") no-repeat 0% 100%; color: #666666; font-size: 1.4em; text-align: left; font-weight: bold; }
#content #lhs_menu_wrapper a { color: #666666; font-weight: bold; }
#content #lhs_menu_wrapper a:hover { color: #328dcc; font-weight: bold; }
#content #lhs_menu_wrapper ul { margin: 0; padding: 0; list-style: none; }
#content #lhs_menu_wrapper li { margin: 0 0 0 7px; padding: 11px 0 0 25px; height: 25px; list-style: none; background: url("../images/lhs/link_bg.gif") no-repeat 0% 0%; }
#content #lhs_menu_wrapper li.on { margin: 0 0 0 7px; padding: 11px 0 0 25px; height: 25px; list-style: none; background: url("../images/lhs/link_bg.gif") no-repeat 0% 0%; color: #328dcc; }

/*------------------------------------------------------------------------------------------------------*/
/*----------------------------------- content area -----------------------------------------------------*/

#content { margin-top: 18px; }
#content #flashcontent { width: 610px; height: 240px; margin: 0 10px 0 0; padding: 0; background: url("../images/flash/placeholder.jpg") no-repeat 0% 0%; float: left; }

#content_text { width: 610px; float: left; margin: 0 0 0 10px; }
#content_text_top { width: 610px; height: 20px; background: url("../images/content_text_top.gif") no-repeat; }

#content_text_wrapper { width: 570px; padding: 0 20px 70px 20px; background: url("../images/content_text_wrapper.gif") no-repeat 0% 100%; }
#content_text_wrapper #banner { margin: 0 0 15px 0; padding: 0; width: 570px; height: 125px; }
#content_text_wrapper #breadcrumb { font-weight: bold; color: #666666; font-size: 1.2em; text-align: left; }

#content_text_wrapper h1 { margin: 20px 0; padding: 0; color: #67737a; font-size: 2.4em; font-weight: bold; text-align: left; }
#content_text_wrapper h2 { margin: 30px 0 20px 0; padding: 0; color: #c5dc0a; font-size: 1.8em; font-weight: bold; text-align: left; }
#content_text_wrapper h3 { margin: 30px 0 0 0; padding: 0; color: #328dcc; font-size: 1.6em; font-weight: bold; text-align: left; }
#content_text_wrapper h4 { margin: 30px 0 0 0; padding: 0; color: #262626; font-size: 1.4em; font-weight: bold; text-align: left; }

#content_text_wrapper a { color: #328dcc; }
#content_text_wrapper p { margin: 30px 0 0 0; line-height: 2.4em; color: #666666; text-align: left; font-size: 1.1em; }

#content_text_wrapper ol { margin: 10px 0 0 0; padding: 0; font-size: 1.1em; }
#content_text_wrapper ol li { margin: 0 20px 0 30px; padding: 0 0 0 15px; text-align: left;  line-height: 2.4em; color: #666666; }
#content_text_wrapper ol li ul li { margin: 0; padding: 0 0 0 15px; list-style: none; background: url("../images/green_arrow.gif") no-repeat; text-align: left; font-size: 1.0em; line-height: 2.4em; color: #666666; }

#content_text_wrapper ul { margin: 10px 0 0 15px; padding: 0; list-style: none; }
#content_text_wrapper ul li { margin: 0; padding: 0 0 0 15px; list-style: none; background: url("../images/green_arrow.gif") no-repeat; text-align: left; font-size: 1.1em; line-height: 2.4em; color: #666666; }
#content_text_wrapper ul li ul li { margin: 0; padding: 0 0 0 15px; list-style: none; background: url("../images/green_arrow.gif") no-repeat; text-align: left; font-size: 1.0em; line-height: 2.4em; color: #666666; }


#content_text_wrapper .diagram { margin: 30px 0 0 0; padding: 0; width: 100%; }
#content_text_wrapper .diagram img { border: 1px solid #e5e5e5; }

#content_text_wrapper .client_logo { margin: 0 0 30px 0; width: 175px; float: left; text-align: center; font-size: 1.1em; }
#content_text_wrapper .client_logo img { padding: 10px 0 10px 0; width: 100px; height: 67px; }
#content_text_wrapper .client_logo1 { margin: 0 0 30px 0; width: 175px; float:left; color: #328dcc; text-align: center; font-size: 1.1em; }
#content_text_wrapper .client_logo1 img { padding: 10px 0 10px 0; width: 100px; height: 67px; }
/*------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------Evetns--------------------------------------------------*/
#content_text_events { width: 1100px; margin: 0 0 0 10px; background-color:#FFFFFF; margin-left: -100px; }
#content_text_events_top{ width: 1100px; height: 20px; background: url("../images/content_text_events_top2.gif") no-repeat; }
#content_text_events_bottom{ width: 1100px; height: 20px; vertical-align:bottom; background: url("../images/content_text_events_wrapper2.gif")  no-repeat; }
#content_text_events_wrapper { width: 860px; padding: 0 20px 20px 20px; no-repeat 0% 100%; }
/*---------------------------------------------------------------------------------------------*/

/*----------------------------------- call to action buttons -------------------------------------------*/
#call-to-actions { width: 295px; height: 240px; float: left; }
#pushpanel a.rollover { margin: 0 0 10px 0; padding: 5px 10px 10px 10px; width: 275px; height: 100px; float: left; background: transparent url("../images/home/call-to-action-bg-hover.png") no-repeat; text-align: left; color: #666666; position: relative; font-size: 1.1em; }
#pushpanel a.rollover:hover { background-position: -295px 0; text-decoration: none; }

#pushpanel a.demorollover { margin: 0; padding: 5px 10px 10px 10px; width: 275px; height: 100px; float: left; background: transparent url("../images/home/call-to-action-bg-hover.png") no-repeat; text-align: left; color: #666666; position: relative; font-size: 1.1em; }
#pushpanel a.demorollover:hover { background-position: -295px 0; text-decoration: none; }

*html #pushpanel a.rollover { margin: 0 0 10px 0; padding: 5px 10px 10px 10px; width: 275px; height: 100px; float: left; background: transparent url("../images/home/call-to-action-bg-hover.gif") no-repeat; text-align: left; color: #666666; position: relative; font-size: 1.1em; }
*html #pushpanel a.rollover:hover { background-position: -295px 0; text-decoration: none; }

*html #pushpanel a.demorollover { margin: 0; /padding: 5px 10px 10px 10px; width: 275px; height: 100px; float: left; background: transparent url("../images/home/call-to-action-bg-hover.gif") no-repeat; text-align: left; color: #666666; position: relative; font-size: 1.1em; }
*html #pushpanel a.demorollover:hover { background-position: -295px 0; text-decoration: none; }

#pushpanel h1 { margin: 0; padding: 0 0 5px 0; font-size: 2.0em; color: #c5dc0a; font-weight: bold; }
#pushpanel h2 { margin: 0; padding: 2px 30px 0 0; width: 130px; height: 20px; text-align: right; font-size: 1.1em; color: #328dcc; font-weight: bold; background:  url("../images/home/pushpanel_arrow.gif") no-repeat 100% 0%; position: absolute; bottom: 2px; left: 130px; }
#pushpanel img { margin: 0; padding: 0 10px 0 0; width: 100px; height: 65px; float: left; }

/*------------------------------------------------------------------------------------------------------*/
/*----------------------------------- 3 panels on homepage ---------------------------------------------*/
#homepanel { margin-top: 10px; height: 200px; float: left; }
#homepanel h1 { width: 100%; font-size: 2.2em; font-weight: bold; color: #666666; text-align: right; }
#homepanel h2 { width: 95%; margin: 0 0 15px 0; padding-right: 10px; font-size: 1.1em; font-weight: normal; color: #328dcc; text-align: right; background: url("../images/home/homepanel_blue_arrow.gif") no-repeat 100% 50%; text-decoration: underline; }
#homepanel h3 { width: 100%; margin: 0 0 5px 0; font-size: 1.4em; font-weight: bold; color: #666666; text-align: left; }
#homepanel p { margin: 0; padding: 0; font-size: 1.3em; color: #666666; text-align: left; }
#homepanel a.bg { width: 270px; height: 200px; background: transparent url("../images/home/bg.gif") no-repeat; float: left; margin: 0 10px 0 0; padding: 10px 15px; }
*html #homepanel a.bg { width: 270px; height: 200px; background: transparent url("../images/home/bg.gif") no-repeat; float: left; margin: 0 10px 0 0; padding: 10px 15px; }
#homepanel a.bg:hover { background-position: -300px 0; text-decoration: none; }

#homepanellast { margin-top: 10px; height: 200px; float: left; }
#homepanellast h1 { width: 100%; font-size: 2.2em; font-weight: bold; color: #666666; text-align: right; }
#homepanellast h2 { width: 95%; margin: 0 0 15px 0; padding-right: 10px; font-size: 1.1em; font-weight: normal; color: #328dcc; text-align: right; background: url("../images/home/homepanel_blue_arrow.gif") no-repeat 100% 50%; text-decoration: underline; }
#homepanellast h3 { width: 100%; margin: 0 0 5px 0; font-size: 1.4em; font-weight: bold; color: #666666; text-align: left; }
#homepanellast p { margin: 0; padding: 0; font-size: 1.3em; color: #666666; text-align: left; }
#homepanellast a.bg { width: 265px; height: 200px; background: transparent url("../images/home/bg_last.gif") no-repeat; float: left; margin: 0 0 0 0; padding: 10px 15px; }
*html #homepanellast a.bg { width: 265px; height: 200px; background: transparent url("../images/home/bg_last.gif") no-repeat; float: left; margin: 0; padding: 10px 15px; }
#homepanellast a.bg:hover { background-position: -295px 0; text-decoration: none; }


/*------------------------------------------------------------------------------------------------------*/
/*----------------------------------- news/case study items --------------------------------------------*/

#content_text_wrapper .item { width: 550px; margin: 0 0 20px 0; padding: 0; }
#content_text_wrapper .item h3 { margin: 0 0 0 0; padding: 0; color: #262626; font-size: 1.6em; font-weight: bold; text-align: left; }
#content_text_wrapper .item p { margin: 10px 0 0 0; line-height: 2.4em; color: #666666; text-align: left; font-size: 1.1em; }
#content_text_wrapper .item p.pdf { margin: 10px 0 0 0; padding: 0 0 0 20px; line-height: 2.4em; color: #666666; text-align: left; font-size: 1.1em; background: url("../images/case_studies/pdf.gif") no-repeat 0% 50%; }
#content_text_wrapper .item p.arrow { margin: 10px 0 0 0; padding: 0 0 0 25px; line-height: 2.4em; color: #666666; text-align: left; font-size: 1.1em; background: url("../images/home/pushpanel_arrow.gif") no-repeat 0% 50%; }

#content_text_wrapper .itemwrapper { float: left; width: 100%; margin-bottom: 20px; }
#content_text_wrapper .itemcolumn { margin-left: 120px; }

#content_text_wrapper .item_img { float: left; margin-left: -550px; margin-bottom: 20px; }
#content_text_wrapper .item_img img { width: 100px; }

#content_text_wrapper .date { margin: 0; padding: 0; width: 120px; color: #CC0000; font-style: italic; font-weight: normal; float: right; font-size: 0.60em; letter-spacing: 0.1em; text-transform: none; text-align: right; }

#content_text_wrapper .backBtn { margin: 0; padding: 2px 0 0 40px; height: 30px; background: url("../images/back_button.gif") no-repeat 0% 0%; font-size: 1.2em; color: #328dcc; font-weight: bold; }
#content_text_wrapper .backBtn a { color: #328dcc; }
#content_text_wrapper .backBtn a:hover { color: #328dcc; text-decoration: underline; }

/*------------------------------------------------------------------------------------------------------*/
/*----------------------------------- enquiry form -----------------------------------------------------*/

.enquiry_form { width: 560px; float: left; font-family: Arial, Verdana, sans-serif; font-size: 1.1em; margin: 20px 0 0 0; padding: 0; }

.enquiry_form br { clear:left; }
.enquiry_form .required { color: #FF0000; margin: 0 5px 0 0; }
em { font-weight: bold; font-style: normal; color: #f00; }

.enquiry_form label { display: block; float: left; padding: 0; margin: 10px 0 0 20px; text-align: left; }
*html .enquiry_form label { display: block; float: left; padding: 0; margin: 10px 0 0 10px; text-align: left; }
.enquiry_form .radioLabel { display: inline; float: left; margin: 0 0 0 20px; padding: 2px 0 0 0; }

.enquiry_form input { width: 170px; margin: 5px 0 0 20px; padding: 2px; } 
.enquiry_form .radioBtn { width: 40px; float: left; margin: 0; padding: 0; }
 
.enquiry_form textarea { margin: 5px 0 0 20px; padding: 2px; overflow: auto; float: left; } 
.enquiry_form select { width: 178px; margin: 5px 0 0 20px; padding: 2px; }
.enquiry_form legend { padding: 0 2px; font-weight: bold; font-size: 1.2em; color: #328dcc; }

.enquiry_form input.submitButton { margin: 10px 0 0 0; padding: 0; float: left; border: none; width: 80px; height: 36px; cursor: pointer; background: url("../images/submit_bg.gif") no-repeat; color: #fff; font-weight: bold; }
.enquiry_form input.loginButton { margin: 30px 0 0 10px; padding: 4px 0 0 0; float: left; border: none; width: 100px; height: 26px; text-align:center; cursor: pointer; background: url("../images/login_bg.gif") no-repeat; color: #fff; font-weight: bold; }

.enquiry_form #rbtSpecialEvent { width: 40px; float: left; margin: 0; padding: 0; }
.enquiry_form #rbtVenue { width: 40px; float: left; margin: 0; padding: 0; }
.enquiry_form #rtbGeneral { width: 40px; float: left; margin: 0; padding: 0; }
.enquiry_form #rbtReserved { width: 40px; float: left; margin: 0; padding: 0; }
/*------------------------------------------------------------------------------------------------------*/
/*------------------------------ footer ----------------------------------------------------------------*/

#footer { padding: 15px 0; font-size: 1.1em; color: #707070; text-align: left; }
#footer a { color: #707070; text-decoration: underline; }