@charset "utf-8";
/* CSS Document */


*{
	padding:0;
	margin:0;
	font-family:Calibri, Arial, Verdana, sans-serif;
	font-size:16px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:18px;
}

b,strong,h1,h2,h3,h4,h5,h6{
	font-weight:bold;
}

div#site_map{
	border:0px solid #000;
}

div#site_map a.header{
	color:#333;
	font-size:24px;
	padding:10px 0;
	display:inline-block;
}

div#site_map a.second{
	text-indent:20px;
	display:inline-block;
	color:#333;
	padding:10px 0;
	font-size:18px;
	border-left:1px solid #333;
}

div#site_map a.third{
	text-indent:40px;
	display:inline-block;
	border-left:1px solid #333;
}

img{
	border:0px solid;	
}


html{
	padding:0;
	margin:0;
	background:url(../images/bg.jpg) #0f0f0f repeat-x;
	}
	
body{
	padding:0;
	margin:0;
	overflow:visible;
	}
	
div#container{
	zoom:1; /* helps fix IE6 by initiating hasLayout */
	border:0px solid #990000;
	overflow:hidden;
	width:960px;
	background:url(../images/mec-container-bg.png) repeat-x #a9d4bd top;
	margin:0 auto;
	position:relative;
	border-bottom:1px solid #333;
	border-right:1px solid #222;
	border-left:1px solid #666666;
	}
	
.index{
	height:580px;
}
	
div#branding_index{
	position:absolute;
	top:0;
	left:0;
	z-index:2;	
	width:960px;
	height:202px;
	border:0px solid #000099;
	}
	
div#branding_index h1{
	text-indent:-9999px;
	}	
	
div#header-image{
	position:absolute;
	top:0;
	left:0;
}
	
div#branding{
	width:960px;
	height:262px;
	margin:0 auto;
	border:0px solid #000099;
	position:relative;
	}

div#branding h1{
	text-indent:-9999px;
	}
	
div#branding_logo{
	position:absolute;
	top:41px;
	left:52px;
	z-index:6;
}
	
div#logo{
	position:absolute;
	top:41px;
	left:52px;
	z-index:6;
}

div#logo a{
	padding:0;
	margin:0;
}

div#contact_info{
	position:absolute;
	top:2px;
	right:5px;;
	z-index:3;
	color:#FFF;
}

div#contact_info a{
	color:#ccc;
	text-decoration:none;
}

div#contact_info a:hover{
	color:#999;
	
}

div#contact_info_form{
	border:0px solid #000;
}

div#contact_info_form h2{
	color:#000;
	font-size:24px;
	text-shadow:2px 1px 1px #999;
	padding:10px;
}

div#contact_info_form span{
	display:inline-block;
	width:100px;
	text-align:right;
	padding-right:5px;
	color:#000;
	
}
	
div#nav{
	position:absolute;
	bottom:20px;
	left:0;
	border:0px solid #666666;
	width:960px;
	text-align:center;	
	background:url(../images/menu_bar_bottom.png) no-repeat center bottom;
	height:36px;
}

div#nav a{
	font-size:18px;
	color:#324c5d;
	padding:8px 15px;
	text-decoration:none;
	display:inline-block;
	margin:1px;
	overflow:hidden;
}

div#nav a.on{
	background:url(../images/button_bg.jpg) repeat-x;
	border:1px solid #999;
	margin:0;
}

div#nav a:hover{
	border-bottom:1px solid #063;
	padding:7px 15px;
	background:url(../images/hover.png) bottom repeat-x;
	border:1px solid #999;
	margin:0;
}

div#welcome{
	position:absolute;
	top:205px;
	left:25px;
	border:0px solid #ccc;
	width:310px;
}

div#welcome p{
	line-height:16px;
}

div#left blockquote{
	line-height:16px;
	margin: 5px 0 5px 20px;
}


div#left{
	border:0px solid #999;
	width:618px;
}

div#content{
	margin:0 15px;
}

div#left ul{
	padding:0 0 0 20px;
}

div#left li{
	padding:5px 8px;
	margin:10px;
	border:0px solid #999;
	list-style-position:outside;
}

div#left a{
	text-decoration:none;
	cursor:pointer;
}

div#left strong{
	font-size:24px;
	padding:0 0 10px 0px;
	color:#333;
}

div#left li strong{
	font-weight:normal;
	font-size:22px;
	
}

div#left h2{
	font-size:24px;
	padding:0 0 10px 0;
	color:#333;
}

div#left h3{
	font-size:26px;
	padding:0 0 10px 10px;
	color:#405349;
}

div#left p{
	font-size:16px;
	padding:0 0 0 10px;
	color:#333;
	line-height:26px;
}

div#left blockquote{
	margin: 0 0 0 50px;
	font-size:16px;
	color:#333;
	line-height:26px;
}


div#left p a{
	padding:0;
}

div#left a{
	color:#445d50;
	padding:0 0 0 10px;
}

div#bars{
	border:6px solid #000;
	
}

div#bars a{
	border:0px solid #999;
	padding:328px 20px 30px 0;
	margin:0 4px;
	text-align:right;
	font-size:24px;
	text-decoration:none;
	color:#fff;
	display:block;
	z-index:1;
	float:right;
	width:180px;
	cursor:pointer;
}



div#bars a:hover{
	color:#7fafe0;
}

div#bars a.company{
	background:url(../images/company1.jpg) no-repeat;
}

div#bars a.projects{
	background:url(../images/mec-projects.jpg) no-repeat;
}

div#bars a.services{
	background:url(../images/mec-services.jpg) no-repeat;
}


div#index-news{
	border:0px solid;
	width:960px;
	height:210px;
	background:url(../images/sub-nav.png) no-repeat;
	position:absolute;
	bottom:0;
	left:0;
}

div#news{
	float:left;
	border:0px solid #333;
	height:170px;
	width:280px;
	margin:20px 20px;
	color:#fff;
	position:relative;
}	


div#news h2{
	color:#c6e5d5;
	font-size:24px;
	margin-bottom:0 0 5px 0;
	display:inline-block;
	width:190px;
}

div#news h3{
	color:#fff;
	font-size:20px;
	margin-bottom:0 0 5px 0;
	padding:10px 0 0 0;
}

div#news p{
	padding:5px 0 0 0;
	color:#fff;
}

div#news a{
	position:static;
	text-decoration:none;
	color:#6891ad;
}

div#news a.placed{
	position:absolute;
	bottom:0px;
	right:0px;
}




div#text-area{
	float:left;
	border:0px solid #333;
	height:145px;
	width:575px;
	margin:15px 0 0 30px;
	display: inline;
	color:#FFF;
}	

div#text-area h2{
	font-size:24px;
	color:#fff;
	margin-bottom:0 0 5px 0;
}

div#text-area p{
	font-size:14px;
	border:0px solid #999;
	padding:5px 0 0 0;
}

div#text-area ul{
	border:0px solid #999;
	padding:6px 0 0 16px;
	list-style-type: square;
}

div#text-area li{
	list-style-type:disc;
		font-size:14px;
}

div#box{
	border:0px solid;
}

div#box a{
	display:block;
	background-color:#333;
	border:0px solid #000;
	padding:10px;
	margin:5px;
	text-decoration:none;
	color:#fff;
	height:100px;
}

div#box a p{
	color:#FFF;
	padding:0;
}

div#box a:hover{
	background-color:#444;
	
}

div#box a span{
	color:#999;
	font-size:24px;
	width:auto;
	display:block;
	text-align:left;
	padding:0 0 5px 0;
}

div#box a img{
	margin:0 10px 0 0;
}

div#box strong{
	color:#fff;
}

div#list-boxes{
	border:0px solid #999;
}

div#list-boxes ul{
	border:0px solid #990000;
	list-style-type:none;
}

div#list-boxes li{
	background-color:#333;
	border:1px solid #000;
	padding:10px;
	margin:5px;
	text-decoration:none;
	color:#fff;
	overflow:auto;
}

div#list-boxes h2 a{
	color:#fff;
	font-size:24px;
}



div#list-boxes h2 a:hover{
	color:#ccc;
	font-size:24px;
}

div#list-boxes a{
	color:#97b8d7;
}

div#list-boxes a:hover{
	color:#ccc;
}


a#photo_thumbs{
	display:inline-block;
	width:100px;
	height:100px;
	background:no-repeat top center;
	margin:5px;
}


div#right{
	border:0px solid #999;	
	width:278px;
	background:url(../images/right_bg.png) no-repeat;
	
}

div#right_news{
	border:0px solid #ccc;
	width:260px;
	margin:7px 0 0 10px;
}

div#right_news h2{
	color:#000;
	font-size:20px;
	letter-spacing:2px;
}


div#right_news ul{
	list-style-type:none;
	
}

div#right_news li{
	margin:10px 0;
	padding:5px;
	border:1px solid #3d7758;
	
}

div#right_news li span{
	color:#000;
	font-size:18px;
	border:0px solid #999;
	text-align:left;
	display:inline-block;
}

div#right_news li p{
	color:#fff;
}

div#right_news li a{
	color:#666666;
	text-decoration:none;
}

div#right_news li a:hover{
	color:#333;
	text-decoration:none;
}


div#locations{
	margin:30px 0 0 10px;
	border:0px solid;
}

div#locations h3{
	font-size:22px;
	letter-spacing:2px;
	color:#000;
	
}

div#locations a{
	display:block;
	border:0px solid;
	color:#666666;
	font-size:14px;
	text-decoration:none;
	height:100px;
	width:270px;
	padding:15px 0 0 10px;
	background:url(../images/grad_bg.png) no-repeat;
}

div#locations a span{
	font-size:18px;
	color:#335040;
	display:inline-block;
	text-align:left;
	height:20px;
	width:100px;
	width:auto;
	vertical-align:inherit;
}


div#locations a img{
	padding:0 5px 0 0;
}

div#related_projects{
	border:0px solid #999;
	padding:10px;
}

div#related_projects h2{
	background-color:#333;
	color:#FFF;
	padding:10px 5px;
	font-size:24px;
}

div#related_projects a{
	background-color:#666666;
	color:#FFF;
	padding:5px;
	display:block;
	margin:1px 0 0 0;
	text-decoration:none;
}

div#related_projects a:hover{
	background-color:#999;
}

div#contact{
	border:0px solid #999;
	padding:0 0 10px 0;
}

div#contact span{
	width:100px;
	display:inline-block;
	text-align:right;
	padding: 3px 10px 0 0;
	border:0px solid #990000;
	font-weight:bold;
}

div#projects{
	border:0px solid #999;
	padding:0 10px;
	margin-bottom:10px;
}

div#projects h2{
	font-size:24px;
	padding:0 0 5px 0;
}

div#projects a{
	color:#666666;
	text-decoration:none;
	
}

div#footer{
	width:960px;
	margin:20px auto;
	padding:10px;
	background-color:#3e6550;
	border:0px solid #a7dcc0;
	text-align:center;
	color:#a7dcc0;
	}
	
div#footer a{
	color:#FFF;
	text-decoration:none;
	padding:0 10px;
}

form{
	width:400px;
	margin:10px auto;
	border:0px solid #999;
}

legend{
	font-size:large;
}

label{
	border:0px solid #999;
	display:block;
}

form span{
	display:block;
}

form b.err{
	color:#F00;
	
}


div#id_corner{
	position:absolute;
	right:0;
	bottom:0;
	text-align:right;
}