* { margin: 0; }



body { text-align: center; background: url("../images/bg.jpg") repeat-x #262626; font: 63% Arial, Verdana, sans-serif; color:464646; 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; }





/*------------------------------------------------------------------------------------------------------*/

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



#utilities { width: 915px; height: 31px; }

#utilities ul { float: right; list-style: none; }

#utilities li { float: left; color: #999999; font-size:11px; font-weight:normal; text-transform:uppercase; padding: 8px 10px 0 10px; background: url("../images/utility_divide.gif") no-repeat 100% 0%; }

#utilities li.last { float: left; color: #999999; font-size:11px; font-weight: normal; padding: 8px 0 0 10px; background: none; }

#utilities a { color: #999999; }



#logo {float: left;
    height:83px;
    padding-left:4px;
    padding-top:14px;
    width:277px;}



/*------------------------------------------------------------------------------------------------------*/

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



#mainnavigation {width:634px; height:81px; padding-top:40px; float:left; text-align: center; background: url("../images/mainnavigation/bg.jpg") no-repeat 0% 0%; }

#mainnavigation ul {
    font-family: Arial,Helvetica,sans-serif;
    font-size: x-small;
    font-weight: bold;
}
#mainnavigation li {
    display: inline;
    float: right;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    text-align: center;
    vertical-align: bottom;
}
#mainnavigation a {
    -moz-background-clip: border;
    -moz-background-origin: padding;
    -moz-background-size: auto auto;
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("../images/left.jpg");
    background-position: left top;
    background-repeat: no-repeat;
    color: #FFFFFF;
    float: left;
    font-weight: bold;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-left: 18px;
    text-decoration: none;
}
#mainnavigation a span {
    -moz-background-clip: border;
    -moz-background-origin: padding;
    -moz-background-size: auto auto;
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("../images/right.jpg");
    background-position: 100% 0;
    background-repeat: no-repeat;
    display: block;
    float: none;
    padding-bottom: 5px;
    padding-left: 0;
    padding-right: 19px;
    padding-top: 5px;
    vertical-align: bottom;
	text-transform:uppercase;
}
#mainnavigation a:hover {
    color: #C5DC0A;
    text-decoration: none;
}
#mainnavigation1 {
    float: right;
    height: 25px;
    padding-top: 67px;
    text-align: center;
    vertical-align: bottom;
}
#mainnavigation1 ul {
    font-family: Arial,Helvetica,sans-serif;
    font-size: x-small;
    font-weight: bold;
}
#mainnavigation1 li {
    display: inline;
    float: right;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    text-align: center;
    vertical-align: bottom;
}
#mainnavigation1 a {
    -moz-background-clip: border;
    -moz-background-origin: padding;
    -moz-background-size: auto auto;
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("../images/left1.jpg");
    background-position: left top;
    background-repeat: no-repeat;
    color: #FFFFFF;
    float: left;
    font-weight: bold;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-left: 18px;
    text-decoration: none;
}
#mainnavigation1 a span {
    -moz-background-clip: border;
    -moz-background-origin: padding;
    -moz-background-size: auto auto;
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("../images/right1.jpg");
    background-position: 100% 0;
    background-repeat: no-repeat;
    display: block;
    float: none;
    padding-bottom: 5px;
    padding-left: 0;
    padding-right: 19px;
    padding-top: 5px;
    vertical-align: bottom;
}
#mainnavigation1 a:hover {
    color: #C5DB0A;
    text-decoration: 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 40px 0; background: url("../images/lhs/bottom.gif") no-repeat 0% 100%; color: #666666; font-size:12px; 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 12px; padding:0px 0 0 14px; line-height:22px; list-style: none; background: url(../images/green_arrow.gif) no-repeat left top; }

#content #lhs_menu_wrapper ul li ul { margin:0px; padding:0px;}
#content #lhs_menu_wrapper ul li ul li {padding:0px 0 0 10px; line-height:22px; list-style: none; font-weight:normal; text-transform:uppercase; background: url(../images/green_arrow.gif) no-repeat left 0px; font-size:11px; }
#content #lhs_menu_wrapper ul li ul li a{padding: 0px; list-style: none; font-weight:normal; font-size:11px; }
#content #lhs_menu_wrapper ul li ul li a:hover{font-weight:normal;}

#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; background-color:#FFF; }

#content_text_top { width: 610px; height: 20px; background: url("../images/content_text_top.gif") no-repeat; }



#content_text_wrapper { width: 570px; padding: 0 20px 20px 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:15px 0 10px 0; padding: 0; color: #67737a; font-size:18px; 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:0px 0 0 0; padding: 0; color: #328dcc; font-size: 1.6em; font-weight: bold; text-align: left; }

#content_text_wrapper h4 { margin:20px 0 0 0; padding: 0; color: #328DCC; font-size:14px; font-weight: bold; text-align: left; }



#content_text_wrapper a { color: #328dcc; }

#content_text_wrapper p { margin:5px 0 0 0; line-height:20px; color: #666666; text-align: left; font-size:12px; }



#content_text_wrapper ol { margin: 10px 0 0 0; padding: 0; font-size:12px; }

#content_text_wrapper ol li { margin: 0 20px 0 30px; padding: 0 0 0 15px; text-align: left;  line-height:18px; 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:5px 0 0 10px; padding:0px 0px 0px 10px; }

#content_text_wrapper ul li { margin: 0; padding: 0 0 0 0px; text-align: left; font-size:12px; line-height:18px; color: #666666; }

#content_text_wrapper ul li ul li { margin: 0; padding: 0 0 0 5px; text-align: left; font-size:12px; line-height:18px; 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; }

/*------------------------------------------------------------------------------------------------------*/

/*----------------------------------- 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: #FFF; 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: #FFF; 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: #FFF; 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.1em; font-weight: bold; color: #FFFFFF; text-align: right; }

#homepanel h2 { width: 95%; margin: 0 0 15px 0; padding-right: 10px; font-size: 1.1em; font-weight: normal; color: #FFFFFF; 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: #FFFFFF; text-align: left; }

#homepanel p { margin: 0; padding: 0; font-size: 1.3em; color: #FFFFFF; text-align: left; }

#homepanel a.bg { width: 270px; height:300px; 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: 300px; 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: 300px; float: left; }

#homepanellast h1 { width: 100%; font-size: 2.2em; font-weight: bold; color: #FFF; text-align: right; }

#homepanellast h2 { width: 95%; margin: 0 0 15px 0; padding-right: 10px; font-size: 1.1em; font-weight: normal; color: #FFF; 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: #FFF; text-align: left; }

#homepanellast p { margin: 0; padding: 0; font-size: 1.3em; color: #FFF; text-align: left; }

#homepanellast a.bg { width: 265px; height:300px; 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.para { margin: 10px 0 0 0; line-height: 1.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_icon.gif") no-repeat 0% 50%; }

#content_text_wrapper .item p.doc { 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/word_doc_icon.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:5px 0 0 10px; text-align: left; }

*html .enquiry_form label { display: block; float: left; padding: 0; margin:8px 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: 160px; margin: 5px 0 0 8px; padding: 2px; } 
.submit-button { width: 71px!important; margin: 5px 0 0 8px; padding: 2px; } 
.enquiry_form-small input { width: 50px; margin: 5px 0 0 3px; 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 {float: left; width:910px; padding:15px 5px;}
#footerCopyright {float: left;color: #999999;}
#footerLegal {float: right;}

#footerLegal a {color: #999999; text-decoration: none;}
#footerLegal a:hover {color: #999999; text-decoration:underline;}

.noteMessageLarge{color:#F00; font-size: 12px;}




#homepanellast .blue-text{ color:#FFF; text-decoration:underline;}

.floar-right-image{float:right; padding:15px 0px 15px 15px;}

.blue-text{ color:#328DCC; text-decoration:none;}

#contentBody {padding: 0px 0px 10px 0px; text-align:justify;}
#content_top { width: 610px; vertical-align:bottom; height: 20px; background: url("../images2/content_top.gif") no-repeat;}
#content_wrapper { width: 610px; background: url("../images2/content_center.gif") repeat; }
#content_bottom { width: 610px; vertical-align:top; height: 20px; background: url("../images2/content_bottom.gif") no-repeat; }
#contentHeaderFont { color:#666; font-size:18px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
#contentHighlightFont { color:#328dcc; font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
#contentHighlightFont a , a:visited{color: #328dcc; text-decoration: none;}
#contentHighlightFont a:hover{color: #328dcc; text-decoration: underline;}
#contentHighlightFont2 { color:#328dcc; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
#contentTextFont {color:#464646; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
#contentTextFont a , a:visited{color: #464646; text-decoration: none;}
#contentTextFont a:hover{color: #328dcc;}
#contentDivider {height:1px; width: 570px; background-color: #328dcc;}
#productInfo {padding: 0 10px 10px 0; float:left; width:400px}
#productInfo2 {padding: 0 10px 10px 0; float:left; width:170px}
#productImage {height:100px; width:150px; float:right}
/***#productLink {width:150px; float:right; padding:20px 0 0 24px}***/
#productName {float:left}

#caseStudyInfo {padding: 0 0 10px 0px; float:right; width:460px}
#caseStudyImage {width:100px; float:left}

.smalltextnolink { font-size:12px; color:#464646; text-decoration: none}

.top-text{height:40px; color:#666666; font-size:18px; font-weight:bold; text-align:right; padding-top:7px;}