/*-----------------------
CSS BY A D EGGINTON 11.06.08
-----------------------*/

/*-----------------------
TAGS
-----------------------*/
body, HTML{margin:0px;background-color:#282d30;background-image: url(../Images/body_bg.jpg);background-repeat: repeat-y;background-position: center top;font: normal 12px "Lucida Sans Unicode", Arial;color: #415256;text-decoration: none;letter-spacing:-0.05em;}
h1{padding:0px;margin:0px;color:#366ba1;font-weight:normal;font-size:24px;}
h2{font-size:14px;color:#366ba1;font-weight:normal;}
h3{font-size:18px;}
h4{}
p{text-align:justify}
em{color:#4f84ba;font-style:normal;}
a{text-decoration:none;color:#386DA3}
	a:hover{}
hr{border-top: 1px dashed #cccccc;background-color:none;clear:both;}
 img, div { behavior: url(components/iepngfix.htc) }

/*-----------------------
TEMPLATE
-----------------------*/
#wrapper{width:860px;margin-left:auto;margin-right:auto}

#header{display:block;height:77px;background: url(../Images/header_bg.jpg) repeat-x left top;color:#396794}
		#header div{float:right;padding:10px;width:300px;text-align:right;margin-top:10px;}
		#header span{font-size:14px;color:#676767}
		#header a{color:#aaa;font-size:11px}
		
	
#banner{display:block;height:258px;background: url(../Images/banner_bg.jpg) no-repeat left top;text-align:right;}
		#banner img{margin-right:117px;margin-top:200px;}
		
#nav{display:block;padding-bottom:10px;}
		
#left_col{width:200px;float:left;padding-bottom:10px;}

	#categories{display:block;background: url(../Images/categories_bg.jpg) no-repeat left top;height:182px;padding-top:50px;padding-left:13px;}
				#categories a{display:block;color:#CCCCCC;border-bottom:1px dashed #62696b;width:130px;line-height:25px;padding-left:7px;}
				#categories a:hover{color:white;}
	#contact_wrapper{display:block;height:126px;background: url(../Images/contact_bg.jpg) no-repeat left top;color:#efefef;padding-top:45px;padding-left:20px;margin-top:10px;}
	#contact_wrapper a{color:white;text-decoration:none;}

#right_col{width:620px;float:right;padding-right:25px;margin-bottom:10px;margin-top:10px;}

#footer{display:block;background: url(../Images/footer_bg.jpg) repeat-x left top;height:47px;clear:both;color:white;padding-top:20px;}
		#footer div{width:430px;margin-left:160px;}
		#footer a{color:#c7e3ff;text-decoration:none;}
		#footer a:hover{color:#F0F8FF}
		#footer span{width:200px;float:right;text-align:right;margin-right:10px;}

/*-----------------------
DROPDOWNS
-----------------------*/
.chromestyle{
width: 121px;clear:both;padding:0px;display:inline;margin:0px;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
width:121px;
height: 0; 
clear: both; 
visibility: hidden;
margin:0px;padding:0px;
display:inline;
}

.chromestyle ul{
	width: 121px;
	margin:0px;
	padding:0px;
	text-align: center;
	list-style: none;
	display:inline;
}

.chromestyle ul li{

margin:0px;padding:0px;
}

.chromestyle ul li a{
color: #494949;
margin:0px;padding:0px;
text-decoration: none;
}

.chromestyle ul li a:hover{
margin:0px;padding:0px;
}

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
margin:0px;padding:0px;/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
	position:absolute;
	line-height:24px;
	z-index:100;
	width: 121px;
	visibility: hidden;
	margin:0px;padding:0px;
}
.dropmenudiv a{
	width: 121px;
	display: block;
	text-indent: 3px;
	margin:0px;padding:0px;
	text-decoration: none;
	background: url(../Images/nav/drop_down_bg.png) no-repeat left top;
	color:#999999
}

* html .dropmenudiv a{ /*IE only hack*/
width: 150px;
margin:0px;padding:0px;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background: url(../Images/nav/rollover_bg.jpg) repeat left top;
color:white;
margin:0px;padding:0px;
}
/*-----------------------
CONTACT FORM
-----------------------*/
.required { background-color: #5382B6; color:white;border:none;width:250px;padding:3px;}
input{margin:1px; }
#enquiryform label { display: block; width: 210px; }
#enquiryform input, #enquiryform textarea { display: block; float: left; }
#enquiryform br { clear: both; }
textarea{border:1px solid #969696;width:250px;}
.cField{width:250px;padding:3px;}
/*-----------------------
STANDARDS
-----------------------*/
.fl{float:left}
	.fl-padding{float:left;margin-right:15px;}
.fr{float:right;}
		.fr-padding{float:right;margin-left:15px;}
.clr{clear:both;}
/*-----------------------
CONTENT
-----------------------*/
.blue_big_txt{color:#386da3;font-size:14px;letter-spacing:-0.05em;}

#home-news{float:left;width:281px;border-right:1px dashed #cccccc;height:200px;margin-top:17px;}
		
		.news_wrapper{display:block;margin-top:10px;clear:both;}
		
		.news_content{float:right;width:197px;letter-spacing:-0.05em;padding-right:10px;font-size:11px;text-align:justify;padding-left:10px;margin-right:7px;padding-top:5px;padding-bottom:5px;}
				.news_content a{color:#415256;}
		.news_content:hover{background-color:#dbe4ee}
		
		.date{margin-top:5px;text-align:center;float:left;height:50px;background-color:white;width:50px;background-image: url(../Images/date-bg.gif);background-repeat: no-repeat;background-position: center top;}
				.month{display:block;color:white;text-transform: uppercase;font-size:10px;letter-spacing:0px;}
				.day{display:block;font-size:24px;margin-top:1px;}
				
#home-projects{float:right;width:308px;padding-left:30px;height:200px;margin-top:17px;}

		.projects_wrapper{display:block;margin-top:10px;clear:both;}
				.projects_wrapper img{margin-bottom:10px;}
		.projects_content{float:right;width:190px;letter-spacing:-0.07em;padding-right:10px;font-size:11px;text-align:justify;padding-left:10px;margin-right:7px;padding-top:5px;padding-bottom:5px;}
				.projects_content:hover{background-color:#dbe4ee}
				.projects_content a{color:#415256}

.careers_titles{display:block;padding:3px;background-color:#386da3;color:white;text-transform: uppercase;font-size:14px;}
		
.blue_bdr{border:1px solid #386DA3}

.white_txt{color:#FFF}
#big_table{font-size:10px;}
			#big_table td{border:solid 1px black;}
			
			
			
.productsTitle{font-size:14px;color:white;background-color:#3D4C4F;padding:7px;text-transform: uppercase;font-weight:bold;display:block;margin-top:7px;}

			
.prodImgWrapper{display:block;margin-top:3px;padding:7px;border:1px solid #C3C3C3;}
/*-----------------------
SHOWCONTENTS
-----------------------*/	
.iconspan{float: right;cursor:hand;cursor:pointer;}
.eg-bar{display:block;padding:3px;background-color:#386da3;color:white;text-transform: uppercase;font-size:14px;}
div.eg-bar{display:block;}
.icongroup1{margin-top:10px;}

#seoLinks{ text-align:center; padding:10px; font-size:10px; color:#3688D3; font-weight:normal; background: #121516 url(../Images/seoBg.jpg) repeat-x left top; padding-top:12px; }
	#seoLinks a{color:#666}
	#seoLinks a:hover{ color:#838383; }