html{margin:0; padding:0; height:100%; background:#fff url(/css/contimg/stripes.png) repeat top center;}
body {margin:0; padding:0; height:100%; font:0.70em/1.5em Verdana, sans-serif; color:#000;}


a:link, a:visited {color:#5B718E; text-decoration:none;}
a:hover {color:#5B718E; text-decoration:underline;}
h3 {color: #5B718E; font-size: 1.3em; line-height:1em; font-weight:bold; margin:2em 0 1em 0; padding:0; display:block; }
/*
h3 {color: #5B718E; font-size: 1.3em; line-height:1em; font-weight:bold; margin:2em 0 1em 0; padding:0; display:block; background: transparent url(/css/contimg/h3-bg.png) bottom left no-repeat; padding-left: 18px; height: 12px; padding-top: 18px}
*/

#container {margin:0 auto; padding:0 5px; width: 850px; min-height:100%; height:auto !important; height:100%; }

#header {float:left; width:850px; height:125px; background: transparent url(/css/contimg/logo.png) top left no-repeat; position:relative;}
#header h1 {position:absolute; bottom:18px; right:25px; margin:0; padding: 0; font: 1.3em/1.3em Verdana, Arial, Helvetica, sans-serif; color: #fff; font-weight:bold; }

#header h1 small {font-size: 0.8em; font-weight:none; }

#banner {float: left; width:850px; height: 182px; background:transparent url(/css/contimg/banner-bg.png) repeat top left; position:relative;}
#flash-banner {position: absolute;
top: 0px;
left: 0px;
z-index: 2; 
}



#content {float: left; width:680px; padding: 20px 85px 20px 85px; min-height:400px; height:auto !important; height:400px;  background:transparent url(/css/contimg/content-bg.png) top left repeat-y; }
* html #content { height: 400px; }
#content h3:first-child {margin-top:0px;}


/* Primary navigation */
#primary-nav {  margin:0; padding:0; position:absolute; bottom:30px; right:30px; z-index: 99;  background: transparent;  }
#primary-nav ul {margin:0; padding:0; list-style:none; }
#primary-nav li {margin:0; padding:0; list-style:none; float:left; font-size:1.05em;}

#primary-nav a {

color: #fff;
background-color: transparent; background-image: url(/css/contimg/nav-left.png); background-position: top left; background-repeat: no-repeat;
text-decoration: none;
padding-left: 10px;
display:block;

}


#primary-nav a span {
background-color: transparent; background-image: url(/css/contimg/nav-right.png); background-position: top right; background-repeat: no-repeat;
padding-right: 18px; padding-left:6px; line-height:22px; padding-top:4px;
display:block;
}

#primary-nav a:hover {background-position: bottom left} 

#primary-nav a:hover span {background-position: bottom right} 


body#home-page li#home a, 
body#about-page li#about a, 
body#why-green-page li#why_green a, 
body#products-page li#products a, 
body#faq-page li#faq a, 
body#contact-page li#contact a
{background-position: bottom left} 

body#home-page li#home a span, 
body#about-page li#about a span, 
body#why-green-page li#why_green a span, 
body#products-page li#products a span, 
body#faq-page li#faq a span, 
body#contact-page li#contact a span 
{background-position: bottom right} 





#banner h2 {position:absolute; bottom:-8px; right:85px; margin:0; padding:0; font: 1.5em/1em Verdana, Arial, Helvetica, sans-serif; color: #5B718E; font-weight:bold; font-stretch:extra-condensed; font-variant:small-caps;}


#welcome {color:#5B718E; }
#welcome a:link, a:visited {color:#28354D; }
#welcome a:hover {color:#28354D;}

#splash-outer {float:left; text-align:center; width: 680px; clear:both; margin: 10px 0;}

#left-col {float:left; width: 140px; background: #ccc; padding: 30px 20px 45px 20px; background: #fff url(/css/contimg/box-bg.png) top left repeat-y; color: #fff; position:relative;}
#right-col {float:right; width: 470px; /*background: #eee; */padding: 10px 0 10px 0px}

#left-col h2 {float:left; width: 140px; height: 25px; background: #fff url(/css/contimg/box-top.png) top left no-repeat; color: #fff; position:absolute; top:0; left:0; font-size: 1em; padding: 15px 20px 0 20px; margin:0; margin-bottom:1em; line-height: 1.2em; text-align:center;}

#left-col ul {margin:0; padding:0; margin-left: 5px; float:left;}
#left-col li {list-style:none; margin:1em 0; padding:0;  line-height:1.2em;  padding-left: 20px; background: url(/css/contimg/list-bg.png) top left no-repeat;}
#left-col li a {color: #fff; text-decoration:none;}
#left-col li a:hover {color: #fff; text-decoration:underline;}


.left-col-bottom {float:left; width: 180px; height:25px; background: #fff url(/css/contimg/box-bottom.png) bottom left no-repeat; position:absolute; bottom:0; left:0; }

.contact-item {float:left;  width:380px; margin: 0 0 0 0; padding:15px 10px 15px 10px; /*border-bottom: 1px #000 solid;*/}



.contact-item p {margin: 0.3em 0; padding:0; line-height: 1.3em; float:left;}
.contact-item p strong {float:left; width:100px; text-align:right; padding-right: 5px;}
.contact-item p span {float:left; width:260px; text-align:left;}



h4 {font-size:1.2em; font-weight:bold; margin: 0 0 0em 0; padding:0;}

/* Footer */
#footer {float:left; width:850px; margin: 0; padding:60px 0 30px 0; background:transparent url(/css/contimg/bottom-bg.png) top left no-repeat; font: 1.1em/1.5em Verdana, sans-serif; color:#fff;  display:inline;}
#footer ul {margin:0 auto; padding:0; text-align:center; list-style:none;}
#footer li {margin:0; padding:0; display: inline;}
#footer a {color: #fff; text-decoration:none; margin: 0 8px 0 3px; padding:0; display:inline;}
#footer a:hover { color:#A0B141; text-decoration:underline;}
#footer p { padding:0.5em 0 0 0; text-align:center; }


/* contact form */
.contact-field {float:left; margin: 1em 0; width: 380px;}
.contact-field label {float:left; width:80px; text-align:right; padding-right: 7px; font-weight:bold; color:#5B718E;}
.contact-field input {border:none; margin: 0; border: #ACB7C5 1px solid; padding:1px 2px; float:left; text-align:left; font:1em/1.5em Verdana, sans-serif;}
.contact-field textarea {border:none; margin: 0; border: #ACB7C5 1px solid;  float:left; text-align:left; font:1em/1.5em Verdana, sans-serif;}
.contact-field .submit { float:right; width:80px; height:20px; border:none; margin:0; padding:0; margin-right:25px; color:#fff; }



.product-table {border-collapse:collapse; border:1px solid #000; }
.product-table td {border:1px solid #000; }


.item {float:left; width: 680px; margin: 0 0; padding: 15px 0;   }
.item h4 {float:left; clear:both; margin:0; padding:0; border-bottom: 1px solid #000; padding-bottom: 2px; font-size:1.1em; line-height:1.2em; text-transform:uppercase;}
.item h4 span{float:left;}
.item img{float:left; margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 10px;}
.details {float:left; margin-top: 5px; margin-left: 10px;}
.details > p:first-child {margin-top: 0;}
.details strong {margin-right:0.5em;}
.item p {float:left; clear:both;  margin:0; padding: 0; margin-top: 5px;}
.item:first-child {padding: 50px;}





ul.cat {list-style:none; margin:0; padding:0;  }
ul.cat li {list-style:none; margin: 5px 0; padding:0; float:left; width:680px;}
ul.cat a:link, ul.cat a:visited {background:#fff url(/css/contimg/cat-menu-bg2.png) top left no-repeat; float:left; height:100px; width:680px; color:#35455E; text-decoration:none;}
ul.cat a:hover {background-position: bottom left; text-decoration:none; color: #fff;}
ul.cat img {float:left; width:80px; height:80px; margin: 10px; border:none;}
table.cat-inner { float:left; margin:0; padding:0; width:100px; height: 100px; margin-left:50px;}
table.cat-inner td {vertical-align:middle;}
ul.cat h4 {float:left; width: 470px; margin:0; padding:0;}
ul.cat p {float:left; width: 470px; margin:0; padding:0; }
.table-hover {cursor:pointer;}

.cat-intro {float:left; width:680px; margin:0; padding:0; margin-bottom: 15px;}
.cat-intro-image {float:left; width: 240px; margin: 0 15px 0 0; padding:0; }
.cat-intro-inner {float:left; width:365px; }
.cat-intro h3 {float:left; clear:both; }
.cat-intro p {float:left; clear:both; }
.cat-intro a {float:left; clear:both; }

p.back {float:left; margin-top: 10px; width:auto; height: 2em; width: 680px;}
p.back a:link, p.back a:visited {color:#5B718E; text-decoration:none;}
p.back a:hover {color:#5B718E; text-decoration:underline;}