/* CSS Document */

BODY {
	margin: 0 0 0 0;
	background: #000;
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-x; 
	margin-top:0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
}

/*H1, H2, H4 and li CLASSES*/
H1.headline {
	color: #224466;
	font-weight: bold;
	font-size: 2.25em;
	display: inline;
}

H1.pec {
	color: #9b9b9b;
	font-size: 2.25em;
	font-weight: 100;
	display: inline;
}

H2.lead {
	font-size: 12pt;
	color: #224466;
	font-weight: 600;
	display: inline;
	line-height: 12pt;
	margin: 0px auto;
}

H2.leadb {
	font-size: 10pt;
	color: #224466;
	font-weight: 600;
	display: inline;
	line-height: 10pt;
	margin: 0px auto;
}

.clients {
	font-size: 12pt;
	color: #224466;
	font-weight: 600;	
	line-height: 12pt;
	margin: 0px auto;
	padding-top: 0px;
}

H4.subhead {
	font-weight: bold;
	color: #224466;
	margin-bottom: 0px;
	padding-bottom: 0px;
	line-height: 10px;
}

li {
	margin-bottom: 3px;
}

/****Main Content Styling****/
.maincopy {
	margin-top: 10px;
}

.address {
	margin-top: 15px;
}

.copytop { 
	margin-top: 0px;
}

ul {
	margin-left: 10px;
	padding-left: 10px;	
}


a {
	font-weight: bold;
	color: #224466;
}

a:visited {
	color: #999999;
}

div#header {
	width: 100%;
	text-align: left;
	height:85px;
}
div#copy {
	float: left;
	font-size: 9pt;
	font-weight: 200;
	line-height: 14pt;
	width: 630px;
	margin-left: 35px;
	color: #333333;
}

/*styling for copy on geotechnical*/
.copybottom {
	padding-left: 253px;
}

/*floats copy for left and right columns on Geotechnical, CivilSurvey and Links*/
div#copyleft {
	float: left;
	width: 300px;
}

div#copyright {
	float: left;
	width: 300px;
	margin-left: 15px;
}

/*styling for bottom opaque area*/
div#sub {
	/*height: 154px;*/
	background: #242424;
	text-align: left;
}

/*styling for acec logo*/
div#subleft {
	padding: 15px 42px 15px 42px;
	float: left;
	border-right:thin;
	border-right-color: #666666;
	border-right-style:dotted;
	border-right-width:1px;
}

div#subright{
	padding: 0px 10px 0px 10px;
	font-size: .75em;
	color: #CCCCCC;
	width: 630px;
	float: left;
	margin-top: 15px;
}

div#frontsubs {
	margin-top: 6px;
	margin-left: 30px;
}

div#footer {
	font-size: .75em;
	font-weight: bold;
	padding-top: 10px;
	color: #CCCCCC;
}
#civilsubhead {
	left:220px;
	top:-40px;
	width:560px;
	height:40px;
	z-index:1;
	position:relative;
}

/*MAIN WRAPPER AND LOGO*/
div#wrapper {
	width: 960px;
	background: #000;
	margin:0 auto;
	text-align: center;
	padding: 6px 10px 10px 10px;
}

div#logo {
	width: 243px;
	text-align: left;
	float: left;
	margin: 0 auto;
	padding-left: 11px;
}


div#main {
	background-color: #FFF;
	margin-top:0px;
	color: #000;
	padding: 13px 12px 10px 13px;
	height:511px;
}


/*CREATES THE TITLE FOR EACH PAGE*/
div#title_container {
	background-image:url(../images/bg-title.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 72px;
	text-align: left;
	padding-left: 15px;
}

/*aligns the top correctly*/
div#title {
	padding-top: 10px;
	letter-spacing: 1px;
}

div#main-sub {
	text-align: left;
	padding-top: 8px;
}

/*POSITIONS THE IMAGE ON EACH PAGE*/
div#image {
	padding-top: 7px;
	float: left;
	width: 255px;
	height: 290px;
}

/*STYLING FOR NAVIGATION*/
#navcontainer ul
{
	text-align: left;
	padding-bottom: 5px;
	padding-top: 0px;
	padding-left: 0;
	padding-right: 15px;
	margin-top: 0px;
	/* cancels gap caused by top padding in Opera 7.54 */
	margin-left: 0;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 12px;
	/* fixes Firefox 0.9.3 */
	float: right;
	margin-top: 60px;
	/*height: 33px;*/
}

#navcontainer ul li
{
	display: inline;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 5px;
	/* matches link padding except for left and right */
	padding-top: 0px;
}

#navcontainer ul li a
{
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 8px;
	color:#CCCCCC;
	text-decoration: none;
	margin-left: 20px;
}

#navcontainer ul li a:hover
/*Adds a background horizontal bar on hover*/
{
	color: #FFF;
	background-image: url(../images/bg-nav.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}


/**ACTIVE LINKS**/
/**sets the active link to white on the current page**/
body#home li.home a,
body#about li.about a,
body#civil li.civil a,
body#geotechnical li.geotechnical a,
body#links li.links a,
body#contact li.contact a
{
	color: #FFF;
	font-weight:bold;
		background-image: url(../images/bg-nav.gif);
	background-repeat: repeat-x;
	background-position: bottom;

}
.bio {
	font-size: 9.25px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:14px;
	font-weight:bold;
}
.matthew {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	font-family:Arial, Helvetica, sans-serif;
}