/* CSS Document */

body{ margin:0; padding:0; background:#f8e2bd; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.7em; color:#222; } 
.left { background:url(images/bg-left.gif) repeat-x left top; text-align:right; vertical-align:top; }
/*#left span{ display:block; position:relative; top:151px; height:200px; background:url(images/side.gif) no-repeat right;  }*/
.right { background:url(images/bg-right.gif) repeat-x left top; }

#header{ width:760px; border-right:1px solid #005683; border-left:1px solid #005683; position:relative; height:130px; background:url(images/header-bg.jpg) no-repeat left top #5b8ec0; text-align:right; color:#fff; }
#header span { display:block; position:absolute; top:28px; right:18px; color:#fff; line-height:1.4; }
#header img{ position:absolute; top:30px; left:0;}
.img2{ position:absolute; top:30px; left:850px;}
  
#sides{ width:760px; padding:0 1px; text-align:left; background:url(images/sides.gif) no-repeat left top #d7c4a4; color:#222; } 
#contentwidth{ width:760px; text-align:left; background:#f6eede; color:#222; } 

#leftcol{ width:180px; float:left; position:relative; overflow:hidden; }
#leftnav { width:180px; background:#6fb1dc; color:#fff; }
#leftnav ul { margin:0; padding:19px 15px 35px 15px; }
#leftnav ul li { list-style:none; border-bottom:1px solid #4c89b4; margin:0; padding:9px 0 7px 0; }
#leftnav ul li a { display:block; background:url(images/nav-arrow.gif) no-repeat 0 3px #6fb1dc; padding-left:15px; text-transform:uppercase; color:#fff; font-weight:bold; text-decoration:none }
#leftnav ul li a:hover { text-decoration:underline; }
#leftnav ul li ul { padding:0; margin:5px 0 1px 11px; }
#leftnav ul li ul li { list-style:none; border-bottom:0; margin:0; padding:2px 0 1px 0; }
#leftnav ul li ul li a { display:block; background:url(images/nav-square.gif) no-repeat 0 5px #6fb1dc; padding-left:10px; color:#002d51; font-weight:normal; text-transform:none;  }

#twocols{ width:580px; float:right; position:relative;  }

#rightcol{ width:170px; height:100%; float:right; position:relative; background:#f6a44d; padding:2px 0 30px 0; margin-bottom:1px; color:#fff; }
#rightcol h2{ color:#fff; margin:0; padding:10px 0 7px 18px; font-size:1.1em; background:url(images/projects-heading.gif) repeat-x; 
position:absolute; top:-31px; left:0; width:152px; }
#rightcol h3{ color:#fff; margin:0; padding:0px 0 0px 10px; font-size:1.1em; }
#rightcol p{ margin:10px 0 10px 10px;  }
#rightcol img{ border:2px solid #fff; margin-bottom:3px; }
#rightcol a{ color:#fff; font-weight:bold; font-size:1.1em; text-decoration:none; }
#rightcol a:hover{ text-decoration:underline; } 

#maincol{ width:370px; float:left; position:relative; display:inline; margin:20px; }
#contentcol{ width:540px; float:right; position:relative; display:inline; margin:20px; }

#wrapper { background:url(images/header-bottom.gif) no-repeat left top; }
h1 { color:#002d51; margin:0 0 0 196px; padding:9px 170px 0 4px; height:22px; font-size:1.25em; background:url(images/heading-bg.gif) repeat-x; }
h2{ font-size:1.25em; color:#b42642; margin:0 0 12px 0; padding:0; }
h2 a{ text-decoration:underline; font-style:italic; }
h2 a:hover{ text-decoration:underline; }
h3{ font-size:1.2em; color:#004a83; margin:0 0 10px 0; padding:0; }
p { margin:0 0 12px 0; padding:0; line-height:1.3; text-align:justify; }
.last { clear:both; font-size:1.1em; text-align:right; }
a{ color:#d42043}

#contentcol li { line-height:1.3; list-style:url(images/square-red.gif); margin-bottom:5px; text-align:justify; }
#contentcol table { background:#fff; margin-bottom:10px; }
#contentcol table caption { text-align:left; font-weight:bold; margin:10px 0; color:#002d51; text-transform:uppercase; font-size:1.3em;  }
#contentcol th { background:#93c0e6; padding:3px }
#contentcol table p { margin-bottom:5px;}

#contentcol table.housing { background: #f8e2bd; }
#address { float:left; width:50%; }

/* CONTACT FORM */
#form { margin:0 0 0 0; }
#form form { margin:0; width:500px }
#form div { margin:2px 0px 1px 0px; font-weight:bold; }
#form label { display:block; width:11em; float:left; margin:2px 0px 1px 0px; font-weight:bold; }
#form span input { margin-bottom:3px; background:#faf8f5; border:1px solid #beb29e; width:200px; font-size:1em; padding:2px; font-family:Verdana, Arial, Helvetica, sans-serif; }
#form span textarea { margin-bottom:3px; background:#faf8f5; border:1px solid #beb29e; width:250px; font-size:1em; padding:2px; font-family:Verdana, Arial, Helvetica, sans-serif; }
#form span select { margin-bottom:3px; background:#faf8f5; border:1px solid #beb29e; width:200px; font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif; }
.form-button input { background:#b42642; border:1px solid #760017; cursor:pointer; padding-top:2px; padding-bottom:2px; margin:0.5em 0 0 11em; color:#FFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; font-weight:bold; }

#references { float:left; width:50%; }
#references h3 { border-bottom:1px solid #7b9cb0; margin-right:30px; }
#references ul { margin:0 0 20px 15px; padding:0; }
#references li { line-height:1.1; text-align:left; }

#feature{ clear: both;}
#feature h2{ background:#b42642; color:#fff; padding:6px 10px 7px 10px; margin-bottom:13px; width:350px; font-size:1.1em; }
#feature h2 a{ color:#fff; text-decoration:none }
#feature h2 a:hover{ text-decoration:underline; } 
#feature h2 em{ color:#e9bec7; font-style:normal; }
#feature img{ border:2px solid #a2afb3; background:#fff; padding:1px; margin:3px 25px 10px 2px; color:#222; float: left; }
#feature p{ line-height:normal; width: 330px; float: left; padding: 0px 0px 10px 0px; margin: 0px 0px 0px 0px; }
#feature p a{ font-weight:bold; }
#feature p strong{ color:#e27604; }
#feature p.mainpage { width: 360px; float: none; }
#feature ol { margin-top: 0px; }

#projectdetail{ margin-top:10px; padding:0; display:table }
#projectdetail h3{ background:#287ba6; color:#b5d3e2; padding:6px 10px 7px 10px; margin:0; width:520px; font-size:1.1em; }
#projectdetail h3 a{ color:#b5d3e2; text-decoration:none }
#projectdetail h3 a:hover{ text-decoration:underline; } 
#projectdetail h3 em{ color:#fff; font-style:normal; text-transform:uppercase; }
#projectdetail img{ background:#fff; padding:1px; margin:0 0 5px 10px; color:#222; border-left:2px solid #a2afb3; border-bottom:2px solid #a2afb3; border-right:2px solid #a2afb3; }
#projectdetail p{ margin:12px 0 10px 0; }
#projectdetail p a{ font-weight:bold; font-size:1.1em; display:block; text-align:right; margin-top:5px }
#projectdetail p strong{ color:#e27604; }
#projectdetail div img{ background:#fff; padding:1px; margin:10px 0 5px 10px; color:#222; border:2px solid #a2afb3; }

#project-images { clear: both; }

#project{ padding:0; padding-top:10px; display:table; clear:both; }
#project h3{ background:#287ba6; color:#b5d3e2; padding:6px 10px 7px 10px; margin:0; width:520px; font-size:1.1em; }
#project h3 a{ color:#b5d3e2; text-decoration:none }
#project h3 a:hover{ text-decoration:underline; } 
#project h3 em{ color:#fff; font-style:normal; text-transform:uppercase; }
#project img{ background:#fff; padding:1px; margin:0 14px 5px 0; color:#222; border-left:2px solid #a2afb3; border-bottom:2px solid #a2afb3; border-right:2px solid #a2afb3;  }
#project p{ margin:12px 0 10px 0; }
#project p a{ font-weight:bold; font-size:1.1em; display:block; text-align:right; margin-top:5px }
#project p strong{ color:#e27604; }

#team{ margin-top:10px; padding:0; display:table; border-bottom:1px solid #bea883;  }
#team h3{ color:#287ba6; padding:6px 0 0 120px; }
#team h3 em{ color:#002d51; font-style:normal; text-transform:uppercase; }
#team img{ padding:0; margin:6px 14px 10px 0; color:#222; border:3px solid #fff; clear:both;}
#team p{ line-height:1.4; margin:0 0 10px 120px; }
#team p a{ font-weight:normal; display:block; text-align:right; margin-top:5px }
#team p strong{ color:#1b6487; }

#job-box { border:1px solid #ff9716; margin:18px 0 0 10px; background:#ffe9d2; text-align:center; color:#444; }
#job-box strong{ display:block; width:168px; background:#ff9716; color:#fff; font-size:1.1em; padding:3px 0 4px 0; margin-bottom:5px; }
#job-box a{ display:block; color:#ff8d00; font-weight:bold; margin-bottom:10px; }
#quote-box { border:1px solid #287ba6; margin:8px 0 20px 10px; background:#88c3e3; text-align:center; color:#000; }
#quote-box strong{ display:block; width:168px; background:#287ba6; color:#fff; font-size:1.1em; padding:3px 0 4px 0; margin-bottom:5px; }
#quote-box a{ display:block; color:#005a89; font-weight:bold; margin-bottom:10px; }

#footer{ width:760px; border-left:1px solid #d7c4a4; border-right:1px solid #d7c4a4; padding:0 0 9px 0; float:left; background:url(images/footer-bg.gif) repeat-x left bottom #73a0c7; text-align:right; color:#fff; } 
#footer a{ color:#fff; } 
#footer div{ float:left; width:300px; text-align:left; padding-left:18px; padding-top:7px; color:#fff; } 
#footer div a{ color:#fff; } 
#footer span{ display:block; padding:7px 10px 0 0; color:#3d7eac; }
#footer span a{ color:#d7edf8; text-decoration:none; padding:0 12px; } 
#footer span a:hover{ text-decoration:underline; } 

#bottom{ position:relative; width:720px; clear:both; color:#002d51; text-align:right; padding:5px 20px 10px 20px; } 
#bottom p { margin:0; color:#507390; line-height:1.5; text-align:right }
#bottom strong{ color:#002d51; font-weight:normal }
#bottom a{ color:#002d51; text-decoration:none } 
#bottom span{ display:block; position:absolute; top:7px; left:20px; color:#3d7eac; text-align:left; }
#bottom span a{ color:#687783; text-decoration:none; } 
#bottom a:hover{ text-decoration:underline; } 

#sitemap { margin:0 20px 10px 20px; }
#sitemap ul { list-style-type:none; padding:0; margin:0; }
#sitemap ul li { border-bottom:1px solid #b4bbc7; padding:10px 0 10px 0; margin:0px; list-style:none; font-weight:bold }
#sitemap ul li ul li { border-bottom:0px; padding:4px 0px 2px 0px; margin:0px 0px 0px 30px; list-style:url(images/square-blue.gif); font-weight:normal; }
#sitemap ul li ul li ul li { border-bottom:0px; padding:4px 0px 2px 0px; margin:0px 0px 0px 30px; list-style:none; }
#sitemap ul li a { text-decoration:none; color:#1b6487; font-size:1.1em; }
#sitemap ul li ul li a { text-decoration:none; color:#0073ae; font-size:1em }
#sitemap ul li a:hover { text-decoration:underline; }


 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}