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



/* GLOBAL COLORS
-----------------------------------------------

background				#000000
header/gold bkrnd		#a29061 (gold)
subheader				#486d9e (medium blue)
gold accents			#b5a681 (medium gold)
dividing lines			#dad3c0 (light gold)
body copy				#6d6e71 (medium gray)

*/




/* CSS RESET  --  Eric Meyer CSS Reset v1.0 | 20080212 MODIFIED
-----------------------------------------------
The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on. */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-weight:normal;}
ol, ul {list-style: none;}





/* LAYOUT
----------------------------------------------- */

body {
	font-size: 100.01%;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	line-height: 1;
	background:#000;}

.container { /* Centered container DIV  */
	width:999px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}

#header {
	border-bottom: 3px solid #a29061;
	height:87px;
	background:#000;
	margin:0;
	padding:0;}

#hpflash {
	clear: both;
	background:#000;}
	
#footer {
	clear: both;
	background:#000;
	height: 60px;
	font: 10px Arial, Helvetica, sans-serif;
	color: #FFF;}
	
	




/* NAVIGATION
----------------------------------------------- */

#footernav {
	float: left;
	width: 460px;
	padding: 20px 0 20px 10px;}
#footernav li {
	float:left;
	border-left: 1px solid #776a47;
	padding:0 13px; }
#footer a {
	font: 10px Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration:none;}
#footer a:hover {
	text-decoration: underline;}
#footerlegal {
	float: right;
	padding: 20px 17px 20px 0px;
	width:510px;}
#footerlegal a {
	font:10px Arial, Helvetica, sans-serif;
	color: #fff;}
#footerlegal li {
	float:right;
	border-left: 1px solid #776a47;
	padding:0 13px; }
	


/* CONTENT
----------------------------------------------- */

p {
	font: 11px Arial, Helvetica, sans-serif;
	color: #666;
	line-height:18px;
	margin-bottom:18px;}

a {color: #106ba9;}
a:visited {color: #106ba9;}
a:hover {color: #429fde;}


h1 { /* Breadcrumb headers on each page  */
	font: 12px Arial, Helvetica, sans-serif;
	color: #a29061;
	margin-bottom: 5px;
	letter-spacing:1px;}
h1 a {text-decoration:none; color: #a29061;}
h1 a:hover {text-decoration:underline; color: #a29061;}

h2 { /* Portfolio detail: project names  */
	font: 14px Arial, Helvetica, sans-serif;
	color: #a29061;
	margin-bottom: 5px;}
h3 { /* Portfolio detail: Location names  */
	font: 12px Arial, Helvetica, sans-serif;
	xfont-weight:bold;
	color: #6d6e71;
	margin-bottom: 5px;}
h4 { 
	font: 11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #a29061;
	margin-bottom: 5px;}
	
.headbold {
	font: 11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	}

.center {text-align: center;}

sup {
font-size: 8px;
vertical-align:super;
}



.error {
 	color: #FF0000 !important; 
 	font-weight:bold;}
	
	
#welcome {
	clear: both;
	background:#FFF;}
.welcomesub {
	width:972px;
	padding: 30px 0 30px 35px;
	background: url(images/welcome-fish.jpg) top right no-repeat #FFF;}
#welcome h1 {
 	font: 20px Arial, Helvetica, sans-serif;
	font-weight:normal;
	color: #a29061;}
#welcome p {
 	font: 11px Arial, Helvetica, sans-serif;
	line-height: 24px;
	color: #6d6e71;
	width:650px;}
		
	
#port {
	clear: both;
	background: url(images/doubleline-white.gif) repeat-x #FFF;}

#portleft {
	float:left;
	width:330px;
	padding: 20px 40px 30px 30px;}
#portleft h1, #portleft h1 a, #portright h1 {
	color: #a29061;
	margin-bottom: 50px;}
#portleft p {
	line-height:24px;}
	
#portright {
	float:left;
	width:550px;
	padding: 20px 0px 30px 40px;
	border-left: 1px solid #dad3c0;}
.portrightcols {
	float:left;
	width:160px;
	padding-right:20px;}
#portright h3 {
	color: #486d9e;
	margin-bottom: 14px;}
#portright a { font-weight: bold; text-decoration:none; color:#000; line-height: 12px;}
#portright a:hover { font-weight: bold; text-decoration:underline; color:#000;}


#portdetailtop {
	clear: both;
	background: #a29061 url(images/doubleline-gold.gif) repeat-x;}

#portdetailtop h1 {
	color: #FFF;
	padding: 10px 0 30px 0;
	margin-left: 25px;}
#portdetailtop h1 a {
	color: #FFF;
	padding: 10px 0 30px 0;}


.portdetailtn {
	width: 265px;
	margin: 0 0 0 25px;
	clear: both;}
.portdetailtn li {
	float: left;
	margin: 0 7px 5px 0;}

.portdetailtn img {
	border: 1px solid #b5a681;
	width: 75px;
	height:75px;
	clear: both;}
	
	
.tnborder:hover img, .tnborder:hover li {
	border: 1px solid #FFF;}

.tnborder:focus img, .tnborder:active img {
	border: 1px solid #000;}


.portdetailtnafter {
	height:20px;}

#portdetailimganchor {
	position: relative;
	z-index:10;
	width:999px;
	margin: 0 auto;
	clear: both;}	
#portdetailimgbrknd {
	position: absolute;
	float: left;
	z-index: 10;
	left: 275px;
	top: 48px;}
#portdetailimg {
	position:absolute;
	z-index: 11;
	left: 19px;
	top: 19px;}
#portdetailimg img {
	width: 660px;
	height: 560px;}
	
#portdetailmiddle {
	clear: both;
	background: #FFF;}
#portdetailmiddle .container {
	position: relative;
	z-index:20;}
#portdetailmiddleleft {
	float: left;
	width: 280px;
	padding-bottom:50px;}


#portdetailmiddleright {
	float: right;
	margin: 0 15px 50px 0px;
	padding: 0 20px 0 0 ;
	width: 660px;}
	
#portdetailflyout {
	position:absolute;
	width:37px;
	height: 156px;
	left: 247px;
	top: 2px;
	z-index: 20;}
	

#portdetailflyoutshell {
	position: absolute;
	left:247px;
	top: 2px;
	z-index: 21;
	visibility: hidden; /*state of initial flyout box: hidden or visible */
}
	
#portdetailflyoutbox {
	position: absolute;
	left: 40px;
	z-index: 20;
	width: 200px;
	height: 125px;
	padding:15px 10px;
	background: #a29061;
	filter:alpha(opacity=90);/*Needed for IE*/
	-moz-opacity:0.90;/*Older mozilla broswers like NN*/
	-khtml-opacity: 0.90;/*Old versions of Safari and "KHTML" browser engines*/
	opacity: 0.90;/*FF, Safari, and Opera*/
	}
#portdetailflyoutbox dt {
	xfloat: left;
	font: 10px Arial, Helvetica, sans-serif;
	line-height:11px;
	text-transform: uppercase;
	margin:0;
	color: #dad3c0;
	}
#portdetailflyoutbox dd {
	xmargin-left:95px;
	font: 10px Arial, Helvetica, sans-serif;
	line-height:11px;
	margin-bottom:10px;
	color:#fff;
}

	
#portdetailtitle {
	width:223px;
	height:150px;
	clear:both;
	padding: 25px 0 15px 25px;
	background: url(images/portdetailtitle-brknd.gif) no-repeat;}
#portdetailtitle h3 {
	font-size: 12px;
	padding-left: 28px;
	margin-bottom:10px;}
#portdetailtitle  p {
	padding: 0 15px 0 30px;
	line-height:14px;}

#portdetailservices {
	padding: 0 20px 0 25px;
	margin-bottom: 40px;
	float:left;}
#portdetailservices h2 {
	font-size: 13px;
	margin-bottom: 13px;}
#portdetailservices li {
	font: 11px Arial, Helvetica, sans-serif;
	color: #666;
	line-height:13px;
	padding: 0 0 10px 12px;
	background: url(images/li_bullet.gif) no-repeat; }
	
	
#desprocess {
	clear: both;
	background: url(images/doubleline-white.gif) repeat-x #FFF;}
#desprocessleft {
	float:left;
	width:395px;
	padding: 20px 40px 30px 30px;}
	
#desprocessleft h1, #desprocessleft h1 a, #desprocessleft h1 {
	color: #a29061;}
	
#desprocesslgimg {
	margin: 45px 0 50px 0;
	width:405px;
	height:405px;
	position: absolute;
}
#desprocesslgimg img {
	border: 1px solid #a29061;
	width:405px;
	height:405px;
}

#desprocesslgimg h2 {   /*  Photo caption  */
	font-size: 11px;
	color: #486d9e;
	font-style:italic;
	padding:5px 0;}

#desprocessleft p {
	line-height:24px;}
	
.desprocesstn {
	padding-top:530px;
	width: 410px;
	clear: both;}
.desprocesstn li {
	float: left;
	margin: 0 5px 5px 0;}

.desprocesstn img {
	border: 1px solid #b5a681;
	width: 75px;
	height:75px;
	clear: both;}
	
	
.desprocesstn .tnborder:hover img, .desprocesstn .tnborder:hover li {
	border: 1px solid #000;}

.desprocesstn .tnborder:focus img, .desprocesstn .tnborder:active img {
	border: 1px solid #000;}
	

#desprocessright {
	float:left;
	width:489px;
	margin-top: 54px;
	padding: 30px 0 40px 30px;
	border-left: 1px solid #dad3c0;}

#desprocessright h2 {
	font-size:16px;}
	

#desprocessright h3 {
	font-size:13px;
	color: #486d9e;}
	

#desprocessright h4 {
	font-size:11px;}
	

#desprocessright ul {
width: 400px;
margin: 0 0 20px 0px;
}
	
#desprocessright li {
font: 11px Arial, Helvetica, sans-serif;
	color: #666;
	line-height:13px;
	padding: 0 0 10px 12px;
	background: url(images/li_bullet.gif) no-repeat; 
	}
	
#phases {
background: #FFF;
width:486px;
height:78px;
margin-bottom:20px;
}

#phases a:hover img {
background: #FFF;
filter:alpha(opacity=80);/*Needed for IE*/
	-moz-opacity:0.80;/*Older mozilla broswers like NN*/
	-khtml-opacity: 0.80;/*Old versions of Safari and "KHTML" browser engines*/
	opacity: 0.80;/*FF, Safari, and Opera*/
}



#press {
	clear: both;
	background: url(images/doubleline-white.gif) repeat-x #FFF;}
#pressleft {
	float:left;
	position: relative;
	width:200px;
	padding: 20px 40px 30px 30px;}
#pressleft h1, #pressleft h1 a, #pressleft h1 {
	color: #a29061;}
	
#pressright {
	float:left;
	width:695px;
	margin-top: 54px;
	padding: 30px 0 40px 30px;
	border-left: 1px solid #dad3c0;}
#pressright h2 {
	font-size:16px;}
#pressright dl {
	margin: 0 0 20px 0px;
	float: left;
	width:250px;
	margin-right:70px;}
#pressright dt {
	font: 11px bold Arial, Helvetica, sans-serif;
	width: 400px;
	color: #000;
	line-height:13px;
	padding: 3px 0 1px 22px;
	background: url(images/icon-pdf.gif) no-repeat; }
#pressright dd {
	font: 11px bold Arial, Helvetica, sans-serif;
	font-style:italic;
	color: #666;
	padding: 0 0 20px 22px;}
#pressright ul {
width: 400px;
margin: 0 0 20px 0px;}
#pressright li {
font: 11px Arial, Helvetica, sans-serif;
	color: #666;
	line-height:13px;
	padding: 0 0 10px 12px;
	background: url(images/li_bullet.gif) no-repeat; 
	}
.youtubeicon {
	background: url(images/icon-youtube.gif) no-repeat !important; }

	
.services {
	clear: both;
	background: url(images/doubleline-white.gif) repeat-x #FFF;}
.servicesbcrumbs {
	position: relative;
	width:200px;
	padding: 20px 40px 30px 30px;}
.servicesbcrumbs h1, .servicesbcrumbs h1 a, .servicesbcrumbs h1 {
	color: #a29061;}
.servicesintro {
	float:left;
	padding: 10px 0 0 32px;
	width:950px;}
.servicesintro h2 {
	font-size:16px;}
.services2 {
	clear: both;
	background: url(images/doubleline-white.gif) repeat-x #FFF;
	background-position: 0px -50px;
	padding-top:4px;}
.services2col {
	width:205px;
	height: 450px;
	padding:20px;
	border-right: 1px solid #dad3c0;
	float:left;}
.services2col img {
	margin-bottom: 25px;}
.services2 ul {
width: 400px;
margin: 0 0 20px 0px;}
.services2 li {
	font: 11px Arial, Helvetica, sans-serif;
	color: #666;
	line-height:13px;
	padding: 0 0 10px 12px;
	background: url(images/li_bullet.gif) no-repeat; 
	}