/*-------------------------------------

	Apex Green Roofs
	www.apexgreenroofs.com
	Designed by KJ Parish
	Summer 2009

	Make the world a more livable place. 

-------------------------------------*/



/* Mechanics */
html,body{margin:0;padding:0}
body{font: 12px arial,sans-serif;text-align:center; background-image:url(images/gradient-bg-repeat.jpg); background-repeat:repeat;}
p{margin:0 10px 10px; }
a:link {color: #669966; padding-left: 1px; }
a:visited {color: #669966; padding-left: 1px; }
a:active {color: #669966; padding-left: 1px; }
a:hover {color: #00CC00; padding-left: 1px;}
h1 {color: #336633; font-weight:bold; font-size:18px; margin-left:10px; margin-right: 10px;}
h2 {color: #669966; font-weight:bold; font-size:18px; padding:0px; margin-left:10px; margin-top:0;}
h3 {color:#336633; font-weight:bold; margin: 5px 0 10px 10px; font-size:18px; text-decoration:underline; }
h4 {
	color: #00CC00;
	font-weight: bold;
	font-size: 16px;
	margin-left:10px;}
h5 {color:#181818; margin: 5px 0 10px 10px; font-size:13px;}
h6 {color: #669966; font-weight:bold; font-size:12px; padding:0px 10px 20px 0; margin:20px 10px 10px 10px; height:35px; }

hr {color:#336633;}

li#list {line-height: 30px; }
.press li {margin:20px; width:600px; }


div#header {margin:0; padding-left:10px;background: #336633;color: #FFF; height:120px; text-align:right;}
div#header a{ color:#99FF66;}
div#bg-container{background-image:url(images/gradient-bg.jpg); background-position:right; background-repeat:no-repeat; width:1024px; height:800px; margin-left:300px; } 
div#container{text-align:left; background-color:#FFF; margin-left: 15px; margin-top:5px;}
div#content p{line-height:1.4; color:#334C2F;}
div#navigation{background:#B9CAFF}
div#extra{background:#FF8539}


div#footer{clear:both;width:100%; background-color:#121C13; color: #62985C;}
div#footer a:link{ color:#CDF2B7;}
div#footer a:hover{ color:#00CC00;}
div#footer p{margin:0;padding:5px 10px}

div#container{width:749px; position:absolute; left:100px;}
div#navigation{float:right;width:350px}
div#extra{float:left;width:350px}


/*Styles*/
.greenbold {font-weight: bold; color:#99FF66;}
.h1-bg {color: #99FF66; font-weight:bold; font-size:18px; padding:0 0 20px 0; margin-left:10px;}
.float-image {float:left; padding: 0 10px 10px 0;}
.greenhead {color: #00CC00;}
.float-img-rt {float:right; padding: 10px 10px 10px 10px;}
.calc-cells { padding: 0px 10px 10px 10px;}
.thumbs {width:100%; min-height:200px;}
.thumbs img {float:left; padding:10px;}
.notation {font-size:10px; font-style:italic;}
ul.list li {margin:5px; line-height:1.4; color:#334C2F;}
/*- Menu Tabs F--------------------------- */

    #tabsF {
      float: left;
      width:100%;
	  background:#000000;
      font-size:12px;
	  font-weight:bold;
      line-height:normal;
	  border-bottom:1px solid #666;
	  overflow:hidden;
	  height:25px;
      }
    #tabsF ul {
	
	  margin: auto;
	  list-style:none;
	  text-align:center;
	  position:relative;
	  padding:2px 0 0 3px;
	  
	 
	   
      }
    #tabsF li {
      display:inline;
      margin:0;
      padding:0;
	  position:relative;
 

	 
      }
    #tabsF a {
      float:left;
      background:url(tableftE.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 3px;
      text-decoration:none;
	 
      }
	
    #tabsF a span {
      float:left;
      display: block;
      background:url(tabrightE.gif) no-repeat right top;
      padding:5px 11px 4px 8px;
      color:#151F17;
	  margin:0;
	  
	 
	
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsF a span {float:none;}
    /* End IE5-Mac hack */
    #tabsF a:hover span {
      color:#FFF;
      }
    #tabsF a:hover {
      background-position:0% -42px;
      }
    #tabsF a:hover span {
      background-position:100% -42px;
      }
	  
	  
	  
 /* thumbnail pop ups*/

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: fixed;
right:10px;
top: 10px;
background-color: #336633;
padding: 5px;
border: 1px solid #181818;
visibility: hidden;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;

 /*position where enlarged image should offset horizontally */
}

.projectBox {float:left; width:352px; height:450px; border: 1px solid #669966; margin:10px;
background-color: fff;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
.portfolioSections {float:left; width:352px; min-height:100px; margin:10px;}
.note {font-size:10px;}
.portfolioThumb {float:left; margin:10px 20px 0 10px;}
.systemsSection {width:100%; padding:10px;}
.systemsLeft {float:left; }
.systemsRight {width:370px; margin-bottom:10px; padding:0 10px 30px 10px; float:left;}




.expand_head {
text-decoration:underline;
font-weight:bold;
color: #669966; 
margin-bottom:20px;
padding: 5px 10px;
cursor: pointer;
position: relative;
}
.expand_body {
	text-align:left;

}


/*Feed*/

div.feedburnerFeedBlock ul {list-style:none inside none; margin:0; padding:0; }
div.feedburnerFeedBlock ul li {margin:0 0 10px 0; padding:0 20px 0 0; }
div.feedburnerFeedBlock p.date {float:right;}
div.feedburnerFeedBlock p {margin:0;}
p.feedTitle {display:none;}
div#creditfooter {display:none;}