* {
margin: 0;
padding: 0;
}

h1 {
font: bold 16px verdana, sans-serif;
color: #333;
}

h2 {
font: bold 14px verdana, sans-serif;
color: #333;
}

h3 {
font: bold 12px verdana, sans-serif;
color: #333;
}
h4 {
font: bold 12px verdana, sans-serif;
color: #333;
}

h4 {
font: bold 11px verdana, sans-serif;
color: #333;
}


p {
margin-bottom: 20px;
line-height: 1.75;
}

#blog-home p {
margin-bottom: 0px;
line-height: 1.75;

}

#blog-home h1 {
margin-top: 10px;

}

#blog-home h2 {
font-size: 14px;

}


img {
border: none;
}

body {
background-color: #999;
background-image: url('/assets/images/bg.png');
background-repeat: repeat-x;
font: normal 10px  Verdana, sans-serif;
color: #333;
}



td {
vertical-align: top;
}

a, a:visited {
color: #3333cc;
text-decoration: none;
}

a:active, a:hover {
color: #cc9900;
text-decoration: none;
}

.rev {
color: #fefefe;
}


#page {
min-height: 400px;
margin: 0px auto 10px auto;
width: 987px;
border-top: solid 20px #5393b9;
border-left: solid 1px #ccc;
border-right: solid 1px #ccc;
border-bottom: solid 1px #ccc;
background-color: #999;
background-color: transparent;
visibility: hidden;
}

#page-top {
background-color: #fff;
padding: 10px;
padding-bottom: 15px;
height: 73px;
}

#logo {
width: 520px;
border: solid 1px #ccc;
}


#home {
 background-color: #48555e;
 width: 987px;

}

#page-logo {
 position: relative;
 float: left;
 width: 520px;
 margin-top: 3px;
}

#page-search {
 position: relative;
 float: left;
 text-align: right;
}



#page-search td {
padding: 0px ;
}

#page-search input {
border: solid 1px #ccc;
font: normal 12px fixed ;
}

#page-search #sitesearch-go {
border: none;
}


#page-footer {
  text-align: center;
  border: none;
}


#home-splash {
 float:left;
 width: 986px;
 background-color: #48555e;
}

#home-splash p {
margin-bottom: 0px;
}


#home-vision {
 float:left;
 width: 432px;
 background-color: #48555e;
}

#home-side-wrap {
position: relative;
float:left;
width: 304px;
border-left: solid 1px #ccc;
}

#home-solar, #home-wind {
 width: 304px;
 height: 160px;
 padding: 0px;

}

#home-newsletter-subscribe {
 border-left: solid 1px #ccc;
 width: 200px;
 margin-left: 460px;
 margin-top: 20px;
}


#home-vision h1 {
 font: italic normal 18px  verdana, sans-serif ;
 color: #FEFEFE;
 margin: 25px 20px 20px 20px;
}

#home p {
padding: 10px;
font:  normal 10px  verdana, sans-serif ;
text-align: justify;

}

a.arrow, a.arrow:visited {
width: 90px;
text-align: left;
background-image:url('/assets/images/arrow-off.gif');
background-position: center left;
margin-left: 0px;
padding: 2px 0px 0px 20px;
background-repeat: no-repeat;
color: #3333CC;
text-decoration: none;
font: normal 10px verdana, sans-serif;
}

a.arrow:hover, a.arrow:active {
width: 90px;
text-align: left;
background-image:url('/assets/images/arrow-on.gif');
color: #CC9900;
padding: 2px 0px 0px 20px;
outline-color: none;
outline-style:none;
outline-width: 0px;
text-decoration:none;
font: normal 10px verdana, sans-serif;
}

a.box-arrow, a.box-arrow:visited {
background-image:url('/assets/images/box-arrow-off.gif');
background-position: center left;
background-repeat: no-repeat;
padding: 10px;
padding-left: 20px;
color: #3333CC;
text-decoration: none;
}

a.box-arrow:hover, a.box-arrow:active {
background-image:url('/assets/images/box-arrow-on.gif');
color: #cc9900;
}

#home-content {
background-color: #fff;
padding-bottom: 20px;
padding-top: 20px;
min-height: 460px;
}

#home-tabs {
width: 480px;
float: left;
}

#home-tabs, #home-tabs ul {
 -moz-border-radius: none;
 -webkit-border-radius: 0px;
 border: none;
}

#home-tabs dt, .rnd dd {
background-image:url('/assets/images/bullet.gif');
background-position: center left;
background-repeat: no-repeat;
padding-left: 20px;
margin-top: 10px;
}

#home-tabs dd {
padding-left: 20px;
line-height: 1.75;
}

#home-tabs dd.bullet:before {
content: '\2027';
}

#home-tabs-1 dl, #home-tabs-3 dl, #home-tabs-4 dl {
padding-left: 15px;
}

#home-tabs-1 dd {
padding-bottom: 0px;
}

#home-tabs-1 p, #home-tabs-2 p, #home-tabs-3 p, #home-tabs-4 p {
line-height: 1.75;
font: normal 11px  Verdana, sans-serif;
}

#home-tabs-2 h2, #home-tabs-3 h2, #home-tabs-4 h2 {
margin-top: 15px; 
font: normal 12px  Verdana, sans-serif;
}

#home-tabs-1 h4, #home-tabs-2 h4, #home-tabs-3 h4, #home-tabs-4 h4 {
margin-left: 10px;
margin-top: 20px;
}

#home-tabs-5 {
margin-left: 5px;
margin-top: 5px;
}

#home-tabs .ui-widget-content a, #home-tabs .ui-widget-content a:visited {
text-decoration: none;
color: #3333CC;

}
#home-tabs .ui-widget-content a:hover, #home-tabs .ui-widget-content a:active {
text-decoration: none;
color: #CC9900;
}

#home-tabs ul {
background-image: none;
background-color: transparent;
border: none;
border-bottom: solid 1px #ccc;
-moz-border-radius: none;
}

#home-intro {
margin-top: 3px;
width: 480px;
height: 350px;
margin-left: 490px;
background-image:url('/assets/images/3gears-solar-silver.jpg');
background-position: top center;
background-repeat: no-repeat;
}

#home-intro h2, #home-intro h4 {
margin-left: 10px;
font: bold 11px  Verdana, sans-serif;
}

#home-intro p {
text-align: justify;
line-height: 2;
}

#home-intro h5 {
margin-left: 10px;
font: bold 9px  Verdana, sans-serif;
}

#homevideo { 
width: 192px; 
float: left;
}

#homevideo p { 
padding-top: 0px;
text-align: center;
line-height: 1.2;
font: bold 9px Verdana, sans-serif;
}

#homenews { 
width: 255px;  
float: left; 
padding-left: 20px; 
border-left: solid 1px #CCCCCC;
}

#homenews p { 
line-height: 1.75;
margin-top: 0px;
padding-top: 0px;
}

#homenews h4 {
font: italic 11px Verdana, sans-serif;
color: #FFFFFF;
background-color: #48555E;
width: 251px;
padding: 2px;
text-align: center;
margin: 0px 0px 8px 0px;
}

#contactform {
width: 400px !important;
display:none;
}

#contactform fieldset {
border: none;
}

#contactform input, #contactform textarea {
 margin-bottom:12px; width:90%; padding: .4em; 

}


#signupform {
display: none;

}



.three-col {
width: 30%;
float: left;
margin: 10px;
text-align: justify;
line-height: 1.5;

}

.col-full {
width: 847px;
float: left;
margin-left: 40px ;
text-align: justify;
line-height: 1.5;
}


.col-65 {
width: 65%;
float: left;
margin: 10px;
text-align: justify;
line-height: 1.5;
}


.col-50 {
width: 49%;
float: left;
margin: 10px;
text-align: justify;
line-height: 1.5;
}

.col-50 h1, .col-65 h1, .three-col h1 {
color: #333; font-size: 13px;
}

.col-50 h2, .col-65 h2, .three-col h2 {
font-size: 16px; 
margin-top: 0px; 
color: #5393b9;
}

.col-50 b {
color: #5393b9;
}

.col-25 {
width: 25%;
float: left;
margin: 10px;
text-align: justify;
line-height: 1.5;

}

.col-45 {
width: 40%;
float: left;
margin: 2%;
text-align: justify;
line-height: 1.5;

}

.col-45b {
width: 40%;
float: left;
margin: 2%;
text-align: justify;
line-height: 1.5;
background-image: url('/assets/images/3gears-solar-silverwide.jpg');
background-repeat: no-repeat; 
padding: 10px; 
padding-left: 30px; 
height: 400px;
}

.col-45b p {
margin: 20px 20px 0px 20px; 
font: italic 13px  Georgia, Times, serif; 
line-height: 1.5;
}

.col-45b h1 {
text-align: center; 
background-color: #5b6974; 
padding: 4px;
color: #ffffff;
font: italic 13px verdana, sans-serif;
}

.col-45b h4 {
color: #111111;
}

dl.specs dt {
font-weight: bold;
margin-top: 5px;
font-size: 10px;
}


dl.specs dd {
margin-left: 0px;
margin-bottom: 8px;
font-size: 10px;
}

table.prod {
font-size: 9px;
margin-top: 8px;
}

ul.benefits  {
list-style-image: url("/assets/images/benefits-of-steel-solar-rack.png");
list-style-position: outside;
}

ul.benefits li {
margin-left: 22px;
text-align: left;
}

.rnd {
padding: 20px; 
margin: 10px; 
border: solid 1px #a6bac5;
}

.rnd h4 {
padding: 8px 10px 8px 10px; 
background-color: #edf5fc;
 }
 
.rnd ul {
margin: 0px 5px 0px 5px;
}

.cap {
background-color: #d7e4ed; 
opacity:0.75; 
margin: 10px;
filter: alpha(opacity = 75);
}

.quoted {
margin: 0px 20px 20px 20px; 
text-align: right;
}

.quote {
background-color: #d7e4ed; 
margin-top: 20px; 
padding: 15px; 
opacity:0.75;
filter: alpha(opacity = 75);
}

.quotebd {
border: solid 1px #a6bac5;
}

.gsc-control {
width: 400px !important;
}

.gsc-branding-text {
display: none;

}

.gsc-branding-img {
display: none;

}

#sb-container {
visibility: hidden;
}
  

#blog-entries {
border: none !important;

}

#blog-entries li {
border: none;
list-style-type: none;
}

#blog-entries h1 a {
font-size: 12px;
}

#blog-entries h2  {
font-size: 10px;
}

#blog-bc {
margin-left: 30px;
margin-top: 10px;
font-weight: bold;
}

#blog-bc a, #blog-bc a:visited {
color: #3333cc;
}

#blog-bc a:hover, #blog-bc a:active {
color: #cc9900;
}


#blog-entries {
border: none !important;

}

#blog-entries li {
border: none;
list-style-type: none;
}
#blog-bc {
margin-left: 30px;
margin-top: 10px;
font-weight: bold;
}

#blog-bc a, #blog-bc a:visited {
color: #3333cc;
}

#blog-bc a:hover, #blog-bc a:active {
color: #cc9900;
}

#blog-bc {
margin-left: 30px;
margin-top: 10px;
font-weight: bold;
}


#blog a, #blog a:visited {
color: #3333cc;
}

#blog a:hover, #blog a:active {
color: #cc9900;
}

#blog h1 {
font-size: 12px;
font-weight: bold;

}

h1#blog-title {
margin-top: 20px;
margin-left: 20px;
}

ul#blog-entries, ul#blog-entries li {
border-bottom: none;
}

.colmask {
    position:relative;  /* This fixes the IE7 overflow hidden bug */
    clear:both;
    float:left;
    width:100%;         /* width of whole page */
    overflow:hidden;        /* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
    float:left;
    width:100%;         /* width of page */
    position:relative;
}
.col1,
.col2,
.col3 {
    float:left;
    position:relative;
    padding:0 0 1em 0;  /* no left and right padding on columns, we just make them narrower instead 
                    only padding top and bottom is included here, make it whatever value you need */
    overflow:hidden;
}
/* 3 Column settings */
.threecol {
    background:#ffff;        /* right column background colour */
}
.threecol .colmid {
    right:25%;          /* width of the right column */
    background:#fff;        /* center column background colour */
}
.threecol .colleft {
    right:50%;          /* width of the middle column */
    background: transparent; /* left column background colour */
}
.threecol .col1 {
    width:46%;          /* width of center column content (column width minus padding on either side) */
    left:102%;          /* 100% plus left padding of center column */
}
.threecol .col2 {
    width:21%;          /* Width of left column content (column width minus padding on either side) */
    left:31%;           /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
    width:20%;          /* Width of right column content (column width minus padding on either side) */
    left:85%;           /* Please make note of the brackets here:
                    (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}