@import url(/assets/css/reset.css);

body {
	font: 62.5%/1.5em Arial, Helvetica, Verdana, sans-serif;
	background: #afb0b4;
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix { display: inline-block; }


html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.left{ float: left; }
.right{ float: right; }


/*--[GENERAL]--*/
#container{
	width: 960px;
	margin: 25px auto;
}
.wrapper{
	width: 860px;
	padding: 0 50px;
	margin: 0 auto;
}

h3, h4{ color: #67696d; font-weight: normal; }
h3{
	padding: 16px 16px 0 16px;
	margin-bottom: 20px;
	font-size: 20px;
}
h4{
	padding: 0 16px;
	font-size: 15px;
	margin-bottom: 10px;
}
ul#errors{
	
}
	ul#errors li.error-header{
		font-weight: bold;
		background-image: url(../img/error.gif);
	}
	ul#errors li.error{
		background-image: none;
	}


/*--[HEADER]--*/
#header{
	background: #818486 url(../img/header_rep.gif) repeat;
	position: relative;
}
	#header #stripe-knockout{
		position: absolute;
		left: 0;
		top: 0;
		width: 50%;
		height: 100%;
		background: #818486;
		z-index: 1;
	}
	#header .wrapper{
		background: #818486 url(../img/stripe_backer.gif) no-repeat top right;
		position: relative;
		z-index: 2;
	}
	#header h1{
		text-indent: -9999px;
		width: 153px;
		height: 96px;
		margin-bottom: 25px;
	}
	body.constructions #header h1{ background: transparent url(../img/logo_constructions.gif) no-repeat 0px 50px; }
	body.traffic #header h1{ background: transparent url(../img/logo_traffic.gif) no-repeat 0px 50px; }
	body.site-map #header h1{
		background: transparent url(../img/logo.gif) no-repeat 0px 50px;
		width: 153px;
		height: 100px;
	}
	#header ul#navigation{
		height: 30px;
		width: 100%;	
		font-size: 10px;	
	}
		ul#navigation li{						
			float: left;
			display: inline;
			padding-top: 5px;
		}
		ul#navigation li:hover, ul#navigation li.active{ border-top: 5px solid #d9dada; padding-top: 0px; }
		ul#navigation li.last-child{
			background: transparent url(../img/nav_lastchild_backer.png) no-repeat right bottom;
			padding-right: 31px;
		}
		ul#navigation li.last-child:hover{ border-top: none; padding-top: 5px }		
			ul#navigation li a{
				color: #898a8d;
				padding: 6px 8px;
				display: block;
				text-decoration: none;
				text-transform: uppercase;
				font-weight: bold;
				background: #dee0e2;				
				border-right: 1px solid #f2f3f3;
			}
			ul#navigation li a:hover, ul#navigation li.active a{ background: #f5f6f6; }
			ul#navigation li.last-child a{
				background: #a2a5a8;
				color: #f1f1f2;
				border-right: none;		
				padding-right: 43px;		
			}

/*--[CONTENT]--*/
#home-links{
	width: 750px;
	margin: 0 auto;
}
	#home-links a{ display: block; border: 5px solid #dee0e2; height: 401px; }
	#home-links a:hover{ border-color: #a2a5a8; }
	#home-links a.constructions{
		float: left;
	}
	#home-links a.traffic{
		float: right;
	}	

body.root #content{
	width: 600px;
	margin: 50px auto 0 auto;
}
#content{
	padding:50px;
	background: #fff;
}

/*-----------new code----------*/

#contentHome{
	padding:70px;
	background: #fff;
	
}

.cHome {
margin-top:50px;
margin-left:50px;
margin-right:50px;
margin-bottom:50px;
width:760px;



}
 
/*-----------new code----------*/



	#content h2{
		font-size: 2em;
		margin-bottom: 25px;
		color: #00583c;
		font-weight: normal;
	}
	#content .copy{
		float: left;
		width: 350px;
	}
	#content p, #content ul{
		font-size: 1.35em;
		margin-bottom: 10px;
		color: #211c1d;
	}
	#content ul li{
		padding: 3px 0 3px 20px;
		background: transparent url(../img/bullet_black.gif) no-repeat left 2px;
	}
		#content a{
			text-decoration: none;
			color: #818486;
		}
		#content a:hover{ text-decoration: underline; }
	#content img.left{ float: left; margin-right: 25px; margin-bottom: 25px; }
	#content img.right{ float: right; margin-left: 25px; margin-bottom: 25px; }
	#content div#image-container.right{
		margin-left: 25px;
		margin-bottom: 25px;
		float: right;
		width: 463px;
	}
		#content div#image-container.right img{
			margin-bottom: 10px;
		}
	
	#content #project-profiles{
		
	}
		#project-profiles ul#project-list{
			width: 185px;
			float: left;
			padding: 0;
			margin-top: 36px;		
		}
			#project-profiles ul#project-list li{
				margin-bottom: 5px;
				padding: 0;
				background: none;
				margin: 0 0 5px 0;
			}
			body.constructions #project-profiles ul#project-list li.active {margin: 0 0 5px 0; background: #F5EDDC; }
			body.traffic #project-profiles ul#project-list li.active {margin: 0 0 5px 0; background: #F5EDDC; }
				ul#project-list li a{
					display: block;					
					padding: 8px;					
					font-size: 12px;
					margin-right: 5px;
				}	
				body.constructions ul#project-list li a{ background: #eadcbd; color: #84827f; }
				body.constructions ul#project-list li.active a { background: #F5EDDC; margin-right: 0px; color: #333; }
				body.traffic ul#project-list li a{ background: #d5e0d6; color: #84827f; }
				body.traffic ul#project-list li.active a { background: #e2eae3; margin-right: 0px; color: #333; }
				
		#project-profiles #project-details{			
			float: left;
			width: 674px;
		}
			#project-profiles #project-details #project-nav{ margin-bottom: 5px; }
			body.constructions #project-profiles #project-details #project-nav{ background: #eadcbd; }
			body.traffic #project-profiles #project-details #project-nav{ background: #d5e0d6; }
				#project-nav a{ display: block; font-size: 12px; width: 117px; height: 31px; text-indent: -9999px; }
				body.constructions #project-nav a.left{ float: left; background: transparent url(../img/project_profile_prev.gif) no-repeat; }
				body.constructions #project-nav a.right{ float: right; background: transparent url(../img/project_profile_next.gif) no-repeat; }
				body.traffic #project-nav a.left{ float: left; background: transparent url(../img/project_profile_traffic_prev.gif) no-repeat; }
				body.traffic #project-nav a.right{ float: right; background: transparent url(../img/project_profile_traffic_next.gif) no-repeat; }
			#project-profiles #project-details #project-scroller{				
				padding-bottom: 20px;
				min-height: 500px;
			}
			body.constructions #project-details #project-scroller{ background: #f5eddc; }
			body.traffic #project-details #project-scroller{ background: #e2eae3; }
				#project-scroller p{
					padding: 0 0 0 16px;
					font-size: 12px;
					line-height: 1.5;
					width: 300px;
				}
	
	#content #contact{ padding: 8px; }
	body.traffic #contact{ background: #e2eae3; }
	body.constructions #contact{ background: #f5eddc; }
		#contact div.left, #contact div.right{ width: 50%; }
		#contact div.right p{
			margin-bottom: 20px;
			line-height: 1.5;
		}
		#contact div.right p.emergency-contact{
			font-size: 12px;
			color: #d54247;
			font-weight: bold;
		}
		#contact p strong{ color: #196d54; }
		#content #contact #form-wrapper{ padding: 0 16px 0 16px; }
		#content #contact form{  }
			#contact form p{
				clear: left;
				padding: 5px 0;
				margin:0;
			}
			#contact form label, #contact form input.text{
				float: left;
				line-height: 20px;
				height: 20px;
			}
			#contact form label{
				width: 75px;
				display: block;
			}
			#contact form label.extra-space{ margin-left: 20px; }
			#contact form input.text{ width: 250px; }
			#contact form input.text.small{ width: 75px; }
			#contact form textarea{ width: 325px; }
			#contact form input.button{
				background: #818285;
				padding: 5px 10px;
				border: none;
				color: #fff;
				cursor: pointer;
			}
			#contact form input.button:hover{
				background: #676769;
			}
		
	#content #sitemap{
		
	}
		#sitemap div.sitemap-category{ width: 45%; }
			#sitemap div.sitemap-category strong{ font-size: 12px; display: block; margin-bottom: 3px; padding-bottom: 3px; border-bottom: 1px dotted #ccc; }
		#sitemap ul li{ font-size: 12px; }
			#sitemap ul li ul{ margin-bottom: 0px; }

	#clients{
		margin-bottom: 50px;
	}	
		#clients ul{
				width: 33%;
			}
			#clients ul.client-list li{
				font-size: 14px;
				color: #67696D;
				padding-left: 0px;
				background: none;
			}	
/*--[FOOTER]--*/
#footer{
	height: 80px;
	background: #dee0e2;
	color: #8f9193;
	line-height: 80px;
	padding: 0 50px;
}
	#footer span{
		float: left;
	}
	#footer ul{
		float: right;
		height: 80px;
	}
		#footer ul li{
			float: left;
			padding: 0 3px;
		}
			#footer ul li a{
				text-decoration: none;
				color: #8f9193;
			}
			#footer ul li a:hover{
				text-decoration: underline;
			}