.temp_spacer {height:35px;}

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

	CSS for Solarlite
	http://solarlite.org

	Copyright (c)2010 * jonsessa design * http://jonsessa.com

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

/* Resets */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, a:hover, a:active, a:focus, a:visited, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
a, a:hover, a:visited, a:active, a:focus {border:0; text-decoration:none; outline:0;}


/* Typography */

html {font-size:100%;}
body {font-family:Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal; color:#666666;}
h1 {font-size:13px; line-height:16px; margin:0; padding:0; font-family:Georgia, "Times New Roman", Times, serif;}
h2 {font-size:28px; line-height:35px; font-family: "OFL Sorts Mill Goudy TT", Georgia, "Times New Roman", serif; margin:0; padding:0;}
h3 {font-size:13px; line-height:16px; margin:0; padding:0; font-family:Georgia, "Times New Roman", Times, serif;}
em {font-style:italic;}
strong {font-style:normal; font-weight:bold;}
h4 {font-size:1.2em; line-height:1.25; margin-bottom:1.25em;}
h5 {font-size:1em; margin-bottom:1.5em;}
h6 {font-size:1em; font-family:Georgia, "Times New Roman", Times, serif;}
p {margin:0 0 1.5em 0; clear:both;}


/* Formatting Elements */
.clear {clear:both;}
.hidden {display:none; visibility:hidden;}
.center {text-align: center;}
.content_divider {width:800px; height:1px; margin:15px auto 25px auto; border-top:1px solid #807f83; border-bottom:1px solid #807f83}


/* Page Template */

body {width:100%; background: url(../images/page-bg.jpg) 0 0 repeat; background-color:#fdf5e1; position:relative; padding:0; margin:0;}


/* Page Header and Logo */

.header {width:100%; background:url(../images/header-footer-bg.png) 0 0 repeat; background-color:#adc87a; border-bottom:1px solid #ffd204; position:relative;}
.masthead {width:800px; height:80px; margin:0 auto 0 auto; padding:2px 0 2px 0; position:relative;}
.logo {width:340px; height:80px; margin:0; float:right;}
.logo a {width:100%; height:100%; display:block; background:url(../images/css-sprites.png) 0 -190px no-repeat;}
.logo a:hover {background:url(../images/css-sprites.png) -345px -190px no-repeat;}


/* Navigation */

#navigation {width:100%; height:27px; background:url(../images/css-sprites.png) 0 -60px repeat-x; position:relative;}
#navigation ul {width:802px; margin:0 auto 0 auto; list-style:none;}
#navigation li {height:25px; border-left:1px solid #ffd204; border-right:1px solid #fef4c7; border-top:1px solid #fef4c7; border-bottom:1px solid #ffd204; float:left;}
#navigation li a {width:100%; height:100%; display:block;}
#navigation li:hover {border-top:1px solid #fdf9e5;}

#navigation li.first {width:1px; border-left:none;}
#navigation li.nav_home {width:43px; height:26px; background:url(../images/css-sprites.png) -2px 0 no-repeat;}
#navigation li.nav_home:hover {background:url(../images/css-sprites.png) -2px -30px no-repeat;}
#navigation li.nav_skylights {width:81px; height:26px; background:url(../images/css-sprites.png) -47px 0 no-repeat;}
#navigation li.nav_skylights:hover {background:url(../images/css-sprites.png) -47px -30px no-repeat;}
#navigation li.nav_atticfans {width:86px; height:26px; background:url(../images/css-sprites.png) -130px 0 no-repeat;}
#navigation li.nav_atticfans:hover {background:url(../images/css-sprites.png) -130px -30px no-repeat;}
#navigation li.nav_suntunnels {width:99px; height:26px; background:url(../images/css-sprites.png) -218px 0 no-repeat;}
#navigation li.nav_suntunnels:hover {background:url(../images/css-sprites.png) -218px -30px no-repeat;}
#navigation li.nav_greenswitch {width:103px; height:26px; background:url(../images/css-sprites.png) -319px 0 no-repeat;}
#navigation li.nav_greenswitch:hover {background:url(../images/css-sprites.png) -319px -30px no-repeat;}
#navigation li.nav_dreamscreen {width:105px; height:26px; background:url(../images/css-sprites.png) -424px 0 no-repeat;}
#navigation li.nav_dreamscreen:hover {background:url(../images/css-sprites.png) -424px -30px no-repeat;}
#navigation li.nav_services {width:72px; height:26px; background:url(../images/css-sprites.png) -531px 0 no-repeat;}
#navigation li.nav_services:hover {background:url(../images/css-sprites.png) -531px -30px no-repeat;}
#navigation li.nav_warranty {width:85px; height:26px; background:url(../images/css-sprites.png) -605px 0 no-repeat;}
#navigation li.nav_warranty:hover {background:url(../images/css-sprites.png) -605px -30px no-repeat;}
#navigation li.nav_estimate {width:106px; height:26px; background:url(../images/css-sprites.png) -692px 0 no-repeat;}
#navigation li.nav_estimate:hover {background:url(../images/css-sprites.png) -692px -30px no-repeat;}
#navigation li.last {width:1px; border-right:none;}


/* Navigation Link Descriptions */

#sub_navigation {width:100%; height:30px; background:url(../images/css-sprites.png) 0 -155px repeat-x; border-top:1px solid #666666; position:relative;}
#nav_descriptions {width:800px; margin:0 auto 0 auto; color:#666666; font-size:12px; line-height:30px; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; position:relative;}
div.nav_skylights {width:800px; text-align:center; position:absolute; top:0; left:0; background:url(../images/css-sprites.png) 0 -155px repeat-x;}
div.nav_atticfans {width:800px; text-align:center; position:absolute; top:0; left:0; background:url(../images/css-sprites.png) 0 -155px repeat-x;}
div.nav_suntunnels {width:800px; text-align:center; position:absolute; top:0; left:0; background:url(../images/css-sprites.png) 0 -155px repeat-x;}
div.nav_greenswitch {width:800px; text-align:center; position:absolute; top:0; left:0; background:url(../images/css-sprites.png) 0 -155px repeat-x;}
div.nav_dreamscreen {width:800px; text-align:center; position:absolute; top:0; left:0; background:url(../images/css-sprites.png) 0 -155px repeat-x;}
div.nav_services {width:800px; text-align:center; position:absolute; top:0; left:0; background:url(../images/css-sprites.png) 0 -155px repeat-x;}
div.nav_warranty {width:800px; text-align:center; position:absolute; top:0; left:0; background:url(../images/css-sprites.png) 0 -155px repeat-x;}
div.nav_estimate {width:800px; text-align:center; position:absolute; top:0; left:0; background:url(../images/css-sprites.png) 0 -155px repeat-x;}


/* Call to Action Block */

.green_box {width:800px; margin:0 auto 0 auto; background:url(../images/green-box-bg.png) 0 0 repeat-x; background-color:#4f6f18; position:relative; top:30px; z-index:5;}
.green_box_top {width:800px; height:10px; background:url(../images/css-sprites.png) 0 -90px no-repeat;}
.green_box_middle {width:798px; background:url(../images/text-area-bg.png) 0 0 repeat-y; border-left:1px solid #2d410a; border-right:1px solid #2d410a; padding:10px 0 10px 0;}
.green_box_tan_bottom {width:800px; height:20px; background:url(../images/css-sprites.png) 0 -105px no-repeat; clear:both;}
.green_box_grn_bottom {width:800px; height:20px; background:url(../images/css-sprites.png) 0 -130px no-repeat; clear:both;}

.green_box_title {width:175px; margin:0 10px 0 10px; float:right;}
.green_box_text {width:600px; margin:0 10px 0 10px; color:#ffffff; float:right; font-size:13px;}
.green_box_text ul {width:595px; margin:-8px 0 0 0; list-style:disc; list-style-position:inside;}
.green_box_text li.one {width:300px; margin:0 0 0 35px; float:left;}
.green_box_text li.two {width:225px; margin:0; float:left; }
.green_box_text li.last {width:300px; margin:0 0 15px 35px; float:left;}

.green_box_text dl {margin:-5px 0 0 0;}
.green_box_text dd {float:left; margin:0 10px 0 10px;}
.green_box_text dd img {margin:0 5px 0 0; position:relative; top:3px;}
.green_box_text dd a {color:#fef4c7; border-bottom:1px dotted #fef4c7;}
.green_box_text dd a:hover {color:#ffe778; border-bottom:1px solid #ffe778;}

.highlight {color:#ffe778;}


/* Page Footer, Sitemap, and Contact Information */

.footer {width:100%; background:url(../images/header-footer-bg.png) 0 0 repeat; background-color:#adc87a; border-top:1px solid #2d410a; position:relative; padding:0 0 10px 0; font-size:12px;}

.sitemap {width:800px; margin:35px auto 0 auto; padding:0 0 15px 0; font-size:11px; border-bottom:1px solid #648b22;}
.sitemap ul {list-style: none;}
.sitemap li {width:115px; margin:0 0 0 15px; float:left; color:#333333;}
.sitemap_heading {padding:0 0 2px 0; font-weight: bold; font-style: normal;}
.sitemap a {color:#333333; text-decoration:none;}
.sitemap a:hover {color:#fef4c7;}

.contact_bar {width:800px; margin:0 auto 0 auto; padding:7px 0 0 0; border-top:1px solid #c7e298; text-align:center; color:#333333;}
.contact_bar a {color:#333333; text-decoration:none;}
.contact_bar a:hover {color:#fef4c7;}

.full_contact_bar {width:100%; margin:0 auto 0 auto; padding:7px 0 0 0; border-top:1px solid #c7e298; text-align:center; color:#333333; clear:both;}
.full_contact_bar a {color:#333333; text-decoration:none;}
.full_contact_bar a:hover {color:#fef4c7;}


/* Homepage Slideshow Formatting */

.slideshow_box {width:800px; height:345px; margin:0 auto 0 auto; background:url(../images/green-box-bg.png) 0 0 repeat-x; background-color:#4f6f18; position:relative; z-index:5; overflow:hidden;}
.slideshow_top {width:800px; height:10px; background:url(../images/css-sprites.png) 0 -90px no-repeat; position:relative;}
.slideshow_panels {width:798px; height:315px; border-left:1px solid #2d410a; border-right:1px solid #2d410a; position:relative; top:0px; left:0;}
.slideshow_image {width:580px; height:310px; border:1px solid #2d410a; margin:0 0 0 7px; float:left;}
.slideshow_textarea {width:190px; height:310px; margin:0 10px 0 0; background:url(../images/green-box-bg.png) 0 -10px repeat-x; position:relative; float:right;}
.slideshow_headline {width:190px; height:125px; border-bottom:1px solid #2d410a;}
.slideshow_text {width:190px; margin:0; padding:15px 0 0 0; border-top:1px solid #a3c06b; color:#ffffff; font-size: 13px; background:url(../images/green-box-bg.png) 0 -137px repeat-x;}
.slideshow_bottom {width:800px; height:20px; background:url(../images/css-sprites.png) 0 -105px no-repeat; position:relative; top:0px; left:0; z-index:8;}

.slideshow_box .slideshow_panels ul#slideshow {list-style:none; position:relative; top:0px; left:0px; margin:0; padding:0;}
.slideshow_box .slideshow_panels ul#slideshow li {position:relative; top:0px; left:0px; margin:0; padding:0;}

.learn_more {width:100px; height:25px; margin:15px 0 8px 0; float:right;}
.learn_more a {width:100%; height:100%; display:block; background:url(../images/css-sprites.png) -700px -190px no-repeat;}
.learn_more a:hover {background:url(../images/css-sprites.png) -700px -220px no-repeat;}

.velux_link {width:700px; height:25px; margin:-10px auto -15px auto; text-align:center; font-size:14px;}
.velux_link a {color:#666666; text-decoration: none;}
.velux_link a:hover {color:#ed1c24; text-decoration: none;}


/* Image Galleries */

.image_gallery {width:800px; margin:10px auto 20px auto; position:relative; top:0;}

.image_gallery ul {list-style:none;}
.image_gallery li {width:150px; margin:0 5px 0 5px; float:left; cursor: pointer; display:block; }
.image_gallery h1 {font-style:italic; color:#666666; text-align:center;}
.image_gallery h2 {margin:0; color:#666666; font-size:2.8em; line-height: 1; text-align:center; font-weight:lighter;}
.image_gallery h3 {font-style:italic; color:#666666; text-align:center;}
.image_gallery h6 {margin:0 0 20px 0; font-style:italic; color:#666666; font-size:13px; text-align:center;}

.image_gallery img {margin:2px 0 5px 0;}
.image_gallery li img {background:url(../images/css-sprites.png) 1px -274px no-repeat;}
.image_gallery li:hover img {background:url(../images/css-sprites.png) -151px -274px no-repeat;}
.image_gallery li:hover h1 {color:#ed1c24;}
.image_gallery li:hover h3 {color:#ed1c24;}
.image_gallery li p {font-style:italic; color:#807f83; font-size:12px; text-align:left; margin:0 5px 0 5px; }
.image_gallery li:hover p {color:#000000;}


/* Content Pages */

.page_banner {width:806px; height:175px; margin:0 auto 20px auto; position:relative; top:0px; z-index:5;}

.text_intro {width:750px; margin:0 auto 30px auto; position:relative; color:#000000; font-size: 13px;}

.text_block {width:750px; margin:0 auto 30px auto; position:relative; clear:both;}
.text_block_text {width:565px; margin:0; position:relative; float:right; color:#000000; font-size: 13px;}
.text_block h2 {width:565px; margin: 0 0 5px 0; color:#666666; text-align:left; font-weight:lighter; }
.text_block p {margin:0 0 15px 0; position:relative; padding:0;}
.text_block p.clear {padding:15px 0 15px 0; clear:both;}
.text_block ul {margin:5px 0 15px 30px; list-style:disc;}
.text_block li {margin:0 0 5px 5px; color:#000000; font-size:13px; font-style:italic;}
.text_block a {color:#666666; text-decoration: none;}
.text_block a:hover {color:#ed1c24; text-decoration: none;}

.text_block ol {margin:0 0 15px 30px;}

a.underline {color:#666666; border-bottom: 1px dotted #666666;}
a.underline:hover {color:#ed1c24; border-bottom: 1px solid #ed1c24;}

.text_block_image {width:150px; margin:45px 25px 0 5px; float:left; clear:both;}
.text_block_image p {width:140px; margin:0 0 20px 5px; color:#666666; padding:0; font-size:11px; line-height:14px; text-align:center;}
.text_block_image a p {color:#666666; text-decoration:none;}
.text_block_image a:hover p {color:#000000;}
.text_block_image a img {background:url(../images/css-sprites.png) 1px -274px no-repeat; }
.text_block_image a:hover img {background:url(../images/css-sprites.png) -151px -274px no-repeat;}

ul.two_cols {width:530px; margin:5px 0 15px 30px; list-style-position:inside;}
li.col_one {width:290px; margin:0; color:#000000; font-size:13px; font-style:italic; float:left;}
li.col_two {width:230px; margin:0; color:#000000; font-size:13px; font-style:italic; float:left;}


/* Question and Answer Formatting */

.qanda_block {width:800px; margin:0 auto 0 auto; position:relative;}
.qanda_block h2 {margin:0; color:#666666; font-size:2.8em; line-height: 1; text-align:center; font-weight:lighter;}
.qanda_block h6 {margin:0 0 5px 0; font-style:italic; color:#666666; font-size:13px; text-align:center;}

.qanda {width:750px; margin:0 auto 0 auto; position:relative;}

p.question {color:#666666; font-size:13px; margin:15px 0 0 0; padding:0;}
p.question:hover {color:#ed1c24; cursor:pointer;}

p.answer {width:725px; margin:5px 0 15px 20px; font-size:13px; position:relative;}