html {margin:0; padding:0; background:#905F2C;}
body {margin:0; padding:0; color:#000; font-family:Arial, Verdana, Helvetica, sans-serif; }
a {text-decoration:none; color:#567498; outline:none;}
#rightCol a, #nav a {color:#fff;}
a:hover {}
a.here {color:#000; background:#fff;}

#header {position:relative; width:960px; margin:0 auto; padding:0;}
#header h1#blogname {position:absolute; top:0; left:0; margin:0; padding:0;}
#header h1#blogname a {position:absolute; top:17px; left:3px; margin:0; padding:0; color:#fff; font-size:40px; font-weight:300;}
#header h2#blogTag {position:absolute; top:61px; left:5px; margin:0; padding:0; font-size:16px; font-weight:300; color:#fff;}
#header h2#serving {position:absolute; top:25px; right:5px; color:#fff; font-size:10px;}

#nav {float:left; clear:left; margin:61px 0 0 235px; padding:0; width:auto; border:1px solid #fff; border-width:1px 0 0 0;}
#nav li {float:left; margin:0; padding:0; list-style:none;}
#nav li a {float:left; display:block; margin:0; padding:11px 18px; background:#567498; font-size:14px; font-weight:bold; border:1px solid #fff; border-width:0 1px 0 0; color:#fff;}
#nav li a.first {border:1px solid #fff; border-width:0 1px 0 1px;}
#nav li a.last {padding:11px 16px 11px 17px; border:1px solid #fff; border-width:0 1px 0 0;}
#nav li a:hover {background:#fff; color:#000;}

#wrap {float:left; width:100%; background:#fff; margin:0; padding:4px 0; z-index:100;  }

#content, #header {width:960px; margin:0 auto; padding:0; }
#content h3.storytitle a {float:left; width:500px; margin:0; padding:5px 0; color:#9F6E43; font-size:24px;}
#content p a {color:#5F7EA1;}

.pageContent p, 
.pageContent ul, 
.pageContent blockquote, 
.pageContent ol,
.post p, 
.post ul, 
.post blockquote, 
.post ol {font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:1.5;}


#content #infoimage {float:left; margin:0; padding:4px; width:730px; height:333px; background:#905F2C;}
#content #infoimage #leftInfo1 {float:left; width:230px; height:238px; margin:0; padding:0; background:url(images/left-back-yourhome6.gif) top no-repeat; color:#fff; border:1px solid #fff;}
#content #infoimage #leftInfo1 ul {margin:0; padding:70px 0 5px 10px; font-weight:bold;}
#content #infoimage #leftInfo1 li {list-style:none; font-size:17px; padding:7px 18px 6px 0; text-align:right;}
#content #infoimage #leftInfo1 a {display:block; margin:0 0 0 24px; padding:3px 0 3px 8px; height:25px; width:185px; font-size:15px; font-weight:bold; color:#fff; background:url(images/howitworks-back-small2.jpg) 0px 0px no-repeat;}
#content #infoimage #leftInfo1 a.white {background:none; margin:0; padding:0; height:auto; width:auto;} 
#content #infoimage #leftInfo2 {float:left; clear:left; width:230px; height:87px; margin:4px 0 0 0; padding:0; background:url() top no-repeat; color:#fff; border:1px solid #fff;}
#content #infoimage #leftInfo2 h2 {font-size:14px; margin:0; padding:0 28px 7px 28px; font-weight:300;}
#content #infoimage #leftInfo2 a {display:block; margin:0 0 0 24px; padding:3px 0 2px 8px; height:25px; width:185px; font-size:15px; font-weight:bold; color:#fff; background:url(images/howitworks-back-small2.jpg) 0px 0px no-repeat;}
#content #infoimage #leftInfo2 a:hover {}
#content #infoimage #centerImage {float:right; width:492px; height:331px; margin:0; padding:0; background:url(wp-content/themes/EcoHomes/images/family-01.jpg) top no-repeat; border:1px solid #fff;}

.padded {margin:20px 0 0 0;}
#content #arrows {float:left; width:728px; height:auto; background:url(images/bluearrows_large.jpg) top no-repeat;}
#content #arrows .arrowinfo {float:left; width:230px; padding:7px 0 0 20px; color:#fff; font-weight:600;}
#content #arrows .arrowinfo_last {float:left; width:210px; padding:7px 0 0 4px; color:#fff; font-weight:600;}
#content #arrows .subarrows, #content #arrows .subarrows_mid, #content #arrows .subarrows_last {float:left; width:220px; text-align:left;}
#content #arrows .subarrows {margin:0 0 0 4px;}
#content #arrows .subarrows_mid {margin:0 0 0 31px;}
#content #arrows .subarrows_last {margin:0 0 0 22px;}
#content #arrows2 {float:left; width:728px; height:193px; margin:0; padding:0;}
#content #arrows2 .access, #content #arrows2 .improve, #content #arrows2 .validate {float:left; width:233px; height:193px; margin:4px 0; padding:0; background:url(images/large-blue-shadow.gif) top no-repeat;}
#content #arrows2 span.title, #content #arrows2 span.info {display:block; width:auto; color:#fff; text-align:center;}
#content #arrows2 span.title {margin:4px 0; font-weight:bold;}
#content #arrows2 span.info {margin:10px 24px; padding:0; line-height:25px; font-size:14px;}

#pwsleftCol {float:left; width:206px; margin:0; padding:4px 0 4px 4px;}
#pwsleftCol h2 {margin:0; padding:0; font-size:16px; color:#9F6E43;}
#pwsleftCol ul {margin:0 0 0 10px; padding:0 0 0 5px; font-size:14px; color:#000;}
#pwsleftCol li {padding:1px 5px; color:#567498}
#pwsleftCol #left1, #pwsleftCol #left2, #pwsleftCol #left3, #pwsleftCol #left4 {margin:4px 0 0 0; padding:6px;}
#pwsleftCol a {display:block; height:25px; padding:0 0 0 15px; line-height:25px; width:160px; font-size:15px; font-weight:bold; color:#fff; background:#567498 url(images/howitworks-back-small3.jpg) 0px 0px no-repeat;}
#pwsleftCol li a {background:none; color:#567498; line-height:15px; height:15px; padding:3px; }
#pwsleftCol #left1 {margin:0;}
#pwsleftCol #left4 {height:141px; border-width:0;}
div.pageContent {float:left; width:auto; margin:0; padding:0;}
div.pageContent #homepage {float:left; width:690px; margin:0; padding:5px 0;}
div.pageContent #homepage h1 {padding:0; margin:0; font-size:18px; color:#905F2C;}
div.pageContent #homepage p {clear:left; padding:0;}
div.pageContent #pwscontent {float:left; width:520px; margin:0; padding:0;}
div.pageContent #pwscontent h2 {font-size:16px; color:#905F2C;}
div.pageContent #pwscontent h3 {margin:0; padding:2px 0; font-size:19px; text-align:left; color:#9F6E43;}
div.feedback {clear:left;}
div.feedback a {color:#000; font-size:14px; margin:0 7px;}
div.feedback a:hover {color:#5F7EA1;}
h2#comments {font-size:16px; color:#905F2C;}
h2#comments a {color:#905F2C;}
li.comment {list-style:none;}
li.comment p cite {font-size:12px;}
li.comment p cite a {color:#000;}
#content ol#commentlist li.comment p a.comment-edit-link, div.meta a.post-edit-link {padding:3px; margin:3px 3px; width:auto; background:#5F7EA1; border:1px solid #000; color:#fff; font-weight:bold; font-size:10px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px;}
#content ol#commentlist li.comment p a.comment-edit-link:hover, div.meta a.post-edit-link:hover {background:#fff; color:#000; border:1px solid #000;}
div.meta a.post-edit-link {float:left; margin:5px 15px 20px 0;}
ol#commentlist {margin:0; padding:0;}
li.comment {background:#6381A5; margin:0; width:690px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px;}
li.comment p {font-size:14px; color:#fff; padding:15px;}
ol#commentlist li.comment p a {color:#EFD459;}
ol#commentlist li.comment p a:hover {color:#fff;}
h3.Blogstorytitle {width:650px; margin:6px 5px;}
.BlogpageContent {width:690px; background:#92A950; color:#fff;  -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px;}
.BlogpageContent p {padding:15px;}
#content .post .BlogpageContent p a {color:#EFD459;}
#content .post .BlogpageContent p a:hover {color:#fff;} 
h2#postcomment {font-size:16px; color:#5F7EA1;}
form#commentform p {font-size:12px;}
form#commentform p a {color:#000;}
form#commentform p a:hover {color:#5F7EA1;}
form#commentform p textarea#comment {border:1px solid #000; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px;}

#services_leftCol {float:left; width:206px; height:auto; margin:0; padding:4px 0 4px 4px;}
#services_leftCol a {color:#4B698D; font-size:14px; font-weight:bold;}
#services_leftCol #left1 {margin:4px 0 0 0; padding:8px;}
#services_leftCol #left1 h2 {margin:0; padding:0; font-size:16px; color:#9F6E43;}
#services_leftCol #left1 ul {margin:0 0 0 10px; padding:0 0 0 5px; font-size:14px; color:#000;}
#services_leftCol #left1 li {padding:6px 5px; color:#567498}
div.pageContent #services_content {width:500px; }
div.pageContent #services_content p {font-size:14px; text-align:left; line-height:18px;}
div.pageContent #services_content h2 {font-size:16px; color:#905F2C;}

#faq_infoimage {float:left;}
#faq_infoimage h1 {float:left; margin:0; color:#9F6E43; font-size:24px;}
#faq_content {float:left; margin:0 0 10px 0; width:700px;}
#faq_content p {float:left;}
#faq_content a {float:left; clear:left; padding:10px 0; color:#000; font-weight:bold;}
#faq_content .ddet_div {float:left; clear:left; padding:15px; color:#fff; background:#92A950; border:4px solid #5F7EA1; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px;}

#content #infoimageAbout {float:left; margin:0; padding:4px; width:730px; height:333px; background:#905F2C;}
#content #infoimageAbout #logos {float:left; width:220px; height:334px; background:url(wp-content/themes/EcoHomes/images/energy-logos.jpg) top no-repeat;}
#content #infoimageAbout #centerImage {float:right; width:504px; height:332px; margin:0; padding:0; background:url(wp-content/themes/EcoHomes/images/home4about.jpg) top no-repeat; border:1px solid #fff;}
#about_content {float:left; margin:0; padding:0; width:740px;}
#about_content p {float:left; margin:10px 0 0 0; padding:0 0 20px 0; line-height:20px; }

#saving, #thanks, #employment {width:700px;}
#employment h2 {font-size:16px; color:#905F2C;}

#rightwrapper {float:right; width:210px; height:auto;}
#rightCol {float:right; width:210px; height:auto; margin:0; padding:4px; color:#fff; font-size:12px; background:#92A950;}
#rightCol #rwrap, #rightCol #rwrap2, #rightCol #rwrap3, #rightCol #rwrap4 {border:1px solid #fff; margin:4px 0 0 0; padding:0;}
#rightCol #rwrap {height:81px; margin:0; text-align:center;}
#rightCol #rwrap2 {text-align:center; padding:4px 0; height:119px;}
#rightCol #rwrap2 h1 {margin:0; padding:0; font-size:20px; font-weight:300;}
#rightCol #rwrap2 h2 {padding:4px 0 4px 0; margin:0; font-size:12px; font-weight:300;}
#rightCol #rwrap2 input {float:left; width:125px; height:23px; margin:0 0 0 15px; padding:0; border:1px solid #CD8A31;}
#rightCol #rwrap2 input.button {float:right; width:40px; height:25px; margin:0 15px 0 0; padding:0; border:0; background:transparent url(images/submit_button.png) top no-repeat; cursor:pointer;}
#rightCol #rwrap3 {height:111px;}
#rightCol #rwrap3 h2 {margin:0; padding:15px 0 2px 19px; font-size:16px; font-weight:600;}
#rightCol #rwrap3 p {margin:0; padding:1px 0 4px 19px; font-size:12px;}
#rightCol #rwrap3 a {display:block; margin:0 0 0 18px; padding:3px 0 3px 8px; height:25px; width:175px; font-size:15px; font-weight:bold; color:#fff; background:url(images/howitworks-back-small2.gif) 0px 0px no-repeat;}
#rightCol2 {float:right; clear:right; width:214px; height:288px; margin:0; padding:4px; background:transparent;}
#rightCol2 #r2wrap1 {height:285px; background:url(images/BPIAC_logo4.jpg) top center no-repeat; color:#fff; font-size:9px; padding:5px 10px; text-align:center;}
#rightCol3 {float:right; clear:right; width:214px; height:auto; margin:4px 0; padding:2px; background:#446286;}
#rightCol3 h2 {padding:0; margin:0; }
#rightCol3 h2 a {border:1px dotted #fff; font-size:13px; padding:6px 2px 24px 2px; margin:1px; height:80px; background:#6381a5 url(images/howitworks-back-small3.jpg) bottom right no-repeat; float:left; text-align:center; display:block; width:99px; color:#fff;}
#rightCol3 h2 a:hover {color:#BFDCFF; border:1px solid #fff;}

#footer {width:960px; margin:0 auto; font-size:12px; color:#eee; font-family:Verdana, Arial, Helvetica, sans-serif;}

#footer #ftrinfo {float:left; width:550px;}
#footer #ftrinfo p {float:left; clear:left; }
#footer #ftrinfo p.smaller {font-size:9px; padding:0; margin:0 0 5px 0;}
#footer #links {float:right; width:300px;}
#footer #links p {float:right; clear:right; text-align:right;}
#footer a {color:#eee;}
#footer a:hover {color:#BED8CF;}


form fieldset {clear:left; width:710px; margin:0; padding:10px;}
form fieldset legend {font-size:18px; color:#905F2C;}
form fieldset label, form fieldset input.button {float:left; clear:left;}
form fieldset label {float:left; margin:10px 0 0 160px;}
form fieldset input {float:left; clear:left; width:250px;  margin:5px 0 0 200px;}
form fieldset textarea#request {float:left; clear:left; margin:5px 0 0 200px;}
form fieldset input.button {margin:10px 0 0 200px; width:150px;}

#sevens {position:relative; width:700px; height:200px;}
#sevens h2 {margin:0; padding:3px;}
#sevenq { height:200px; border:1px solid #905f2c; margin:0;}
#nextq {background:#905f2c; width:100%; display:block; text-align:center; height:25px;}
#nextq a {padding:0 15px; dispay:block; line-height:25px; color:#fff;}
#nextq a.activeSlide {background:#92a950;}
a#next {float:right;}
.slide {padding:25px; background:#fff; width:650px;}
.slide label {font:bold 20px Arial, Helvetica; position:static;}
.slide label:hover { background:#92a950; color:#fff; }
.slide label {display:block; color:#92a950; width:90px; border:2px solid #92a950; text-align:center; margin:10px 0 0 10px; font-size:18px; float:right}
.slide label input {display:none;}
.slide label strong:hover, a#next:hover {background:#6381a5; color:#fff;}
.js span.noshow {display:none;}
span.noshow {display:block; width:450px;}
a.next {font-weight:bold; padding:2px 15px; margin:0 15px; background:#92a950; color:#fff; cursor:pointer;}