body {
    margin: 0;
    padding: 0;
    font-size: 76%;
    font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
    color: #6ba003;
    background-color: #d5eab9
}
/* ff scrollbar fix */
html {
    overflow-y: scroll;
}
 h2 {
 color: #336600;
 }
 h4 {
    margin: 0;
    padding: 0;
}
 h5 {
    margin: 0;
    padding: 2px 0 0 4px;
    font-size: 1.1em;
    color: #6ba003;
    background-color: white;
}
.gb {
    color: #336600;
    font-weight: bold;
    font-size: 1.4em;
}
.gb2 {
color: #336600;
font-weight: bold;
font-size: 1.1em;
}

.clear {
    clear: both;
    height: 1px;
    margin: 0;
    padding: 0;
}
img.left {
float: left;
clear: left;
margin: 0 30px 0px 0px;
}
.imgStyle1 {
float: right;
clear: none;
margin: 0 0 10px 20px;
}
.imgStyle2 {
float: left;
clear: none;
margin: 0 30px 30px 0;
}
img#strip {
   border: 2px solid black;;
}

a {
    color: #336600;
    font-weight: bold;    
}
a:hover {
    color: #d97c0a;
}
a, a:hover, a:visited {
outline: 0 none;
}
#upper {
    background: #d5eab9 url(graphics/upperBG.jpg) 0 0 repeat-x;
    color: white;
    height: 91px;
    text-align: center;
    margin: 0;
    padding: 0;
    border-bottom: 2px solid black;
}
#upper h1 {
    font-size: 1.1em;
    text-align:center;
    width: 1000px;
    margin: 0 auto 0 auto;
    padding-top: 30px;
}
#container {
    width: 1000px;
    margin: 0px auto 10px auto;
    padding: 0;
    font-size: 1.1em;
    background-color: white;
    border-left: 1px solid #8cc63f;
    border-right: 1px solid #8cc63f;
    border-bottom: 1px solid #8cc63f;
}
#masthead {
    padding: 0 0 5px 0;
    height: 95px;
    border-bottom: 1px solid #8cc63f;
}
#logo {
    width: 261px;
    float: left;
    clear: none;
    margin: 17px 0px 0 5px;
}
#masthead h1 {
    color: black;
    font-size: 2.2em;
    margin: 0px 0 0px 266px;
    padding: 35px 0 0 0px;
    width: 734px;
    text-align: center;
}
#pageMain {
    width: 610px;
    float: left;
    clear: none;
    margin: 10px 0 20px 60px;
    padding: 0;
}
#left {
    width: 258px;
    float: left;
    clear: left;
    margin: 0;
    padding: 0;
}
#navLeft {
    width: 100%;
    margin: 0px 0 10px 0;
    padding: 20px 1px 5px 1px;
    background-color: #c0e096;
    border-right: 1px solid #8cc63f;
    border-bottom: 1px solid #8cc63f;
}
#navLeft ul {
    margin: 0;
    padding: 1px;
}
#navLeft ul ul {
    padding: 0;
    margin: 0;
}
#navLeft ul li {
    margin: 8px 0 2px 5px;
    padding: 0;
    list-style-type: none;
    color: white;
    border-bottom: 1px solid #96cb50;
}
#navLeft ul li.label {
    background: none;
    margin: 8px 0 0 0px;
    border-bottom: 0 none;
}
.home #home,
 .who #who,
 .locate #locate,
 .benefits #benefits,
 .earth #earth,
 .speakers #speakers,
 .standards #standards,
 .design #design,
 .installation #installation,
 .needs #needs,
 .capabilities #capabilities,
 .information #information{
background:url(graphics/menu2.gif) 0 0 repeat-y;
    padding: 0px 0 1px 0px;
    border-bottom: 1px solid #96cb50;
    }
#navLeft a {
    text-decoration: none;
    color: #336600;
    font-size: 1em;
    font-weight: bold;
    padding:2px 0 1px 7px;
}
#navLeft li:hover {
    background:url(graphics/menu2.gif) 0 0 repeat-y;
}
hr {
border: none;
background: url(graphics/divider.jpg) 0 0 repeat-x;
color: #cbe5a8;
width: 50%;
text-align: center;
margin: 0px auto 30px auto;
padding: 0;
height: 1px;
}
#box1 {
display: block;
    margin: 0;
    width: 234px;
    color: #ffffff;
    padding: 10px 15px 15px 15px;
    text-align: left;
    text-decoration: none;
}
#box1:hover {
color: #336600;
}
#box1 span.percent, #box1 span.right1, #box1 span.right2, #box1 span.lowerC {
display: block;
}
#box1 .sb-inner {
    background: #395ea2 url(graphics/creditBG.jpg) 0 0 repeat-x;
    background: #154e9f url(graphics/blueBG.jpg) 0 0 repeat-x;
}
#box1:hover .sb-inner {
background: #9acd6d url(graphics/greenBG.jpg) 0 0 repeat-x;
}
#box1 .sb-border {
    background-color: #0a4295;
}
#box1:hover .sb-border {
    background-color: #96cb50;
}
#box1 span.percent {
    font-size: 3.1em;
    margin: 0 10px 0 0px;
    float: left;
    clear: none;
}
#box1 span.right1 {
font-size: 1.1em;
}
#box1 span.right2 {
    font-size: 2em;
}
#box1 span.right2, #box1 span.right1 {
    margin: 0;
    line-height: 1em;
}
#box1 span.lowerC {
clear: both;
text-align: center;
}
.ob {
    color: #f9850e; /*#f69616;*/ 
    font-weight: bold;
    font-size: 1.1em;
     border-top: 3px solid #f79214; /* #f3a81e;*/ 
    padding: 10px 0 10px 0;
    margin: 40px auto 0px auto;
    text-align: center;
    }
    .ob em {
    font-style: normal;
    font-size: 1.3em;
    }
#box2 {
display: block;
width: 110px;
float: right;
clear: none;
    margin: 0;
    padding: 6px 14px 10px 14px;
    text-align: left;
    font-family:arial, helvetica, sans-serif;
    color:  #ffffff; 
    text-decoration: none;
}
#box2 span {
display: block;
}
#box2:hover {
color: #336600;
}
#box2 .sb-inner {
    background: #fe9900 url(graphics/orangeBGsm.jpg) 0 0 repeat-x;
}
#box2:hover .sb-inner {
background: #a7d35b url(graphics/greenBGsm.jpg) 0 0 repeat-x;
}
#box2 .sb-border {
    background-color: #fe9900;
}
#box2:hover .sb-border {
background-color: #96cb50;
}
#whoContact {
text-align: center;
font-size: 1.3em;
font-weight: bold;
margin: 50px 0 80px 0;
color: #336600;
line-height: 1em;
}
.dealerList h5 {
margin: 0;
padding: 0;
}
ul.dealerList {
padding: 0;
width: 47%;
float: left;
clear: none;
}
.listLeft {
border-right: 1px solid #d5eab9;
margin: 0 30px 0px 0;
}
.listRight {
margin-left: 15px;
margin: 0;
}
.dealerList p {
margin: 0 0 0 20px;
color: black;
}
ul.dealerList li {
list-style-type: none;
margin: 0 0 1em 1em;
padding: 0;
font-weight: bold;
}
ul.dealerList li.label {
font-size: 1.5em;
margin: 0;
}
li.label a {
color: black;
}
.quote {
margin: 20px auto 0 auto;
border-top: 4px solid #f3a81e;
padding: 5px 0 0 0;
}
.quote h1 {
text-align: center;
font-size: 1.3em;
color: #f3a81e;
margin: 10px auto 30px auto;
}
.quote h3 {
margin: 0;
}
.quote p {
margin: 0px 0px 20px 0px;
}
p.right {
text-align: right;
}
div.section {
margin-top: 40px;
}
#units img {
margin: 0;
}
#units div {
float: left;
clear: none;
text-align: center;
}
#unit1 {
margin: 0 45px 0 0;
width: 170px;
}
#unit2 {
margin: 0 55px 0 0;
width: 170px;
}
#unit3 {
margin: 0;
width: 140px;
}
.listStyle1 {
margin: 0;
}
.benefits h2 {
margin: 20px 0 0 0;
}
#copyright {
text-align: center;
margin: 10px auto 0px auto;
}
.hide {
display: none;
}
div#genesis {
margin: 10px auto 0 auto;
text-align: center;
font-size: 1.1em;
padding-bottom: 100px;
}