* {
margin:0;
padding:0;
}
html {
height:100%;
margin-bottom:1px;
}
body {
height:100%;
margin:0;
padding:0;
color:#6C787B;
font-family: Verdana, sans-serif;
font-size:x-small;
voice-family: "\"}\"";
voice-family:inherit;
font-size:small;
} html>body {font-size:small;}
a:focus {
-moz-outline:none; 
outline:none;
}
img {
border:none;
}
ul {
margin:0  0 20px 12px;
padding:0;
}
ul.additionalexperience li {
margin-bottom:16px;
}
blockquote.home {
background:url(../img/misc/quotes.gif) no-repeat;
position:absolute;
width:230px;
height:400px;
left:840px;
top:400px;
padding:24px 0 0 15px;
}
blockquote p {
margin-bottom:16px;
font-size:.9em;
line-height:1.4em;
color:#95a4a8;
}
blockquote p strong {
font-style:italic;
line-height:1.8em;
}
/* Column Layout
----------------------------------------------- */
/*
for ie later on
* html #container { 
height:20px;
}
*/
#container {
position:relative;
min-height:100%;
border-bottom:1px solid #cccccc;/* keep opera happy */
}
#content {
margin-left:69px;
padding-bottom:40px;
width:740px;
}
.middle {
  float:right;
  width:380px;
  margin:0;
  line-height:1.4em;
  }
.middle h2 {
margin:0;
padding:0;
}
 .middle p {
 margin:0 0 12px 0;
 font-size:1em;
 }
.middle img {
}
.middle ul {
margin:0  0 20px 12px;
padding:0;
}
.front_image {
margin-bottom:30px;
}
.bottom_section img {
padding:2px 10px 0 0;
}
.subcol {
  float:left;
  width:300px;
  margin:0;
  }
.xcol {
  float:right;
  width:120px;
  }
.leftcol {
  float:left;
  width:300px;
  margin:0;
  font-size:80%;
  line-height:1.3em;
  }
.rightcol {
  float:right;
  width:378px;
  margin:0;
  font-size:85%;
  line-height:1.5em;
  }
.project #content {width:775px;}
.project .middle {width:300px;}
.project .subcol {width:200px;}
.project .wrap {float:left;width:530px;}
.project .xcol {width:200px;}
.project .leftcol {width:360px;}
.project .rightcol {width:278px;}
.casestudy #content {width:720px;}
.casestudy .middle {width:300px;}
.casestudy .subcol {width:230px;}
.casestudy .wrap {float:left;width:560px;}
#about #content {
  margin-left:69px;
  width:570px;
  }
#about .right {
  float:right;
  width:300px;
  margin:0;
  font-size:85%;
  line-height:1em;
  }
#about .left  { margin: 0; width: 240px; float: left }
  
/*-------------------------Logo Header-------------------------------------- */
#header {
position:relative;
  background:#fff;
  height:90px;
  voice-family: "\"}\"";
  voice-family:inherit;
  } 
  html>body #header {height:130px;}
#logo {
  position:absolute;
  top:18px; left:70px;
  }
  
/* Home Page
----------------------------------------------- */
h1 {
  background:#C4CFE3 url(../img/misc/header.jpg) no-repeat left top;
  margin:0;
  padding:0;
  border-width:0;
  font-size:1px;
  }
h1 strong {
  display:block;
  height:106px;
  }
h1 span {display:none;}
#section .content .leftcol p {
font-size:1.5em;
line-height:1.2em;
width:340px;
}
#section img {
  float:left;
  margin:0 10px 0 0;
  }
#section p  { color: #fff; font-size: 110%; line-height: 1.3em; margin: 0 }
#section .hilite {
  padding:2px 0px 0px;
  }
#section .hilite img {
  float:left;
  margin:0 8px 0 0;
  }
#section .hilite h2 {font: 140%/.5em Verdana, Sans-serif;color:#fff;}
#section .hilite h2 a:link {
  color:#fff;
  }
#section .hilite h2 a:visited {
  color:#fff;
  }
#section .hilite h2 a:hover {
  color: #827B14;
  }
#section .hilite p {
  margin:0;
  font-size:100%; 
  color:#fff;
  }
#section  { background: #007389; margin-bottom:15px; position: static }
#section .content div {background:none;}
#section .content  { padding: 20px 0 22px 69px; width:90%; min-width:960px; voice-family: inherit} 
#section .right {
  float:right;
  width:380px;
  margin:0 40px 0 0;
  font-size:85%;
  line-height:1em;
  }
#section .left {
  float:left;
  width:auto;
  margin:0;
  font-size:85%;
  line-height:1em;
  }
#section .left.half {
width:50%;
}
#section .shadow  {background:  url(../img/misc/shadow.gif) repeat-x left bottom;}

/*-----------------------Services ----------------------------------------------*/
 #services {
  margin: 0;
  padding:0;
  }
 #services img {
  float:left;
  margin:3px 10px 0 0;
  }
#services p {
font-size:.9em;
line-height:1.5em;
margin:0 0 55px 0;
}
#services h2 {
line-height:.9em;
font-size:1.3em;
}
 #services .contact {
  float:right;
  clear:right;
  width: 100px;
  margin:5px 10px 30px 0;
  }
#services ul {
margin:0 0 0 12px;
padding:0;
}
#solar {
  font-size: 10px;
  line-height: 1.7em;
  padding: 10px 0 0 0;
   }
#solar h3 {
	color:#979072;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 150%;
	line-height: 1.2em;
	margin: 0 0 10px 0;
   }
  .thumbnail {
  float: right;
  clear: right;
  width: 75px;
  margin: 5px 0 50px 25px;
  padding: 0;
  } 
  #solar ul {
  line-height:1.3em;
  display:block;
  margin:0;
  padding:0 0 0 1.5em;
  color:#8C742D;
  }
 #solar li {
  margin: 0;
  padding: 0 0 2em 0;
  background-image:none;
  }
/*--------------------------contact page------------------------*/
div#contact_photos {
float:left;
width:120px;
}
div#contact_photos img {
display:block;
margin-bottom:39px;
}
div#contact_info {
position:relative;
width:340px;
float:right;
}
div#contact_info img {
display: block;
float: left;
margin: 4px 4px 0 0;
}
/*---------------------------about page-------------------------*/

#about #services p {
  font-size: 85%;
  line-height: 1.5em;
  margin:0 0 15px 0;
  padding: 0;
  color:#6C787B;
  }

#about #services ul {
	line-height:1.1em;
	display:block;
	margin:0;
	padding:.0 0 1.8em 1.5em;
	color:#8C742D;
  }
#about #services li {
  margin: 0;
  padding: 0 0 .75em 0;
  background-image:none;
  }	
 
/*----------------------------- Links----------------------------------------------- */
h2 a:link, h2 a:visited {
 color: #979072;
 text-decoration: none;
 }
h2 a:hover {
  color: #F5B328;
  text-decoration: none;
  }
a:link, a:visited {
  color: #8C742D;
  text-decoration: none;  
  }
a:hover {
  color: #8C742D;
  text-decoration: underline;
  }
/*-------------------------------Titles----------------------------------------------- */ 

h2 {
  margin:0 0 .25em;
  font:150%/1.2em Verdana, Arial, Helvetica, sans-serif;
  color:#979072;
  }
h2 strong {
  font-size:78%;
  color:#000;
  }
h3 {
  margin:0 0 .25em 0;
  font:110%/1.2em Verdana, Arial, Helvetica, sans-serif;
  color:#827B14;
  }
h4 {
  margin:0;
  font-size:100%;
  color: #979072;
  font-weight: bold;
  }
/*Footer
----------------------------------------------- */
#footer {
position:relative;
width:100%;
padding:0;
margin:-20px 0;
background:#B09D45;
}
#footer p {
color:#fff;
text-align:center;
font-size:11px;
padding:4px 0 4px 0;
}
/* Miscellaneous
----------------------------------------------- */
.hide {display:none;}
p {
  margin:0 0 0 0;
}
.ar {color:#466432 !important;}
.reset {
  display:block;
  clear:both;
  margin:0;
  padding:0;
  height:1px;
  font-size:1px;
  line-height:1px;
  }
.profile {
  font-size:.85em;
  line-height: 1.4em;
  margin-top:20px;
  padding: 15px 0 0 0;
  border-top: 1px dotted #6c787b;
   }
.profile ul {
margin:0 0 0 12px;
padding:0;
}
.profile img {
margin:2px 10px 0 0;
}
.imgProject {
  display:inline;
  float: left;
  display:block;
  margin:10px 15px 0 0;
  }
.imgleftcl {
  float: left;
  clear: left;
  width: 75px;
  margin: 10px 0 85px 0;
  padding: 0;
  }
.imgCase {
  margin:25px 0 0 0;
  }
.imgThumb {
  margin: 0 0 30px 0;
  }
.imgThumb img {
margin:0 0 10px 0;
}
.imgThumb p.left {
float:left;
font-size:.9em;
}
.imgThumb p.right {
float:right;
font-size:.9em;
}
.imgpop {
  display:block;
  margin:100px 0 40px 0;
  padding: 0;
  }
p.imgleft {border-width:0; padding-top:2px; display:inline;}
p.case {
  font-size:75%;
  line-height:1.2em;
  }
/* ----------------------------- */
/* project nav css */
ul#navlist {
width: 188px;
font-family: sans-serif;
font-size:.8em;
margin:0 0 0 0;
padding: 0;

border-bottom: 1px #383E3F solid;
list-style:none;
}
ul#navlist li {
margin:0 0 0 0;
padding:0;
border-top: 1px solid #383E3F;

}
ul#navlist li a {
margin:0;
padding:6px 4px;
width: 180px;
display: block;
background-color: #FFF;
text-decoration: none;
color: #383E3F;
}
ul#navlist a:hover {
font-weight:bold;
background:#F5AF1C;
color:#FFF;
}
ul#navlist li a.activebkgd {
font-weight:bold;
color:#FFF;
background-color: #F5AF1C;
}
/* case study
------------------------------------*/
.casestudy .subcol p {
margin:0 0 10px 0;
font-size:1em;
}
.casestudy .xcol p {
font-weight:bold;
}
.casestudy .middle {
font-size:.8em;
}
/* case study nav */
#case_nav {
  list-style: none;
  padding: 0;
  margin: 0 0 10px 0;
 }
#case_nav li {
 display: inline;
 padding:0;
 margin: 0;
 }
 #case_nav li a.active{
color:#F5AF1C;
font-weight:bold;
 }
#case_nav a {
  color: #6C787B;
  text-decoration: none;
  font-size:.9em;
  }
#case_nav a:hover {
  color: #383E3F;
  font-weight:bold;
  }
#case_nav a:visited {
  color:#6C787B;
  }
#case_nav li:before { content: " | "; }
#case_nav li:first-child:before { content: ""; }
/*IE workaround*/
/*All IE browsers*/
* html  #case_nav li {
 border-left: 1px solid black;
 padding: 0 0.4em 0 0.4em;
 margin: 0 0.4em 0 -0.4em;
 }
/*Win IE browsers - hide from Mac IE\*/
* html  #case_nav { height: 1%; }
* html  #case_nav li {
 display: block;
 float: left;
 }
/*End hide*/
/*Mac IE 5*/
* html  #case_nav li:first-child { border-left: 0; }
#case_nav h2 {
  font: 130%/1em Verdana, Sans-serif;
}
#case_nav h2,  .services h2 a {color:#000; border-width:0;}
#case_nav h2 a:hover,  .services h2 a:hover strong {color:#000;}
#case_nav h2 a:hover {  border-bottom:1px dotted #000;}
#case_nav h2 strong {
  font-size:100%;
  font-weight:normal;
  color:#F5B328;
  }
#case_nav .contact {
  float:right;
  clear:right;
  width: 100px;
  margin:0 0 20px 0;
  }
/*----------projects css ----------*/
#categorywrap {
margin:0 0 60px 68px;
width:872px;
}
#projectnav {
float:left;
width:200px;
}
#projectcontents {
float:right;
width:658px;
}
#projectwrap {
width:664px;
background:none;
}
#projectphotos {
padding-top:2px;
width:420px;
min-height:300px;
float:left;
}
#projectphotos p {
margin:0 0 18px 0;
}
#projecttext {
 float:left;
 width:208px;
 padding-top:0;
 }
 #projecttext p {
 margin:0 0 16px 0;
 }
 #projecttext h3 {
margin:0;
font-weight:normal; 
}
#projecttext h4 {
margin:0 0 10px 0;
font-weight:normal; 
}
#projecttext table {
border:0;
font-size:.9em;
}
#projecttext table td {
padding:2px 4px 4px 4px;
width:100%;
}
#projecttext table.tableplans {
background:none;
border:none;
width:100%;
margin:10px 0 0 0;
padding:0;
font-size:1em;
}
#projecttext table.tableplans td {
padding-left:0;
width:50%;
}
.photoheight {
min-height:306px;
}
/*---------- js slides -------------*/
.minislides{
clear:both;
margin:14px 0 0 0;
padding:0;
width:100%;
list-style:none;
}
.minislides,.minislides li {
float:left;
}
.minislides li img {
display:block;
padding-top:2px;
width:60px;
height:60px;
}
.minislides li {
padding:0 24px 10px 0;
background:none;
}
.minislides li a img{
border-top:5px solid white;
}
.minislides li a:hover img {
border-top:5px solid #F5AF1C;
}
.minislides li.photo{
clear:both;
padding-top:0;
}
.miniplans{
clear:both;
margin:0;
padding:0;
width:100%;
list-style:none;
}
.miniplans,.miniplans li {
float:left;
}
.miniplans li img {
display:block;
padding-top:2px;
width:60px;
height:60px;
}
.miniplans li {
padding:0 24px 10px 0;
background:none;
}
.miniplans li a img{
border-top:5px solid white;
}
.miniplans li a:hover img {
border-top:5px solid #F5AF1C;
}
.miniplans li.photo{
clear:both;
padding-top:0;
}
/*------------------------------------*/
.clear:after {
content:".";
height:0;
visibility:hidden;
display:block;
clear:both;
}
/* new css for category pages
---------------------------------------*/
#categoryblurb {
width:600px;
margin:0 0 0 70px;
padding:6px 0 8px 0;
font-size:.85em;
}
#categoryblurb p.specialwidth {
width:400px;
}
#categoryblurb p.specialwidth2 {
width:500px;
}
#categoryleft {
float:left;
width:288px;
margin:0;
padding:0;
}
#categoryblurb a {
color:#FADF66;
}
#categoryright {
float:right;
width:288px;
margin:0;
padding:0;
}
img.imageleft {
float:left;
margin:4px 2px 2px 0;
}
.tpborder {
border-top:1px solid #6C787B;
padding-top:20px;
}
.plans3 p {
padding-right:20px;
}
/*QUOTES SECTION*/
#quotes {
position:absolute;
width:200px;
height:200px;
top:0px;
left:0px;
background:orange;
}