/* --------------------------------------------------------------------------------------------------------- */
/*  Defaults                                                                                                 */
/* --------------------------------------------------------------------------------------------------------- */

/* Zero-out browser defaults */
body { background:#000000 center top url(../img/bg-main.jpg); background-repeat:no-repeat; margin:0px; padding:0px; height: 100%; margin-left: -1px;}
html { font-family:verdana, arial, helvetica, sans-serif; font-size:68.5%; margin:0px; padding:0px; height: 100%; color: #464646; }
html * { font-size:1em; }

/*** ie6 png fix ***/
img, div, #nav a { behavior: url(iepngfix.htc) }



/* --------------------------------------------------------------------------------------------------------- */
/*  Main pages                 								                                                 */
/* --------------------------------------------------------------------------------------------------------- */

#home-body { background:#000000 center top url(../img/bg-hero3.jpg); background-repeat:no-repeat; margin:0px; padding:0px; height: 100%;}

#header-home{
	background:url(../img/hero-main1.jpg);
	background-repeat:no-repeat;
	height: 436px;
	width: 872px; 
}

#content-container-home{
	float: left;
	width: 100%;
	background: #fff;
	width: 872px;
	background: url(../img/hero-curr-proj2.jpg);
	background-repeat:no-repeat;
	height:134px;
}

#content-home{
	margin-top:0px;
	line-height: 1.5em;
	height: 134px;
/*border: 1px solid red;*/
}

#hero-text {
	background:url(../img/hd-build-strength.png);
	background-repeat:no-repeat;
	height:144px;
	width: 297px;
	float:right;
	margin-top: 270px;
	margin-right: 34px;
}

.hero-recent-proj-text{padding-top:85px;}

#container{
	width: 872px;  /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
		
}

/*** Heeader Backgrounds ***/
#header-proj{
	background:url(../img/bg-header-proj.jpg);
	background-repeat:no-repeat;
	height: 230px;
	width: 872px; 
}

#header-content-1{
	background:url(../img/bg-header-ohs.jpg);
	background-repeat:no-repeat;
	height: 230px;
	width: 872px; 
}

#header-content-2{
	background:url(../img/bg-header-services.jpg);
	background-repeat:no-repeat;
	height: 230px;
	width: 872px; 
}

#header-content-3{
	background:url(../img/bg-header-quality.jpg);
	background-repeat:no-repeat;
	height: 230px;
	width: 872px; 
}

#header-content-4{
	background:url(../img/bg-header-tech.jpg);
	background-repeat:no-repeat;
	height: 230px;
	width: 872px; 
}

#header-credits{
	background:url(../img/bg-header-credits.jpg);
	background-repeat:no-repeat;
	height: 230px;
	width: 872px; 
}

#header-team {
	background:url(../img/bg-header-team.jpg);
	background-repeat:no-repeat;
	height: 230px;
	width: 872px; 
}

#header-contact {
	background:url(../img/bg-header-contact.jpg);
	background-repeat:no-repeat;
	height: 230px;
	width: 872px; 
}


#content-container{
	float: left;
	width: 100%;
	width: 872px;
	background: url(../img/bg-content.jpg) no-repeat #fff;
}

#content{
	margin: 0 197px 0 181px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
	background: #fff;
	padding-top:20px;
	padding-bottom:20px;
	min-height: 500px;
	margin-top:-4px;
	line-height: 1.5em;
	padding-right: 20px;
}

.contentPages img {border: 10px solid #000;}

#leftcol{
	float: left;
	width: 181px; /*Width of left column in pixel*/
	margin-left: -872px; /*Set margin to that of -(MainContainerWidth)*/
/*	background: #fff;*/
	padding-top:20px;
	padding-bottom:20px;
/*	min-height: 203px;*/
	
}

.leftcol-hd-img {margin-left:26px;}

#rightcol{
	float: left;
	width: 197px; /*Width of right column*/
	margin-left: -197px; /*Set left margin to -(RightColumnWidth)*/
	/*background:url(../img/bg-lh-col1.jpg);*/
	background-repeat:no-repeat;
	padding-top:20px;
	padding-bottom:20px;
	/*min-height: 203px;*/
}

/*** specific bakground heights ***/
/*.rh-contact {height:223px;}
.rh-project {height: 551px;}
.rh-projects {height: 551px;}
.rh-credits {height: 278px;}
.content-projects {height: 208px;}*/

/* --------------------------------------------------------------------------------------------------------- */
/*  Footer                								                                                     */
/* --------------------------------------------------------------------------------------------------------- */

#footer-container{padding-bottom: 20px; color:#868f95}
#footer-container a, #footer-container a:link { color:#868f95;} 
#footer-container a:visited, #footer-container a:visited:link { color:#868f95; }
#footer-container a:hover, #footer-container a:visited:hover { color:#fff; }
#footer-left{float:left;}
#footer-right{float:right; margin-top: 0px;}


/* --------------------------------------------------------------------------------------------------------- */
/*  Project Landing Page              								                                         */
/* --------------------------------------------------------------------------------------------------------- */

#proj-cp{ position:absolute;}
#proj-pp{ position:absolute; margin-left: 245px;}

.proj-intro{padding-bottom: 5px;}

#proj-cp-list{ position:absolute;}
#proj-pp-list{ position:absolute; margin-left: 245px;}

/* --------------------------------------------------------------------------------------------------------- */
/*  Generic items            								                                                 */
/* --------------------------------------------------------------------------------------------------------- */
.blue{color:#36a7e9;}
.grey {color: #464646;}

h1 {color:#36a7e9; font-size: 1.5em; margin:0px; padding: 0px;}

h2 {font-weight: bold; margin:0px; padding: 0px; padding-top: 12px;}

#hr-main{width:472px; height: 1px; margin: 0px; padding: 0px; margin-top: 12px; border:none; border-bottom: 1px solid #36a7e9; color:#36a7e9; }
body hr{width:472px; height: 1px; margin: 0px; padding: 0px; margin-top: 12px; border:none; border-bottom: 1px solid #36a7e9; color:#36a7e9;}

.lh-side-hr {width:132px; height: 1px; margin-bottom: 3px;}

.rh-side-hr {width:148px; height: 1px; margin-bottom: 0px; margin-top: 15px; margin-left: 20px;}



/* --------------------------------------------------------------------------------------------------------- */
/*  Links                                                                                   				 */
/* --------------------------------------------------------------------------------------------------------- */
a, a:link { color:#464646;} 
a:visited, a:visited:link { color:#000; }
a:hover, a:visited:hover { color:#36a7e9; }


/* --------------------------------------------------------------------------------------------------------- */
/*  Side Nav                                                                                   				 */
/* --------------------------------------------------------------------------------------------------------- */

#nav a {margin-right:15px; color:#000;}

#side-nav {
	width:181px;
	float:left;
	margin: 0px;
	padding-top:30px;
	margin-left: -15px;
	
}
#side-nav .no-border{border-bottom:none;}
#side-nav li {list-style-type:none; margin-bottom:0px; vertical-align:middle; border-bottom: #36a7e9 solid 1px; width: 134px; line-height: 2.7em;}
#side-nav a {color:#464646; text-decoration: none;}
#side-nav a:visited, #side-nav a:visited:link { color:#464646; }
#side-nav a:hover, #side-nav a:visited:hover { color:#36a7e9;  font-weight: bold; }

#side-nav a.selected {font-weight:bold; color:#36a7e9;}

#side-nav .mini {line-height: 1.5em; list-style-image:url(../img/list-bullet.gif); color:#36a7e9; margin-left: 15px; border-bottom: none; width: 117px; font-size: 0.9em;}

/* --------------------------------------------------------------------------------------------------------- */
/*  Team                                                                                  				     */
/* --------------------------------------------------------------------------------------------------------- */
.team h3 {background:#eee; padding:15px 10px;}
.team {margin-left:220px;}
.team img {float:left; margin:0px 20px 10px 0px;}

table {width:469px;}
td {width:50%;}
.odd {background:#ebf6fd;}


/* --------------------------------------------------------------------------------------------------------- */
/*  Project Detail                                                                                  		 */
/* --------------------------------------------------------------------------------------------------------- */
#proj-content {}
#proj-content a {text-decoration:none; color:#000;}
#proj-content img {border: none; /*width: 227px;*/}
#proj-content h3{font-weight:bold; 1em; color:464646; margin:0; padding-top:5px;}
#proj-content h4{font-weight:normal; 1em; color:#36a7e9; margin:0;}

#proj-content-left {float: left; width: 227px;}

#proj-content-right {float:right; width: 227px; }

#project {margin-left:220px; margin-top:20px; }

#project-info li {list-style-type:none; margin: 0px; vertical-align:middle; width: 134px; font-size:0.9em; line-height: 1.5em;}
#project-info {
	float:left;
	margin: 0px;
	margin-top: -10px;
	margin-left: -20px;
}
.proj-info-img {margin-left: 20px;}

#project-info h4{ color:#36a7e9; margin-bottom: 0px; padding-bottom: 5px;}
.proj-info-h1{color:#000; font-size: 1.5em; margin:0px; padding: 0px;}
.proj-info-h2{color:#36a7e9; font-size: 1.1em; margin:0px; padding: 0px; font-weight: normal;}

#project-image-links-2 { background: #000; height:22px; width: 470px; padding: 1px 0px 10px 0px;}
.viewImages { padding: 0px 0px 6px 10px;}

#content ul { list-style:square; list-style-image:url(../img/list-bullet.gif); line-height: 1.8em; margin:0px; margin-top: 4px; margin-left: -25px;}

.content-main-image{ border: black 10px solid;}

#rightCol h1{color:#36a7e9; font-size: 1.25em; margin:0px; padding: 0px; font-style:italic; line-height: 1.7em; padding-left:25px; padding-right: 25px;}

#profile img {float:left; padding-right: 10px; width: 104px;}
#profile p {margin-left : 114px;}
#profile h2 {font-weight: bold; margin:0px; padding: 0px; margin-left: 100px;}
#profile h3 {color:#36a7e9; margin:0px; padding: 0px; margin-right: 30px; font-weight: normal;}


/* --------------------------------------------------------------------------------------------------------- */
/*  Home Page                                                                                       		 */
/* --------------------------------------------------------------------------------------------------------- */

#home-cp{
	position:absolute;
	top: 455px;
	margin-left: 80px;
	height: 84px;
}

#home-cp li{
	list-style:none;
	display:block;
	float:left;
	width: 255px;
}

.home-divider-1 {position: absolute; margin-left: 243px;}
.home-divider-2 {position: absolute; margin-left: 495px;}

.noPad{padding:0px;}


#home-cp p{
	padding: 0px;
	color: #fff;
	line-height: 1.1em;
	font-size: 0.9em;
	width: 78px;
	vertical-align: top;

}

.moreInfo{ position:absolute; top: 76px; padding-left: 7px;}

#home-cp a, #home-cp a:link { color:#36a7e9; font-weight:bold;} 
#home-cp a:visited, #home-cp a:visited:link { color:#36a7e9; font-weight:bold;}
#home-cp a:hover, #home-cp a:visited:hover { color:#464646; font-weight:bold;}

#contact-dl dt{ width: 3.5em; font-weight: bold;}
#contact-dl dd { margin-top: -1.5em; padding-left: 3.5em; padding-bottom:1.5em;}

#credits li p{color: #464646;}

#proj-list li {width: 210px;}
.content-proj{height: 1070px;}
#proj-list-container {position: absolute; margin-top: 200px; width: 470px; }
#proj-list-left li{list-style:none; !important}

#proj-list-dl dt{ width: 20.5em; padding-left: 10px; background:url(../img/bullet-proj-list.gif) no-repeat;}
#proj-list-dl dd{ margin-top: -1.5em; padding-left: 20.5em; padding-bottom:0.5em;}

#team-other-table {padding: 0px; padding-top:20px;}



#home-img{float: left; background:url(../img/img-proj-home-bg.jpg) repeat-x;}
#home-image-text {float: left; width: 90px; color: #fff; line-height: 1.1em;}
#home-image-text p {padding-left: 7px; padding-top: 25px;}