html { margin:0; padding:0; background:url('/images/body-bg.png') center top repeat-x; background-color:#133164;  }
body { margin:0; padding:0; background:url('/images/elipse-bg.png') center top no-repeat; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:13px; min-width:964px; }

img { border:none; }
a { color:#81A81A; text-decoration:none; }
a:hover { color:#5C7812; }
input, textarea { font-family:Arial, Helvetica, sans-serif; font-size:13px; }

h1, h2, h3 { font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase; font-weight:normal; margin:0 0 5px; }
h1 { font-size:24px; color:#81A81A; margin-top:10px; }
h2 { font-size:18px; color:#80A719; margin-top:5px; }
h3 { color:#2156AD; text-transform:none; font-size:15px; }

#wrapper { width:964px; margin:0 auto; padding:27px 0 0; }

/*HEADER*/
#header { padding:0; height:158px; background:url('/images/content-rounded-top.png') center bottom no-repeat; width:964px; position:relative; }
#header img.call-today { position:absolute; right:0; bottom:50px; }
#header ul.nav { background:url('/images/nav-bg.png') center top no-repeat; width:944px; height:36px; list-style:none; position:absolute; left:10px; bottom:13px; margin:0; padding:0; }
#header ul.nav li { display:block; float:left; height:36px; margin:0; padding:0; width:auto; }
#header ul.nav li a { background:url('/images/nav-a-bg.png') center top repeat-x; height:36px; line-height:36px; display:block; text-align:center; color:#262626; text-transform:uppercase; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; }
#header ul.nav li a:hover { background-position:center -36px; }

/*CONTENT*/
#content-wrapper { margin:0; position:relative; background:url('/images/content-bg.png') center top repeat-y; min-height:450px; width:944px; padding:0 10px; }
#content-wrapper .content { padding:0 8px; }
#content-wrapper .content .homepage-content { padding-bottom:5px; }
#content-wrapper .content .photo-box { background:url('/images/photo-box-bg.png') center center no-repeat; width:494px; height:272px; float:left; }
#content-wrapper .content .photo-box img { padding:6px; }
#content-wrapper .content .highlight-boxes { width:427px; height:261px; border:1px solid #ccc; float:right; margin-top:4px; }
#content-wrapper .content .highlight-boxes .highlight-box { height:86px; border-bottom:1px solid #e6e6e6; }
#content-wrapper .content .highlight-boxes .highlight-box p { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#262626; margin:0 0 0 110px; text-transform:uppercase; }
#content-wrapper .content .highlight-boxes .highlight-box p.title { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#3F4804; padding-top:20px; }
#content-wrapper .content .highlight-boxes .highlight-box a { height:86px; width:427px; display:block; }
#content-wrapper .content .highlight-boxes .highlight-box a.box-1 { background:url('/images/highlight-box-1-bg.png') center top no-repeat; border-bottom:2px solid #ccc; }
#content-wrapper .content .highlight-boxes .highlight-box a.box-1:hover { background-position:center -86px; }
#content-wrapper .content .highlight-boxes .highlight-box a.box-2 { background:url('/images/highlight-box-2-bg.png') center top no-repeat; }
#content-wrapper .content .highlight-boxes .highlight-box a.box-2:hover { background-position:center -86px; }
#content-wrapper .content .highlight-boxes .highlight-box a.box-3 { background:url('/images/highlight-box-3-bg.png') center top no-repeat; }
#content-wrapper .content .highlight-boxes .highlight-box a.box-3:hover { background-position:center -86px; }

#content-wrapper .content .subpage-content { background:#fff; border:1px solid #ccc; padding:13px 13px 43px; width:900px; }
#content-wrapper .content .subpage-content .main { float:left; width:536px; line-height:145%; }
#content-wrapper .content .subpage-content .main .request { margin-top:30px; }

#content-wrapper .content .subpage-content .sidebar { float:right; width:320px; }
#content-wrapper .content .subpage-content .sidebar { font-size:12px; color:#262626; }
#content-wrapper .content .subpage-content .sidebar-box { width:298px; height:265px; padding:10px; border:1px solid #ccc; }
#content-wrapper .content .subpage-content .sidebar-box a.subscribe { display:block; font-size:14px; font-weight:bold; margin:5px 0 0 60px; }
#content-wrapper .content .subpage-content .top-box { background:url('/images/top-box-bg.png') center top repeat; margin-bottom:13px; }
#content-wrapper .content .subpage-content .bottom-box { background:url('/images/bottom-box-bg.png') center top repeat-x; }
#content-wrapper .content .subpage-content .sidebar p { margin:15px 0; }
#content-wrapper .content .subpage-content .sidebar .icon { float:left; margin:-10px 10px 0 -10px; }
#content-wrapper .content .subpage-content .sidebar .event { border-bottom:1px solid #ccc; padding-bottom:5px; }
#content-wrapper .content .subpage-content .sidebar p.title { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#3F4804; text-transform:uppercase; margin:0 0 5px; }
#content-wrapper .content .subpage-content .sidebar p.subtitle { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#262626; text-transform:uppercase; margin:0; }
#content-wrapper .content .subpage-content .sidebar .facebook-like-btn { margin:18px 0 0 63px; }
#content-wrapper .content .subpage-content .sidebar .media-box { background:url('/images/media-box-bg.png') center top no-repeat; width:307px; height:207px; padding:7px 0 0 5px; margin-left:-6px; }

/*FOOTER*/
#footer { background:url('/images/footer-bg.png') center top no-repeat; width:100%; height:244px; color:#f0f0f0; background-color:#0C1F3F; }
#footer a { color:#f0f0f0; }
#footer a:hover { color:#CCC; }
#footer .content { padding:10px 10px; width:944px; margin:0 auto; position:relative; }
#footer .content a.facebook { position:absolute; top:183px; right:12px; display:block; background:url('/images/facebook-icon.png') center left no-repeat; padding-left:40px; height:35px; line-height:35px; width:auto; }
#footer .content img.logo { float:left; margin:60px 0 0; }
#footer .content .nav { margin-top:25px; float:right; }
#footer .content .nav ul { list-style:none; margin:0 45px 30px 0; padding:0; float:right; }
#footer .content .nav ul li { margin:5px 0; }
#footer .content .nav ul li:first-child { color:#fff; font-weight:bold; }

#footer-bottom { background:#09172F; height:40px; width:100%; line-height:40px; color:#e9e9e9; font-size:10px; }
#footer-bottom .content { width:944px; margin:0 auto; padding:0 10px; }
#footer-bottom .content .site-by { font-family:Georgia, "Times New Roman", Times, serif; float:right; }
#footer-bottom .content img.logo { float:right; margin:6px 0 0 20px; }

/*PAGE: Solar for Pools*/
#content-wrapper .content .subpage-content .main .project { clear:both; height:119px; margin-bottom:15px; text-align:justify; }
#content-wrapper .content .subpage-content .main .project img { float:left; padding:2px; border:1px solid #ccc; margin-right:10px; }
#content-wrapper .content .subpage-content .main .project p {  }

/*PAGE: Media Gallery*/
#content-wrapper .content .subpage-content .main .project h2 { padding-top:50px; }

/*PAGE: Technical Information*/
#content-wrapper .content .subpage-content .main .pdf { background:url('/images/pdf.jpg') left center no-repeat; display:block; padding-left:45px; }

/*PAGE: TV Commercials*/
#content-wrapper .content .subpage-content .main .video { float:left; width:250px; text-align:center; margin:20px 15px 0 0; }
#content-wrapper .content .subpage-content .main .commercials a { background:url('/images/clip-icon.png') left center no-repeat; padding-left:40px; display:block; height:40px; line-height:40px; }
#content-wrapper .content .subpage-content .main .commercials a h3 { display:inline; }

/*PAGE: Glossary*/
#content-wrapper .content .subpage-content .main .greenTitle { color:#81A81A; font-weight:bold; }

/*PAGE: About Us*/
.logos { margin:20px 0; }
.logos a { background:url('/images/logos.jpg') left top no-repeat; display:block; float:left; margin:0 2px 0 0; text-indent:-9999em; outline:none; }
.logos a.chamber { height:49px; width:77px; }
.logos a.shasta { background-position:-77px top; height:50px; width:80px; }
.logos a.sunpower { background-position:-160px top; height:40px; width:105px; margin-top:5px; }
.logos a.velux { background-position:-268px top; height:40px; width:122px; margin-top:5px; }
.logos a.fivestar { background-position:-393px top; height:50px; width:49px; }
.logos a.nabcep { background-position:-445px top; height:49px; width:55px; }
.logos a.bbb { background-position:-505px top; height:50px; width:31px }

/*PAGE: Contact*/
#content-wrapper .content .subpage-content .main .map { text-align:center; padding:1px; border:1px solid #ccc; margin:10px 0 20px; }
#content-wrapper .content .subpage-content .main .contactform p { width:170px; float:right; font-size:14px; }
#content-wrapper .content .subpage-content .main .contactform h2 { margin:0 0 20px; }

/*Buttons*/
a.btn-1 { background:url('/images/btn-1-bg.png') center top no-repeat; width:236px; height:29px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#333; padding:6px 20px; text-transform:uppercase; }
a.btn-1:hover { color:#333; background-position:center -29px; }

/*Utility*/
.clear { clear:both; }
.center { text-align:center; }
.italic { font-style:italic; }
.hidden { visibility:hidden; }
.smaller { font-size:11px; color:#666; }
.float-right { float:right; margin:0 0 20px 20px; }
img.border { border:1px solid #ccc; padding:2px; }
img.left { float:left; border:1px solid #ccc; padding:2px; margin-right:10px; }
img.right { float:right; border:1px solid #ccc; padding:2px; margin-left:10px; }
img.block-center { display:block; margin:20px auto; }