/*
Copyright AC-Sys Ltd
CSS Document: Version 1.0 2009
*/

/*------------------------------------------------------------------------------*/
/*	--> WEBSITE BODY					*/
/*------------------------------------------------------------------------------*/
body {margin:0; padding:0; width:100%; font-family: Arial, Helvetica, sans-serif; background: #385468;}
img{border:0;}

/*------------------------------------------------------------------------------*/
/*	--> TOP DIVS AND CLASSES					*/
/*------------------------------------------------------------------------------*/

#top_body{width:100%; height:130px; background: url(../images/bg_top_body.gif) top center repeat-x #ffffff;}
#top_container{width:960px; margin:0 auto;}
#top_col_1{width:180px; float:left; padding:40px 0 0;}
#top_col_2{width:600px; float:right; background:url(../images/bg_top_col_2.gif) top right no-repeat; height:130px;}
#top_col_2 p{text-align:right; font-size:12px; color:#ababab; margin:0; padding:25px 0 0; line-height:20px;}
#top_col_2 p a{color:#ababab; text-decoration:none;}
#top_col_2 p a:hover{text-decoration:underline;}


/*------------------------------------------------------------------------------*/
/*	--> NAVIGATION DIVS AND CLASSES					*/
/*------------------------------------------------------------------------------*/

#navigation_body{width:100%; height:56px; background: url(../images/bg_nav.gif) top center repeat-x;}
#navigation_container{width:960px; margin:0 auto; height:53px;}

#access{width: 960px; position:relative; z-index:99; float:left;}

#access ul {list-style: none; margin: 0; padding:0 0 0;}

#access ul li { position: relative; float:left;}

#access ul li a {color: #ffffff; display: block; line-height: 53px; padding: 0 65px 0 0; text-decoration: none; font-size:14px; font-weight: bold;}
#access ul li a.nopad { padding: 0 0 0 0;}


* html #access ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;}

#access li:hover > a,
#access ul ul :hover > a {color: #81e0ed;}
#access ul li:hover > ul {display: block;}

#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {color: #81e0ed; text-decoration:none; }

* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {color: #81e0ed;}

/* Drop Down Navigation Style if needed */

#access ul ul {	display: none;	position: absolute;	top: 51px;	left: -5px; float: left; width: 180px;	z-index: 99999;}
#access ul ul li {min-width: 185px;}
#access ul ul ul {left: 100%; top: 0;}
#access ul ul a {background: #385468; line-height: 18px; padding: 10px; width: 200px; height: auto; font-size:12px; color:#FFFFFF; border-bottom:1px solid #324b5e;}
#access ul ul a:hover {color:#81e0ed;}

#access ul ul li.current_page_item > a,
#access ul ul li.current-menu-ancestor > a,
#access ul ul li.current-menu-item > a,
#access ul ul li.current-menu-parent > a {color: #f3edbe; text-decoration:none; }



/*------------------------------------------------------------------------------*/
/*	--> MIDDLE & SLIDERS CONTENT DIVS AND CLASSES					*/
/*------------------------------------------------------------------------------*/

#middle_body{width:100%; height:253px; background: url(../images/bg_middle_body.gif) top center repeat-x;}
#middle_container{margin:0 auto; width:1000px; background:url(../images/bg_middle_container.gif) no-repeat; height:253px;}

#pages_body{width:100%; height:64px; background: url(../images/bg_pages_body.gif) top center repeat-x;}
#pages_container{margin:0 auto; width:1000px; background:url(../images/bg_pages_container.gif) no-repeat; height:64px;}

#banner_col_1{width:605px; float:left; padding:18px 0 0 20px;}
#banner_col_2{width:375px; float:right; padding:18px 0 0;}

#slide{overflow: hidden; z-index: 2; left: 0px; visibility: visible; width: 375px; height: 235px; position: relative;}
#slide ul{margin: 0px; padding: 0px; position: relative; list-style-type: none; z-index: 1; width:375px;}
#slide li{overflow: hidden; float: left; width: 375px; height: 235px;}

#banner_col_1 .info{width:605px; height:175px; background: url(../images/banner_info.gif) no-repeat; display:block; text-indent: -9999px;}

#banner_col_1 ul{margin:0; padding:0; list-style-type:none;}
#banner_col_1 li{margin:0; padding:0; float:left;}

#banner_col_1 li.find_out a{width:130px; height:45px; background: url(../images/banner_find_out.gif) 0px 0px no-repeat; display:block; text-indent: -9999px; margin-right:10px;}
#banner_col_1 li.find_out a:hover{background:url(../images/banner_find_out.gif) -130px 0px no-repeat; display: block;}

#banner_col_1 li.enquire a{width:134px; height:45px; background: url(../images/banner_enquire.gif) 0px 0px no-repeat; display:block; text-indent: -9999px;}
#banner_col_1 li.enquire a:hover{background:url(../images/banner_enquire.gif) -134px 0px no-repeat; display: block;}

#banner_other{margin:0 auto; width:900px; height:47px; background:url(../images/bg_banner_other.gif) no-repeat;}





/*------------------------------------------------------------------------------*/
/*	--> MAIN CONTENT DIVS AND CLASSES					*/
/*------------------------------------------------------------------------------*/

#main_body{margin:0; padding:0 0 20px; width:100%; background:url(../images/bg_content_body.gif) top center repeat-x #ededed;}
#main_container{width:960px; margin:0 auto;}

#three_col_container{width:960px; margin:0 auto; padding:25px 0 0; height:166px; }
#three_col_1{width:306px; float:left;}
#three_col_1 a{width:306px; height:166px; background: url(../images/three_col_1.jpg) 0px 0px no-repeat; display:block; text-indent: -9999px;}
#three_col_1 a:hover{background:url(../images/three_col_1.jpg) -306px 0px no-repeat; display: block;}
#three_col_2{width:306px; float:left; padding:0 21px;}
#three_col_2 a{width:306px; height:166px; background: url(../images/three_col_2.jpg) 0px 0px no-repeat; display:block; text-indent: -9999px;}
#three_col_2 a:hover{background:url(../images/three_col_2.jpg) -306px 0px no-repeat; display: block;}
#three_col_3{width:306px; float:right;}

#content_container{background:#fcfcfc; border:1px solid #d7d7d7; width:918px; margin:25px 0 0; padding:20px;}

#content_container h1{font-size:25px; margin:0; padding:0; font-weight:bold; color:#304a58; letter-spacing:-1px;}
#content_container p{color:#535353; margin:0; padding:15px 0 0 0; line-height:24px; font-size:14px;}

#content_container p img{float:right; margin:5px 0 5px 15px;}
#content_container p img.no{float:none; margin:0;}
#content_container p a{color:#434343; text-decoration:underline;}
#content_container p a:hover{color:#51bdcc; text-decoration:underline;}



#main_col_1{background:#fcfcfc; float:left; border:1px solid #d7d7d7; width:592px; margin:25px 0 0; padding:20px;}
#main_col_2{width:306px; float:right; margin:25px 0 0;}



/*Font Styles*/
#main_col_1 p{color:#535353; margin:0; padding:15px 0 0 0; line-height:24px; font-size:14px;}

#main_col_1 p img{float:left; margin:5px 15px 5px 0px; border:4px solid #e7e7e7;}
#main_col_1 p img.right{float:right; margin:5px 0 5px 15px; border:4px solid #e7e7e7;}
#main_col_1 p img.no{float:none; margin:0; border:none;}
#main_col_1 p a{color:#434343; text-decoration:underline;}
#main_col_1 p a:hover{color:#51bdcc; text-decoration:underline;}

#main_col_1 .experience{width:100%;}
#main_col_1 .experience ul{ margin:0; padding:0 0 0 17px; color:#ffffff; font-size:12px;}
#main_col_1 .experience ul li{float:left; width:140px; margin-right:20px; line-height:22px;}
#main_col_1 .experience ul li.long{width:200px;}

#main_col_1 .articles{width:100%;}
#main_col_1 .articles ul{ margin:0; padding:0 0 0 17px; color:#ffffff; font-size:12px;}
#main_col_1 .articles ul li{line-height:22px;}
#main_col_1 .articles ul li a{color:#FFFFFF;}



/*Header Styles*/
#main_col_1 h1{font-size:25px; margin:0; padding:0; font-weight:bold; color:#304a58; letter-spacing:-1px;}
#main_col_1 h1 img, #main_col_1 h2 img{float:right; margin:5px 0 5px 15px; border:4px solid #e7e7e7;}

#main_col_1 h2{font-size:18px; margin:0; padding:15px 0 0; font-weight:bold; color:#41b0c2;}
#main_col_1 h2 a{ color:#41b0c2; text-decoration:none;}
#main_col_1 h2 a:hover{ color:#304a58; text-decoration:none;}

#main_col_1 h3{font-size:14px; margin:0; padding:0; font-weight:bold; color:#ffffff;}
#main_col_2 h3{font-size:20px; text-transform:uppercase; margin:0 0 0px; padding:15px 0 15px; font-weight:bold; color:#ffffff; border-bottom:1px solid #ffffff;}


/* Lists */
#main_col_1 ul{margin:15px 0 0; }
#main_col_1 ul li{color:#535353; margin:0; line-height:24px; font-size:14px;}
#main_col_1 ul li a{color:#434343; text-decoration:underline;}
#main_col_1 ul li a:hover{color:#51bdcc; text-decoration:underline;}
#main_col_1 ul li ul{margin:0 0; }


#main_col_2 ul{padding:0; margin:0; }
#main_col_2 ul li{line-height:normal; padding-bottom:15px; list-style:none;}
#main_col_2 ul li.right_contact a{background:url(../images/right_contact.jpg) 0px 0px no-repeat;  display:block; height:141px; width:306px; text-indent: -9999px;}
#main_col_2 ul li.right_contact a:hover{background:url(../images/right_contact.jpg) -306px 0px no-repeat;}

#main_col_2 .list h3{font-size:18px; margin:0; padding:0 0 10px; font-weight:bold; color:#385468; letter-spacing:-1px;}
#main_col_2 .list ul{margin:0 0 15px; padding:0; list-style:none;}
#main_col_2 .list li{margin:0; padding:0; font-size:12px;}
#main_col_2 .list li a{border-bottom:1px #ffffff solid; padding-left:10px; color:#ffffff; display:block; width:296px; height:25px; text-decoration:none; padding-top:10px; background:#41B7C8;}
#main_col_2 .list li a:hover{color:#ffffff; background-color:#385468;}


/*Enquiry Form*/
#main_col_1 .form{width:552px; background: #385468; padding:20px; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin:15px 0 0;}
#main_col_1 .form h3{font-size:18px; margin:0; padding:0; font-weight:bold; color:#ffffff; letter-spacing:-1px;}
#main_col_1 table{font-size:14px; color:#ffffff; line-height:18px; padding-top: 15px;}
#main_col_1 tr{height:45px;}
#main_col_1 tr.bg{ background:#2c4455;}
#main_col_1 .enq_form{background-color:#ffffff; border:none; font-family:Arial; font-size:13px; color:#4c4c4c; padding:5px; width:265px;}
#main_col_1 .enq_form_button{height:40px; width:275px; background-image:url(../images/send_bg.jpg); margin:10px 0px 0px 0px; padding:0px; background-repeat:no-repeat; border:0px; cursor:pointer;}


/*------------------------------------------------------------------------------*/
/*	--> FOOTER DIVS AND CLASSES					*/
/*------------------------------------------------------------------------------*/

#footer_body{width:100%; padding-bottom:20px; background:url(../images/bg_footer.jpg) top center repeat-x;}
#footer_container{width:960px; margin:0 auto; padding:35px 0 0;}
#footer_col_1{width:700px; float:left;}
#footer_col_2{width:260px; float:right; text-align:right;}



#footer_container ul{font-size:13px; color:#f8f8f8; margin:0; padding:0 0 16px; line-height:18px; font-weight:bold;}
#footer_container li {display:inline; padding:0 8px 0 0;} 
#footer_container li a{color:#f8f8f8; text-decoration:none;}
#footer_container li a:hover{color:#ffffff; text-decoration:underline;}

#footer_container p{color:#f8f8f8; margin:0; padding:0 0 15px; font-size:13px; font-weight:bold; line-height:22px;}
#footer_container p a{color:#f8f8f8; text-decoration:none;}
#footer_container p a:hover{color:#ffffff; text-decoration:underline;}


/*------------------------------------------------------------------------------*/
/*	--> MISC VALUES, DIVS AND CLASSES					*/
/*------------------------------------------------------------------------------*/

.clearcols{clear:both; height:1px;}

