/*
Theme Name: Homeworks Theme
Theme URI: http://www.homeworks.ca/
Description: Custom theme for www.homeworks.ca
*/

/* Reset
-----------------------------------------------------------------------------------------------*/

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
a, ins, del { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
th, td { vertical-align: top; }
th { text-align: left; }

/* Accessibility Navigation & Hide
-----------------------------------------------------------------------------------------------*/

#accessibility-nav, 
body.page-id-4 #content h2,
.hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }


/* Clearfix
-----------------------------------------------------------------------------------------------*/

.clearfix:after,
.installation:after,
.promo-area .title:after,
#header:after,
.container:after,
.about-carousel .tabs:after,
#content ul.mediaul li:after,
.navigation:after,
form li:after,
.buttons:after,
.page-content:after,
.gallery:after,
#content .gallery-top ul:after,
#content .gallery-wrap:after,
.installation-wrap:after,
.fireplace-types li div:after,
form li:after,
form:after
{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix,
.installation,
.promo-area .title,
#header,
.container,
.about-carousel .tabs,
#content ul.mediaul li,
.navigation,
form li,
.buttons,
.page-content,
.gallery,
#content .gallery-top ul,
#content .gallery-wrap,
.installation-wrap,
.fireplace-types li div,
form li,
.didyouknow,
.testimonial,
.testimonial .quote,
table li,
form
{ zoom: 1; }


/* Default Styles
-----------------------------------------------------------------------------------------------*/

body { background: #fff url(images/bg.jpg) repeat-x left top; color: #3C4167; font: 62.5%/1.5 "Verdana", "Arial", "Helvetica", sans-serif; text-align: center; }
hr { display: none; }
strong { font-weight: bold; }
em { font-style: italic; }
del { text-decoration: line-through; }
th { font-weight: normal; }
address, cite, dfn { font-style: normal; }
li { list-style: none; }
abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }
input, textarea, select { font-family: "Verdana", "Arial", "Helvetica", sans-serif; }
a, a:link, a:active, a:visited { color: #002182; text-decoration: none; font-weight: bold; }
a:hover { color: #AE8A56; text-decoration: underline; }


/* Container
-----------------------------------------------------------------------------------------------*/

.wrapper { width: 800px; position: relative; margin: 0 auto; text-align: left; font-size: 1.1em; }
#content { width: 580px; float: left; padding-left: 20px; padding-top: 10px; }
#sidebar { width: 166px; float: right; padding-left: 20px; padding-top: 10px; }
.container p,
.container ul,
.container ol,
.container dl { padding: 0 0 15px; }
body.page-id-3 #content { }
body.page-id-3 #sidebar { width: 186px; }

/* Header
-----------------------------------------------------------------------------------------------*/

#header { height: 71px; }
#header .logo { margin: 0 0 0 12px; padding: 0; text-align: center; overflow: hidden; position: absolute; top: 8px; left: 0; height: 60px; width: 260px; }
#header .logo,
#header .logo a,
#header .logo span { display: block; height: 60px; width: 260px; overflow: hidden; }
#header .logo a { cursor: pointer; }
#header .logo a:hover { text-decoration: none; }
#header .logo span { background: url(images/logo.gif) no-repeat top left; display: block; overflow: hidden; position: absolute; left: 0; top: 0; }

#header .contact { position: absolute; right: 10px; top: 0; text-align: right; font-size: 1.3em; line-height: 1; background: url(images/ico_phone.gif) no-repeat center left; padding: 4px 0 4px 20px; margin: 12px 0 0; letter-spacing: 1px; color: #18226e; }


/* Sidebar
-----------------------------------------------------------------------------------------------*/

#sidebar ul.btns { padding: 0; margin: 0; }
#sidebar ul.btns li { position: relative; text-align: center; padding: 11px 15px 0; margin-bottom: 10px; }
#sidebar ul.btns li span { position: absolute; top: 0; left: 0; }
#sidebar ul.btns li.btn_1 { width: 126px; height: 105px; }
#sidebar ul.btns li.btn_1 span { width: 156px; height: 116px; }
body.page-id-3 #sidebar ul.btns li.btn_1 { width: 146px; height: 105px; }
body.page-id-3 #sidebar ul.btns li.btn_1 span { width: 176px; height: 116px; }
#sidebar ul.btns li.btn_2 { width: 126px; height: 68px; }
#sidebar ul.btns li.btn_2 span { width: 156px; height: 79px; }
body.page-id-3 #sidebar ul.btns li.btn_2 { width: 146px; height: 68px; }
body.page-id-3 #sidebar ul.btns li.btn_2 span { width: 176px; height: 79px; }
#sidebar ul.btns li.btn_3 { width: 126px; height: 100px; }
#sidebar ul.btns li.btn_3 span { width: 156px; height: 111px; }
body.page-id-3 #sidebar ul.btns li.btn_3 { width: 146px; height: 100px; }
body.page-id-3 #sidebar ul.btns li.btn_3 span { width: 176px; height: 111px; }
body.page-id-3 #sidebar ul.btns li.btn_4 { width: 146px; height: 100px; }
body.page-id-3 #sidebar ul.btns li.btn_4 span { width: 176px; height: 111px; }
#sidebar ul.btns li,
#sidebar ul.btns li span { overflow: hidden; display: block; cursor: pointer; }
#sidebar ul.btns li a { display: block; }
#sidebar ul.btns li.btn_1 span { background: url(images/btn_consultation.png); }
body.page-id-3 #sidebar ul.btns li.btn_1 span { background: url(images/btn_consultation-home.png); }
#sidebar ul.btns li.btn_2 span { background: url(images/btn_incentives.png); }
body.page-id-3 #sidebar ul.btns li.btn_2 span { background: url(images/btn_incentives-home.png); }
#sidebar ul.btns li.btn_3 span { background: url(images/btn_facts.png); }
body.page-id-3 #sidebar ul.btns li.btn_3 span { background: url(images/btn_facts-home.png); }
body.page-id-3 #sidebar ul.btns li.btn_4 span { background: url(images/btn_financing-home.png); }
#sidebar ul.btns li a:hover span,
body.page-id-3 #sidebar ul.btns li a:hover span { background-position: bottom left; }

.testimonial { width: 156px; line-height: 1.6; }
.testimonial span.top { display: block; width: 156px; height: 18px; overflow: hidden; background: url(images/testimonial-top.png) no-repeat; }
.testimonial .quote { background: url(images/testimonial-btm.png) no-repeat bottom left; padding: 0 20px 20px; font-size: .9em; }
.testimonial .quote p { color: #666; font-style: italic; }
.testimonial .quote h3 { font-size: 1.3em; padding: 0 0 5px; }

/* Navigation
-----------------------------------------------------------------------------------------------*/

/* top level */
#nav { z-index: 1000; float: right; margin-top: 40px; }
#nav li { float: left; position: relative; text-align: left; cursor: default; margin: 0px; padding: 0px; display: block; height: auto; width: auto; }
#nav li a { text-align: left; color: #393939; margin: 0px; padding: 0px 12px 0px 12px; text-decoration: none; font-weight: normal; text-transform: uppercase; display: block; }
#nav li a:hover {  color: #0896b8; text-decoration: none; }

/* Dropdowns */
#nav li ul li a, 
#nav li ul li a:active, 
#nav li ul li a:link, 
#nav li ul li a:visited { display: block; color: #666; margin: 0px; padding: 2px 2px 2px 12px ; text-align: left; font-weight: normal; border-bottom: 1px solid #b2b7c0; text-transform: uppercase; background: #fff url(images/bg_nav-left.gif) repeat-y left top;}
#nav li ul li a:hover { color: #0896b8; border-bottom: 1px solid #b2b7c0; background:  #fff url(images/bg_nav-left.gif) repeat-y left top; text-transform: uppercase; }
#nav li ul { z-index: 1000; display: none; position: absolute; font-weight: normal; background: #5b5b5b; padding: 0px; margin: 0px;  border: 1px solid #b2b7c0; }
#nav li>ul { margin: 0px; padding: 0px; }
#nav li li { display: block; float: none; margin: 0px; padding: 0px; border: 0px none;}
#nav li:hover ul,
#nav li.sfHover ul { display: block; margin: 0px; padding: 0px; }
#nav li:hover,
#nav li.sfHover { visibility: inherit; }

/* Shared */
#nav li ul, 
#nav li li { width: 120px; }
#nav li>ul { top: 100%; left: 10px; }
/* ie */
#nav li ul { left: 10px; font-size: .9em; }

/* Exceptions */
#nav li.page-item-7 { margin-right: 0; }

*:first-child+html #nav li li { float: left; clear: left; overflow: hidden; }
* html #nav li li { float: left; clear: left; overflow: hidden; }

#secondary-nav #nav1 a { background:url(images/nav_windows-and-doors.jpg) no-repeat}
#secondary-nav #nav2 a { background:url(images/nav_heating-and-cooling.jpg) no-repeat}
#secondary-nav #nav3 a { background:url(images/nav_fireplaces.jpg) no-repeat}
#secondary-nav #nav4 a { background:url(images/nav_ventilation-and-insulation.jpg) no-repeat}
#secondary-nav #nav5 a { background:url(images/nav_solar-hot-water.jpg) no-repeat}

#secondary-nav #nav1.current a { background:url(images/nav_windows-and-doors.jpg) no-repeat 0 -142px }
#secondary-nav #nav2.current a { background:url(images/nav_heating-and-cooling.jpg) no-repeat 0 -142px}
#secondary-nav #nav3.current a { background:url(images/nav_fireplaces.jpg) no-repeat 0 -142px}
#secondary-nav #nav4.current a { background:url(images/nav_ventilation-and-insulation.jpg) no-repeat 0 -142px}
#secondary-nav #nav5.current a { background:url(images/nav_solar-hot-water.jpg) no-repeat 0 -142px}

#secondary-nav li { float: left; width: 160px; overflow: hidden; height: 138px; }
#secondary-nav a { text-transform: uppercase; display: block; height: 119px; width: 100px; font-weight: normal; text-decoration: none; color: #535353; padding: 13px 18px 7px 42px; font-size: .9em; }
#secondary-nav a:hover { color: #00bbe7; }


/* Content
-----------------------------------------------------------------------------------------------*/

#content h1, body.home h2 { font-weight: normal; border-bottom: 1px solid #00bbe7; padding: 5px 0 3px; margin-bottom: 10px; font-size: 1.6em; }
#content h2, .intro { font-weight: bold; text-transform: uppercase; padding: 5px 0 0; margin-bottom: 10px; }
body.home h2 { text-transform: none !important;}
#content ul li { background: url(images/ico_arrow.gif) no-repeat 0 5px; padding-left: 15px; }
#content ul { padding-left: 20px; }
#content ul.horizontal { padding-left: 0; }
#content ul.horizontal li { display: inline; margin-right: 20px; }
#content ul.horizontal li a { font-weight: normal; }

/* buttons */
.buttons { padding: 20px 0 20px; }
.buttons img { float: left; margin-right: 10px; }

/* about us */
.about-carousel .panes { border: 1px solid #c7cbde; border-top: 0; padding: 25px 20px 10px; background: #fff; }
#content .about-carousel .tabs { font-size: .9em; padding: 10px 0 0 5px; margin: 0; background: url(images/bg_gallery-top.gif) repeat-x bottom left; }
#content .about-carousel .tabs li { float: left; margin: 0 5px; padding: 0; background: none; }
.about-carousel .tabs li a { display: block; width: 180px; background: url(images/bg_tabs-about.png); text-transform: uppercase; font-weight: normal; padding: 8px 0 6px; line-height: 1; text-align: center; color: #6E7290; border-bottom: 1px solid #d5dbe8; }
.about-carousel .tabs li a:focus { outline: 0; }
.about-carousel .tabs .current { background-position: 0 -65px; border-color: #fff; }

/* why homeworks */
div.leftp{float:left;width:280px;}
div.rightp p{margin:0;padding:0 0 5px;}
div.rightp{float:right;width:280px;}
#content div.rightp ul,
#content div.rightp ul li{list-style:none;margin:0;padding:0;background-image:none;}
#content div.rightp ul li{height:38px;margin-bottom:3px;clear:both;text-align:right;overflow:hidden;padding: 0 0 3px; }
div.rightp ul li img{vertical-align:middle;float:right;}
div.rightp ul li span{display:block;float:right;padding-top:11px;padding-right:2px;text-align:right; }

/* media */
#content ul.mediaul{clear:both;margin:20px 0;padding:0;}
#content ul.mediaul li{background:none;list-style:none;height:100%;clear:both;border-bottom:1px solid #b1bfd3;margin:0 0 15px;padding:0 15px 10px;}
#content ul.mediaul li p {margin:0;padding:0 0 5px;}
div.leftmedia{float:left;width:400px;}
div.rightmedia{float:right;width:100px;}

/* reno e-newsletter */
legend { font-weight: bold; text-transform: uppercase; margin: 10px 0 15px; }
form li { padding: 0 0 10px }
form fieldset{border:0 none;margin:0;padding:0 15px;}
form strong{font-weight:700;font-size:120%;color:#a20b1d;}
form div.radiobuttons span.red,
form div.checkboxes span.red{color:#a20b1d;font-size:120% !important;}
form label,
form strong.label {display:block;float:left;padding-right:10px;width:165px;margin-top:2px;cursor:pointer;font-weight:700;}
form textarea{border-right:1px solid #3c4167;border-bottom:1px solid #3c4167;border-top:1px solid #777b98;border-left:1px solid #777b98;width:200px;background:#FFF url(images/input.gif) no-repeat top left;height:100px;padding:2px;}
#content form li {margin-bottom:8px; padding: 0; list-style: none;}
#content form ol { padding: 0; margin: 0;}
form fieldset { padding: 0 13px 20px; }
form input,
form select,
form textarea { margin-right: 10px; }
form label { text-align: right; }
form .cf_hidden { padding: 0; }
form .cf_hidden legend { display: none }
form.cform { padding-top: 10px; }
#content form li#li-2-19 { margin-bottom: 0; padding-top: 15px; }
form .cf_li_err input,
form .cf_li_err select,
form .cf_li_err textarea { border-color: red; }
form input{width:200px;border-right:1px solid #3c4167;border-bottom:1px solid #3c4167;border-top:1px solid #777b98;border-left:1px solid #777b98;background:#FFF url(images/bg_input.gif) no-repeat top left;padding:2px;}
form select{width:206px;border-right:1px solid #3c4167;border-bottom:1px solid #3c4167;border-top:1px solid #777b98;border-left:1px solid #777b98;}
form .submit input,
form .cf-sb input {width:auto !important;background-image:none;background-color:#3c4167;color:#FFF;cursor:pointer;font-weight:700;border-right:1px solid #3c4167;border-bottom:1px solid #3c4167;border-top:1px solid #777b98;border-left:1px solid #777b98;margin-left:175px;margin-top:10px;padding:5px;}
body.page-id-68 .cf-sb input { margin-left: 189px; }
form .submit2 input {width:auto !important;background-image:none;background-color:#3c4167;color:#FFF;cursor:pointer;font-weight:700;border-right:1px solid #3c4167;border-bottom:1px solid #3c4167;border-top:1px solid #777b98;border-left:1px solid #777b98;margin-left:40px;margin-top:10px;padding:5px;}
form .submit3 input { margin-left: 188px;}
span.email{width:175px;display:block;float:left;}	
form .checkboxes label,
form #li-2-15items label {text-align: left;float:left;width:165px;font-weight:400;padding:0;}
form .checkboxes input,
form #li-2-15items input { float: left; width: auto; padding: 0; margin: 3px 5px 0 0; background:none; border: 0;}
form br { display: none; }
*:first-child+html form #li-2-15items label { width: auto; line-height: 2; display: block; }
* html form #li-2-15items label { width: auto; line-height: 2; display: block; }
#sidebar form input { margin-right: 0; }

/* reno facts */
#content .promotion h2 { background: white; border: 1px solid #d8e3f0; padding: 5px 10px; }
#content .promotion ul { padding: 0 12px 10px; }
#content .promotion ul li { margin-bottom: 0; padding-top: 0; margin-top: 0; }
#content .promotion { border: 1px solid #C7CBDE; background: #EAF1F9; margin: 0 3px 3px 0; padding: 5px; }
.backtotop p { text-align: right; margin-bottom: 35px; }
.promotion ul.list { margin: 0; padding: 0; }
.promotion ul.list li { margin-bottom: 15px; }
div.otherlinks{clear: both;border:1px solid #acb2c0;text-align:center;background:#FFF; padding:3px 0 3px 7px;}
#content div.otherlinks ul { padding: 0; }
#content div.otherlinks ul li{display:inline;list-style:none;margin:0 7px 0 0; background-position: 0 5px;}
#content div.otherlinks ul li.current_page_item a { font-weight: normal; }
.box_link_2 a img { padding: 5px 44px; text-align: center; margin: 0 auto; }
.box_link_2 a { width: 240px; color: #55597a; display: block; border: 1px solid #7b81aa; padding: 5px 8px 6px; background: white url(images/gallerybg2.jpg) repeat-y top left; text-decoration: none; }
.box_link_2 a:hover { color:#3c4167; text-decoration:none; border-color: #3c4167 }
.box_link_1 a { color: #55597a;  border: 1px solid #7b81aa; padding: 5px 8px 6px; background: white url(images/gallerybg.jpg) repeat-y top left; text-decoration: none; }
.box_link_1 a:hover { color:#3c4167; text-decoration:none; border-color: #3c4167 }
body.page-id-26 table td { padding-right: 0; }


/* Maintenance Service */
p.highlightarea{float: left; clear: left;margin: 0 0 15px;background:#FFF;border:1px solid #b1c3d9;display:inline;font-weight:700;padding:5px;}
#content #navigation2{border:1px solid #B1C3D9;text-indent:0;background-color:#fff;width:550px;margin:0 0 20px;padding:0;}
#navigation2 a{cursor:pointer;border:1px solid #fff;background:#eee;color:#3C4167;font-weight:700;display:block;text-decoration:none;background-color:#00a0c6;border-top:1px solid #FFF;border-bottom:1px solid #999;background-image:url("images/bg_accordian.gif");margin:0;padding:5px;}
#navigation2 ul{text-indent:0;border-width:0;margin:0;padding:15px;}
#content #navigation2 li{list-style:none outside none;display:block;padding: 0; background: none;}
#content #navigation2 li li { background: url(images/ico_arrow.gif) no-repeat 0 5px;padding-left:15px;}
#content #navigation2 li ul { padding-left: 20px; }
#navigation2 a:hover,#navigation2 a.selected,#navigation2 a.current{background-color:#3C4167;background-image:none;color:#fff;}

/* showrooms */
#content ul.showroomsul{margin:15px 0 0;padding:0;}
#content ul.showroomsul li{float:left;margin-left:55px;text-align:right;list-style:none;padding:0 20px;background: none;}
#content ul.showroomsul li h2{font-size:14px !important; text-transform: none !important;padding: 0;margin:0;}
ul.showroomsul li img{padding-bottom:10px;}

/* service areas */
div.oaifl{float:left;width:250px;overflow:hidden;padding-top:20px;}
div.oaifr{float:right;width:325px;}
.floatright2{float:right;margin-bottom:5px;vertical-align:middle;}
.floatright2 img,.floatleft2 img{vertical-align:middle;}
.floatleft2{float:left;margin-right:15px;margin-bottom:5px;vertical-align:middle;}
body.page-id-57 li,body.page-id-58 li{ margin-bottom:10px;}

/* service galleries */
#content .gallery-top ul { padding: 10px 0 0 370px; margin: 0; background: url(images/bg_gallery-top.gif) repeat-x bottom; font-size: .9em;}
#content .gallery-top li { float: left; margin: 0 5px; padding: 0; background: none; }
#content .gallery-top li a { display: block; width: 180px; background: url(images/bg_tabs-about.png); text-transform: uppercase; font-weight: normal; padding: 8px 0 6px; line-height: 1; text-align: center; color: #6E7290; border-bottom: 1px solid #d5dbe8; }
#content .gallery-top li a:focus { outline: 0; }
#content .gallery-top .current { background-position: 0 -65px; border-color: #fff; }
#content .gallery .tabs { width: 154px; float: left; border-bottom: 0; border-bottom: 1px solid #C7CBDE; padding: 0; margin: 2px 0 0 1px; min-height: 200px; height: auto !important; height: 200px; }
body.page-id-172 #content .gallery-top ul,
body.page-id-174 #content .gallery-top ul { padding-left: 185px; }
#content .gallery-wrap { position: relative; background: url(images/bg_gallery.png) repeat-y top left; }
#content .gallery .tabs li { margin: 0 0 2px; padding: 0; background: none; }
#content .gallery .tabs .current { font-weight: bold; }
* html #content .gallery .tabs li { float: left; clear: left; overflow: hidden; width: 150px; }
#content .gallery .tabs a { display: block; background: url(images/gallerybg.jpg) repeat-y center left; color: #55597A; padding: 2px 2px 2px 20px; font-weight: normal; border-left: 2px solid #7B81AA;margin-left:2px;}
#content .gallery .tabs a:focus { outline: none; }
#content .gallery-image { float: left; width: 423px; position: relative; text-align: center; }
#content .gallery-image table { float: left; text-align: left;}
#content .gallery-image img { padding: 0 5px 5px; margin-top: 15px;}
#content .gallery-blue { position: absolute; background: #1E2679; color: #fff; text-transform: uppercase; bottom: 0; right: 1px; width: 423px; text-align: center; font-weight: bold; padding: 5px 0;  }
#content .gallery-learnmore a { display: block; background: #1E2679 url(images/btn_learnmore.gif) no-repeat; color: #fff; text-align: center; float: right; overflow: hidden; height: 21px; width: 104px; text-indent: -999em; }
body.page-id-172 #content .gallery-image img { padding-top: 15px; }
body.page-id-64 #content .gallery-image img,
body.page-id-65 #content .gallery-image img { float: left; }
body.page-id-64 #content .gallery-image table { width: 110px; margin-top: 20px; }
body.page-id-65 #content .gallery-image table { width: 205px; margin-top: 15px; }
#content .gallery-image table ul { padding-left: 0; }
#content .gallery-image table h2,
#content .gallery-image table a { font-weight: normal; }
#content .gallery-image table h2 { text-transform: none; padding: 0; margin: 0 0 5px; line-height: 1; }
#content .gallery-image table td { padding-right: 0; }
* html .page-id-4 .tabs { height: 25px; overflow: hidden; }

/* installation gallery */
#content div.installation ul li,
#content div.installation ul{list-style:none;margin:0;padding:0;}
#content div.installation ul{margin-top:9px; }
#content div.installation ul li{float:left;margin-right:7px;padding: 0;background: none;}
#content div.installation ul li a { display: block; border: 1px solid #006; color: #006; font-weight: normal; padding: 1px 4px; }
#content div.installation ul .current {background:#006;color:#FFF;border-color:#000;}
#content div.installation div.desc{float:right;width:300px;padding-top:10px;}
#content div.installation div.img{float:left;width:240px;padding-top:10px;}
#content div.installation div.img img{float:left;border:1px solid #3c4167;}
#content div.installation h3 { text-transform: uppercase; padding: 20px 0 5px; }

/* Fireplaces */
.fireplace-types li { position: relative; margin-bottom: 20px; }
.fireplace-types li div { margin-top: 10px; border: 1px solid #002182; width: 500px; background: #fff; padding: 10px; }
.fireplace-types li div img { float: left; }

/* Projects */
#content div.imggalleryul { float: left; width: 100px; }
#content div.imggalleryul ul { margin: 0; padding: 0; }
#content div.imggalleryul ul li { margin: 0 10px 5px 0; background: none; float: left; padding: 0; list-style: none; }
#content div.imggalleryul ul li.last { margin-right: 0; }
#content div.imggalleryimg { float: right; overflow: hidden; text-align: center; width: 437px; }
#content div.imggalleryimg img { border: 1px solid #3c4167; }

/* Contact */
table { width: 100%; }
table td { padding-right: 20px; }
span.wpcf7-not-valid-tip-no-ajax { font-size: 1em !important; }
textarea { font-size: 1em; }
body.page-id-7 table { margin-bottom: 20px; }
body.page-id-7 form { padding-bottom: 20px; }

/* Did you know */
.didyouknow { font-size: 1.1em; background: url(images/bg_box-btm.png) no-repeat bottom left; margin-bottom: 10px; }
.didyouknow h3 { font-size: 1.6em; font-weight: normal; background: url(images/bg_box-top.png) no-repeat; padding: 5px 15px; line-height: 1; }
.didyouknow p { padding: 10px 25px 10px 15px; }
.didyouknow p.cite { text-align: right; font-variant: small-caps; }

/* Homepage */
body.page-id-3 .page-content { width: 300px; padding-right: 20px; float: left; }
body.page-id-3 #content { padding-right: 0; width: 570px; }
body.page-id-3 .promo-img { width: 240px; float: right; padding-top: 6px; }
.feature-solarbc img { width: 110px; float: left; margin: 0 10px 0 0; }
body.page-id-3 #content h2 { font-size: 1.5em; padding-bottom: 4px; }

/* Offers and Incentives */
body.page-id-77 #content ul li,
body.page-id-78 #content ul li { margin-bottom: 10px; }
body.page-id-77 .box_link_1,
body.page-id-78 .box_link_1 { margin-bottom: 30px; }


/* Footer
-----------------------------------------------------------------------------------------------*/

#footer { color: #666; padding: 20px 10px 5px; text-align: center; font-size: .9em; }
#footer a { color: #666; }
#footer p { padding: 0 0 15px; }


/* Wordpress
-----------------------------------------------------------------------------------------------*/

.center { text-align: center; margin: 0 auto; }
img.centered { display: block; margin-left: auto; margin-right: auto; text-align: center; }
img.alignright { margin: 13px 0 5px 15px; display: inline; }
img.alignleft { margin: 13px 15px 5px 0; display: inline; }
img.centered, .img.alignright, img.alignleft { width: auto !important; height: auto !important; }
.alignright { float: right; }
.alignleft { float: left }

a.more-link { display: block; margin-top: 7px; }
.alt { background-color: #f5fafe; border-top: 1px solid #d2dff2; border-bottom: 1px solid #d2dff2; } 
small { font-size: 0.9em; line-height: 1.7em; }  
#commentform label{font-size:0.8em;width:auto;display:block;margin-top:4px;}
.commentlist li .avatar{float:right;border:1px solid #eee;background:#fff;padding:2px;}
.commentlist cite,.commentlist cite a{font-weight:700;font-style:normal;font-size:1.1em;}
.commentlist p{font-weight:400;line-height:1.5em;text-transform:none;margin:10px 5px 10px 0;}
.commentmetadata{font-weight:400;font-size:0.8em;display:block;margin:0;padding:3px 0 0;}
#commentform textarea{margin-top:6px;}
#commentform small{font-size:12px;}
.alt{margin:0;padding:10px;}
.commentlist{margin:0 0 10px;padding:0;}
#commentform p{margin:5px 0;}
.nocomments{text-align:center;margin:0;padding:0;}
.entry blockquote{padding-left:20px;background:#f5fafe;border-left:5px solid #d2dff2;margin:15px 30px 0 10px;}
.entry blockquote cite{display:block;margin:5px 0 0;}
a img{border:none;}
.post small{font-size:0.8em;color:#666;}
.hidden,hr{display:none;}
.entry .postmetadata { margin: 20px 0 0 0; padding:15px 10px; }
div.post { margin-right: 20px; margin-bottom: 30px; }
body.blog #sidebar h3,
body.category #sidebar h3,
body.archive #sidebar h3,
body.single #sidebar h3 { color: #002182; font-size: 1.5em; font-weight: normal; padding: 25px 0 0 0; margin: 0 0 6px; }
body.blog #sidebar ul,
body.category #sidebar ul,
body.archive #sidebar ul,
body.single #sidebar ul { margin: 0 0 0 15px; padding: 0; }
body.blog #sidebar ul li,
body.category #sidebar ul li,
body.archive #sidebar ul li,
body.single #sidebar ul li { list-style: none; padding: 0 0 0 13px; background: url(images/ico_arrow.gif) no-repeat center left; margin: 0; }
form.searchform { margin-bottom: 25px; }	
form.searchform input.s { border: 1px solid #002182; color: #002182; width: 100px; padding: 3px 2px; float: left; }
form.searchform input.search { color: #002182; font-weight: bold; text-align: center; background: #d2dff2; border: 1px solid #002182; width: 55px; float: left; padding: 3px 2px 2px; font-size: 0.9em; margin: 0 0 0 5px; cursor: pointer; }
#commentform input.submitcomment { color: #002182; font-weight: bold; text-align: center; background: #d2dff2; border: 1px solid #002182;  padding: 3px 2px 2px; font-size: 1em; margin: 5px 0 15px 0; cursor: pointer; }
.navigation { color: #002182; font-weight: bold; text-transform: uppercase; padding: 0 0 7px !important; margin: 0 !important; overflow: hidden;  }
.navigation, .commentlist { margin-right: 20px; }
.navigation .alignleft { float: left; }
.navigation .alignright { float: right; text-align: right; }
form#commentform { padding: 0 0 30px; margin: 0 20px 0 0; }
.commentlist li { list-style: none; }
.commentlist { padding-top: 10px; }
form#commentform input { border: 1px solid #002182; color: #002182; padding: 2px; }
form#commentform textarea { width: 500px; border: 1px solid #002182; color: #002182; padding: 2px; }

/* contact form 7 */
div.wpcf7 {
	margin: 0;
	padding: 0;
}

div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
}

div.wpcf7-mail-sent-ok {
	border: 2px solid #398f14;
}

div.wpcf7-mail-sent-ng {
	border: 2px solid #ff0000;
}

div.wpcf7-spam-blocked {
	border: 2px solid #ffa500;
}

div.wpcf7-validation-errors {
	border: 2px solid #f7e700;
}

span.wpcf7-form-control-wrap {
	position: relative;
}

span.wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	background: #fff;
	border: 1px solid #ff0000;
	font-size: 10pt;
	width: 280px;
	padding: 2px;
}

span.wpcf7-not-valid-tip-no-ajax {
	color: #f00;
	font-size: 10pt;
	display: block;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
}

.wpcf7-display-none {
	display: none;
}

img.ajax-loader {
	border: none;
	vertical-align: middle;
}

#content .cf_info { padding: 0 0 20px; font-weight: bold; text-align: center; }