html, body {
	height: 100%;
	text-align:center;
	padding: 7px;
	/*background: #fff url('../img/background.jpg') repeat-y top center;*/
} 

#container {
	width:969px;
    min-height: 100%;
    height: auto !important;
    height: 100%;	
    margin: 0 auto;	
	text-align:left;
}

/* Style Format */
/* --------------------------------- */
#header h1.mainHeader {color: #056AB0;font-size:11px;border-bottom: none;line-height:11px;}
/* --------------------------------- */

#homeBody {
	padding: 10px;
	width: 949px; height: 275px;
	background: #fff url("../img/bg-homeBody.jpg") no-repeat left top;	
	position: relative;
}

#homeBodyText {
	width: 382px; height: 246px;
	position: absolute; top: 30px; left: 21px;
}

/* Slider */
.coin-slider { overflow: hidden; zoom: 1; position: absolute; left:430px; top: 32px;}
.coin-slider a{ text-decoration: none; outline: none; border: none; }
.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF; }
.cs-title { width: 494px; padding: 10px; background-color: #000000; color: #FFFFFF; text-align: right; font-weight:900}
.cs-prev, .cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }

#columnContainer {
	margin:0; padding: 140px 0 0 0;
	width: 969px; height: 186px;
	background: #CCCCCC;
	overflow: hidden; /*important*/
	background: url("../img/bg-homeColumns.jpg") no-repeat left top;
}

	#columnContainer table {width: 100%;}
	#columnContainer td{width:25%; padding: 10px 10px 0 14px; vertical-align: top;}
	
#pHeader {height:56px; padding: 50px 0 0 25px;}

	.bg-about {background: #fff url("../img/bg-about.jpg") no-repeat left top;}
	.bg-policy {background: #fff url("../img/bg-policy.jpg") no-repeat left top;}
	.bg-project-highlights {background: #fff url("../img/bg-project-highlights.jpg") no-repeat left top;}
	.bg-project-management {background: #fff url("../img/bg-project-management.jpg") no-repeat left top;}
	.bg-transportation-funding {background: #fff url("../img/bg-transportation-funding.jpg") no-repeat left top;}				

#colLeft, #colRight {
	float:left;
	display:inline;    
	padding: 0;
	text-align: left;  
} 

#colLeft {
	/* Total Width: 701px */
	padding: 12px 15px 10px 25px;
	width:661px;
	background-color: #fff;
} 

#colLeft .serviceDescription table {width: 100%;}
#colLeft .serviceDescription td {vertical-align: top;}
#colLeft .serviceDescription td:first-child  {font-weight: 900; padding-right: 15px; width:200px; text-align: right;}

#colRight {
	/* Total Width: 268px */
	width:268px;
	height:520px;
	/*background: #fff url("../img/rightColumn.jpg") no-repeat left top;*/
}

#footer {
	clear:both;
	padding-top: 16px;
	height: 90px;
	text-align: center;
	color: #000;
	background: #fff url('../img/footer.jpg') no-repeat;
}

	#footer a {color: #000; text-decoration:underline;}
	#footer span {margin: 0 15px; font-weight:900;}

/******************************************************************/
/* 2 columns photo w/ paragrah */
/******************************************************************/

.twoColThumb	{float: left; margin: 5px 20px 20px 0; padding: 5px;}
.twoColDesc		{overflow: hidden;}

/******************************************************************/
/* Project Highlights */
/******************************************************************/
.projectPhoto {float: left; width:160px; margin-right: 10px; padding-top:5px;}
.projectPhoto img {border: 1px #fff solid; -webkit-box-shadow: 0px 0px 4px #444; -moz-box-shadow: 0px 0px 4px #444; box-shadow: 0px 0px 4px #444;}
.projectDesc {float: right; width:486px; }