/*
HFS ENGINEERING

MWISMedia New Media Design & Development

Author: Garry Bartle

 */


/* ---------------------------------------------------------------*/
/* Forces vert scrollbar on all pages*/
/* Removes unpredictable 'browser default' settings */
/* Body tag settings */

html { height: 100%; margin-bottom: 1px; }  

html,body{height:100% !important}

p, td, li, ul,ol, h1, h2, h3 ,h4 ,h5 ,h6, label, input {
	font: normal 12px "arial", Arial;
	margin: 0 0 0 0; 
	padding: 0 0 0 0; 
}
body {
	margin: 0px;
	padding: 0px;
	font: normal 12px "arial", Arial;
	color:#ffffff;
	background: #000000 repeat-x url(../images/body_bg.jpg);	}
	
h1 { color:#2999CF;
	font-size:20px;
	margin: 0 8px 15px 15px;
	font-weight:normal;}
	
h2 { color:#2999CF;
	font-size:16px;
	margin: 10px 8px 0 16px;
	font-weight:normal;}
	
h3 { color:#2999CF;
	font-size:18px;
	margin: 0 8px 10px 16px;
	font-weight:normal;}
	
h4 { color:#2999CF;
	font-size:16px;
	margin: 10px 8px 0 0;
	font-weight:normal;}	
	
	
#main_container {
	width: 961px;
	margin: 0 auto 0;
	position:relative;
	
}

#nav_container {
	width:961px;
	height:50px;
	background: url(../images/nav_bg.jpg) no-repeat;}
	
#banner {
	width:961px;
	height:211px;
	}
	
	
#left_col {
	float:left;
	width:630px;
	background:url(../images/col_one_bg.jpg) repeat-x;	
	margin:5px 8px 0 0;
	padding:18px 0 0 0;
	}
	
#left_col p {
	padding:5px 15px 5px 15px; 
	line-height:160%; 
	color:#CCCCCC;}

#left_col ul	 { 
	margin: 10px 0 25px 20px; 
	list-style:none;}

#left_col li  { 
	padding:0 15px 10px 20px ;
	background:url(../images/blue_bullet.gif) no-repeat;  
	line-height:160%; 
	color:#CCCCCC;}	
	
#left_col p	a { text-decoration:none; color:#2999CF;}
	
#right_col {
	float:left;
	width:320px;
	margin:5px 0 0 0;
	background:url(../images/col_two_bg.jpg) repeat-x;	
	padding:10px 0 20px 0;
	}
	
	
#right_col p {
	padding:0 15px 5px 15px; 
	line-height:140%;
	color:#CCCCCC;}
	
#full_col {
	float:left;
	width:961px;
	background:url(../images/col_one_bg.jpg) repeat-x;	
	margin:5px 8px 0 0;
	padding:18px 0 0 0;
	}
	
#full_col p {
	padding:5px 15px 5px 15px; 
	line-height:160%; 
	color:#CCCCCC;}
	
#full_col ul	 { 
	margin: 10px 0 25px 20px; 
	list-style:none;}

#full_col li  { 
	padding:0 15px 10px 20px ;
	background:url(../images/blue_bullet.gif) no-repeat;  
	line-height:160%; 
	color:#CCCCCC;}	
	
	#full_col li a{
	text-decoration:none;
	color:#2999CF}	
	
	
.h-dash {padding:0 0 10px 15px;}
.h-dash2 {padding:0 0  10px 15px;}

#picture_box {width:630px;
	background:url(../images/col_one_bg.jpg) repeat-x;	
	margin:0 0 0 0;
	padding:2px 0 0 0;
	}
	
#brochure_box {width:320px;
	margin:5px 0 0 0;
	background:url(../images/brochure_bg.jpg) repeat-x;	
	padding:10px 0 20px 0;}
	
	#newsletter_box {width:320px;
	margin:5px 0 0 0;
	background:url(../images/col_two_bg.jpg) repeat-x;	
	padding:10px 0 20px 0;}
		
#accreditation { 
	width:283px; 
	height:75px; 
	margin:0 0 25px 20px;}
	
.download_button {padding:5px 0 0 0;}

form {
	padding:10px 0 0 0;
	margin:0;
	
	
	}

#newsletter p 						{ width:320px; }
#newsletter p label 				{ float:left; width:80px; }
#newsletter p input 				{ width:186px; font-size:12px; color:#077CB5;  }
#newsletter p textarea 				{ width:250px; height:150px; font-size:12px;}
#newsletter p select 				{ width:188px; font-size:12px; color:#077CB5; height:23px }
#newsletter p input.submit 			{  width:81px;  height:21px; background: url(../images/signup.jpg) no-repeat; border:none; margin:10px 0 0 0;}

#footer { width: 100%;
		position:relative;
	border-top: solid 2px #232323;
	margin:20px 0 0 0;
	background: url(../images/footer_bg.jpg) bottom repeat-x; height:150px;}
	
#footer_con {
	width:961px; 
	margin: 0 auto 30px ;
	padding:20px 0 0 0;
	height:100px;}
	
address { float:left;
	width:180px;
		text-align:right;
	font-style:normal;
	padding:0 20px 0 0;
	border-right:solid 1px #232323;
	line-height:160%;
	color:#CCCCCC;
          }
		  
#numbers {
	float:left;
	width:300px;
	padding:0 20px 0 20px;
	line-height:160%;
	color:#CCCCCC;}
	
.bigblue {font-size:16px; color:#2999CF;	}	  
.bluetext {color:#2999CF;}
.whitetext {color:#FFFFFF;}

#links {float:right; 
	width:200px;
	text-align:right;
	line-height:160%;
	color:#6E6E6E;}
	
	
	#links a {text-decoration:none;
	color:#6E6E6E;
	padding:0 5px 0 5px;
	}
	
#content {width:961px;}

.list_con {float:left; width:310px;}
	
/* ---------------------------NAV-------------------------------*/

/*
	LEVEL ONE
*/
ul.dropdown                         { position: relative; z-index:100;  }
ul.dropdown li                      { font-weight: normal; float: left;   width:137px; list-style:none;  }
ul.dropdown a:hover		            { color:#75CEEB ; }
ul.dropdown a:active                { }
ul.dropdown li a                    { display: block; padding: 15px 0 15px 0; 
	 								  color: #ffffff; text-decoration:none; text-align:center; font-size:13px; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { position: relative; }
ul.dropdown li.hover a              {  }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 190px; visibility: hidden; position: absolute; top: 100%; left: 0;  z-index:100; padding:2px 0 0 0;}
ul.dropdown ul li 					{ font-weight: normal; background: #077CB5 url(../images/li_bg.jpg) no-repeat; color: #000; 
									  float: none; width: 170px;  }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 170px;  color:#ffffff; text-align:left; padding: 8px 0 8px 32px;  } 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }

/* ---------------------------PROJECTS-------------------------------*/

.latest_project_box {
	float:left;
	width:205px;
	padding-top:10px}
	
.latest_project_box2 {
	float:left;
	width:950px;
	padding:20px 0 10px 0; margin:0 0 0 15px;}
	
	.latest_project_box3 {
	float:left;
	width:195px;
	height:235px;
	padding:0 10px 10px 15px; margin:20px 5px 10px 10px; 
	background:url(../images/col_two_bg.jpg) repeat-x; }
	
	
	.desc_box {float:left; width:680px; }
	

	
	.pic_box1 {float:left; width:180px; margin:10px 0 10px 0; padding:3px; border:solid 1px #555555; }
	
	.thumb_box {float:left; width:150px; padding-left:5px; }
	
	.headline {width:100%; height:45px;}

.latest_project_box_text {
	float:left;
	width:120px;
	font-size:11px;
}

.latest_project_box_text2 {
	float:left;
	width:600px;
	font-size:13px;
	padding:0 20px 20px 0;
	color:#cccccc;
}

.latest_project_box_text2  a{
	text-decoration: none;
	 color:#2999CF;
}

.latest_project_box_text3 {
	float:left;
	width:330px;
	font-size:12px;
	padding-right:20px;
	color:#FF0000;
}

.latest_project_box_pic {
	float:left;
	width:78px;
	padding:0 0 5px 7px;
	font-size:11px;
}

.latest_project_box_pic2{
	float:left;
	width:280px;
	padding:0 0 20px 30px;

}