/*======================================
      WELCOME TO THE STYLESHEET
--------------------------------------      
     Copyright Mike Crittenden
      Author: Mike Crittenden
======================================*/
 
/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|
- black		#000
- white		#fff
\**************************************/


/**************************************/
/*              GLOBALS               */
/**************************************/
body{
background:#3f4d61 url(/img/page/pagebggrad.png) top left repeat-x;
position:relative;
}

body#greenbuildings{
background:#819831 url(/img/page/greenpagebottom.png ) bottom left repeat-x;
}

#clouds{
position:absolute;
background:url(/img/page/pagebgclouds.jpg) top center no-repeat;
width:100%;
height:199px;
z-index:-100;
}

#tree{
position:absolute;
background:url(/img/page/greentree.png) top center no-repeat;
width:410px;
height:717px;
bottom:0;
left:-130px;
z-index:-101;
}

body#greenbuildings #clouds{
background:url(/img/page/pagebgclouds-green.jpg) top center no-repeat;
}

p + h2{
margin-top:2em !important;
}

/**************************************/
/*              HEADER                */
/**************************************/
#header{
position:relative;
height:88px;
width:980px;
margin:0 auto;
background:none;
}

#headerlogo{
position:absolute;
top:21px;
left:0px;
}

#headerphone{
position:absolute;
height:46px;
width:151px;
right:20px;
top:20px;
}

#headerphone span{
position:absolute; /* Required */
width:100%;
height:100%;
background:url(/img/page/headerphone.gif) top right no-repeat;
}

#searchform{
position:absolute;
right:0;
top:50%;
}

#searchform input.searchterm{
color:#aaa;
font-size:93%;
margin-right:.5em;
}

#headerlinks{
font-size:85%;
position:absolute;
right:0;
top:5%;
}

#headerlinks a{
color:#ccc;
text-decoration:none;
border-right:1px solid #888;
margin-right:5px;
padding-right:5px;
}

#headerlinks a.noborder{
margin-right:0;
padding-right:0;
}


/**************************************/
/*             NAVIGATION             */
/**************************************/

#nav{
width:980px;
margin:0 auto!important;
font-size:93%;
border-top:1px solid #233040;
border-bottom:1px solid #233040;
}

#nav, 
#nav ul {padding:0 0 5px 0; margin:0; list-style:none; background: url(/img/page/menubg.gif) top left repeat-x; position:relative; z-index:200;}
#nav {height:28px; padding:0;}

body#greenbuildings #nav,body#greenbuildings #nav ul{
background: #5d6254;
background-image:none;
}

#nav li {float:left;border-right:1px solid #222;}
#nav li li {float:none;}
/* a hack for IE5.x and IE6 */
* html #nav li li {float:left;}

#nav li.sub>a{
background: url(/img/page/down-arrow.gif) 95% 55% no-repeat;
}

#nav li ul{
padding-top:10px;
padding-bottom:0;
width:170px;
}

#nav li a {font-weight:bold;display:inline-block; float:left; color:#fff; padding:0 20px; height:28px; line-height:28px; text-decoration:none; white-space:nowrap;}
#nav li li a {font-weight:normal;margin:0;padding:0 20px;height:30px; line-height:30px; float:none;width:130px;display:inline-block;}

#nav li:hover {position:relative; z-index:300;}

#nav li:hover ul {left:0; top:28px;background:#233040;}
body#greenbuildings #nav li:hover ul{background:#5d6254 !important;}
/* another hack for IE5.5 and IE6 */
* html #nav li:hover ul {left:0px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}
/* yet another hack for IE5.x and IE6 */
* html #nav ul {width:1px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {text-decoration:underline; color:#fff;}
#nav li:hover {background:#233040}
body#greenbuildings #nav li:hover {background:#45493d;}
#nav li li:hover {background:#343f4e}


/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:-15px; margin-left:100%; top:-1px;}

/* keep further levels hidden */
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* show path followed */
#nav li:hover a,
#nav li:hover li:hover a,
#nav li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover li:hover a
{text-decoration: none;color:#fff;}

/* hide futher possible paths */
#nav li:hover li a,
#nav li:hover li:hover li a,
#nav li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li:hover li a
{text-decoration:none; color:#fff;}

#nav li.homelink{
border-right:1px solid #333;
}

#nav li.homelink:hover{
background:url(/img/page/menubg.gif) top left repeat-x;
}

#nav li.homelink a{
padding:0 15px !important;
}

#nav li.homelink img{
margin-top:8px;
}

#nav li.menuright{
position:absolute !important;
right:0;
border-left:1px solid #222;
border-right:0;
}

#nav li.menuright a{
}

#nav li.menuright:hover{
position:absolute !important;
right:0 !important;
float:none !important;
display:block !important;
}

#nav.darkgreen li.menuright{
background:url(/img/page/menubg-dark-green5.gif) top left repeat-x;
}

#nav.darkgreen li.menuright:hover{
background:url(/img/page/menubg-dark-green4.gif) top left repeat-x;
}

#nav.red li.menuright{
background:url(/img/page/menubg-dark-red.gif) top left repeat-x;
}

#nav.red li.menuright:hover{
background:url(/img/page/menubg-dark-red.gif) top left repeat-x;
}

#nav.orange li.menuright{
background:url(/img/page/menubg-dark-orange.gif) top left repeat-x;
}

#nav.orange li.menuright:hover{
background:url(/img/page/menubg-dark-orange.gif) top left repeat-x;
}

#nav.blue li.menuright{
background:url(/img/page/menubg-dark-blue.gif) top left repeat-x;
}

#nav.blue li.menuright:hover{
background:url(/img/page/menubg-dark-blue.gif) top left repeat-x;
}

/**************************************/
/*            MAIN CONTENT            */
/**************************************/



#content-home{
margin:0;
position:relative;
}

#homebanner{
height:217px;
width:470px;
padding:40px 60px 0 450px;
border-bottom:1px solid #bdc1a3;
margin-bottom:1em;
background: url(/img/page/homebanner_building.jpg) top left repeat-x;
}

#homebanner h1{
margin:0 0 10px 0;
width:323px;
height:24px;
background:url(/img/page/freequotetitle2.jpg) top left no-repeat;
text-indent:-9999px;
}

#homebanner p{
clear:left;
text-align:justify;
margin:0 0 40px 0;
}

#homebanner a img{
vertical-align:middle;
}

#homebanner span{
font-size:.9em;
margin-left:1em;
font-style:italic;
color:black;
}

#welcomeimg{
float:left;
display:inline;
}

/* TOPBANNER */
#topbanner{
height:240px;
margin-bottom:20px;
}

.banner{
width:740px;
position:relative;
float:left;
}

#topbanner h3{
margin:0;
font-size:1em;
}

#topbannermenu{
width:200px;
height:240px;
float:left;
background:#383838;
line-height:normal;
color:white;
}

#topbannermenu .menuitem{
border-top:2px solid #333;
border-left:2px solid #333;
border-bottom:1px solid #646464;
padding:10px 20px 0 20px;
}

#topbannermenu .menuitem p{
margin-top:5px;
}

#topbannermenu .lastmenuitem{
border-bottom:none !important;
}

#menu1 h3{
width:82px;
height:14px;
font-size:.5em;
}

#menu1 h3 span{
position:absolute; /* Required */
overflow:hidden;
width:82px;
height:14px;
background: url(/img/page/freequoteh3.gif) top left no-repeat;
}

#menu2 h3{
width:127px;
height:15px;
font-size:.5em;
}

#menu2 h3 span{
position:absolute; /* Required */
width:127px;
height:15px;
overflow:hidden;
background: url(/img/page/specialsh3.gif) top left no-repeat;
}

#menu3 h3{
width:67px;
height:14px;
font-size:.5em;
}

#menu3 h3 span{
position:absolute; /* Required */
width:67px;
height:14px;
overflow:hidden;
background: url(/img/page/referralsh3.gif) top left no-repeat;
}

#freequotebanner{
background: url(/img/page/fqbanner.png) top left repeat-x;
}

#freequotetext{
position:absolute;
top:30px;
left:320px;
width:360px;
color:white;
}

#freequoteimg{
}

#freequotetext h2{
margin:0 0 20px 0;
width:300px;
height:31px;
line-height:normal;
}

#freequotetext h2 span{
position:absolute; /* Required */
width:300px;
height:31px;
background:url(/img/page/freequotetitle.gif) top left no-repeat;
}

#welcometext{
text-align:justify;
}

#welcometext h2{
margin-top:0 !important;
}

#whyshould h2{
margin-top:0;
}



#whychooseus{
background:url(/img/page/whychooseusbg2.png) top left no-repeat;
height:196px;
line-height:normal;
font-size:85%;
}

#whychooseus h2{
margin:15px 20px;
text-align:center;
}

#whychooseus p{
text-align:justify;
margin:0 20px;
}

#whychooseus p.strong{
margin-bottom:10px;
}

#whychooseus .whychooseuslink{
margin-top:25px;
text-align:center;
}

#typebanners{
margin:40px 0;
display:inline-block;
}

#typebanners span{
width:220px;
height:280px;
background:#ddd;
display:block;
}

/* CONTACT US */

#contactform textarea{
height:10em;
}

#contacts p{
margin:0;
}

#contactform p.contactinfo{
margin-bottom:2em !important;
}

#contacts div{
margin-bottom:2em;
}
#contacts h2{
font-size:1.2em;
font-style:italic;
border-bottom:1px solid #999;
margin-top:2em;
margin-bottom:.5em;
}
#contacts h2.first{
margin-top:0;
}
#contacts .fbh2{
margin-bottom:0;
}

#drivingdirections{
margin-top:4em;
background:#ebe3cd;
border-bottom:1px solid #a89b84;
}
#drivingdirections h2{
margin-left:1em;
}
#turnpike, #i95{
width:45%;
display:inline;
}
#turnpike ul, #i95 ul{
}
#turnpike li, #i95 li{
margin-left:1.5em;
list-style-type:disc !important;
margin-bottom:.5em;
}
#turnpike{
float:left;
margin-left:4em;
}
#i95{
float:right;
}
#map{
text-align:center;
margin-top:3em;
float:left;
width:100%;
}
#map img{
border:1px solid #333;
}

#ourteam{
background: #aac06f url(/img/page/ourteambottom.gif) bottom left no-repeat;

margin-top:1.14em;
}

#ourteam h2{
color:white;
margin:0 0 1em 0;
padding:1em 15px 0 15px;
background: url(/img/page/ourteamtop.gif) top left no-repeat;
}

#ourteam img{
margin-left:15px;
border:1px solid #666;
}

#ourteam p{
margin: 15px;
}

#aboutcolumns{
margin-top:2em;
float:left;
}

#aboutcolumns h3{
border-bottom:1px solid #777;
font-size:1.2em;
}

#blockquote{
font:italic 153.9% georgia, serif;
color:#7d9ebc;
margin:5em 0;
text-align:left;
position:relative;
border-top:3px solid #c5daee;
border-bottom:3px solid #c5daee;
padding:.5em 0;
}

li.colorchooser{
width: 305px;
border-top:1px solid #eee;
padding-top:.5em;
margin:.5em 0 2em 0;
}

li.colorchooser a.color{
width:30px;
height:30px;
display:inline-block;
margin:4px;
border:1px solid #ccc;
}

a.color span{
display:none;
}

span.smallcolor{
width:15px;
height:15px;
display:inline-block;
vertical-align:middle;
margin-right:10px;
}

.arrowdown{
padding-right:20px;
background: url(/img/page/bullet_arrow_down.png) top right no-repeat;
}

.arrowup{
padding-right:20px;
background: url(/img/page/bullet_arrow_up.png) top right no-repeat;
}

.polarwhite{
background:#eceeed;
}
.saharatan{
background:#b7a06e;
}
.lightstone{
background:#e2d8bd;
}
.hawaiianblue{
background:#375974;
}
.burnishedslate{
background:#362e21;
}
.colonialred{
background:#852819;
}
.coolwhite{
background:#fefef6;
}
.evergreen{
background:#003f2c;
}
.royalblue{
background:#004670;
}
.aztecgold{
background:#ccbc6f;
}
.surfsand{
background:#a19471;
}
.colonygreen{
background:#719067;
}
.aspengreen{
background:#247353;
}
.crimsonred{
background:#b60e1d;
}
.kokobrown{
background:#4a2d1f;
}
.oldtowngrey{
background:#959891;
}
.steelgrey{
background:#524940;
}
.ferngreen{
background:#004c3f;
}
.burgundy{
background:#421b1e;
}
.ashgrey{
background:#b9b2a2;
}
.galvalume{
background:#ddd;
}

#quote{

}

#quote ul{

}

#quoteform{

}

#quote fieldset{

}

#quote img.quotebuildingpic{

}

#quote .quotepicdiv{
text-align:right;
}

#quote textarea{
width:400px;
height:100px;
}

#quote textarea.longer{
width:18em;
}

#quote .colorlabel{
width:5em;
float:left;
}

ul.exportbenefits li{
list-style:disc outside;
margin-bottom:1em;
}

#exportform textarea{
height:100px;
}

#financingcalculator{
height:196px;
background: url(/img/page/calculatorbg.png) top left no-repeat;
margin:4em 290px;
display:inline;
}

#financingcalculator div{
margin-left:100px;
width:290px;
text-align:center;
float:left;
display:inline;
}

#financingcalculator h3{
margin-bottom:20px;
}

#financingcalculator label{
margin-right:2em;
float:none;
font-weight:bold;
}

#financingcalculator p{
line-height:normal;
margin-top:20px;
margin-bottom:20px;
}
#financingcalculator input[type=text]{
margin-right:5px;
}

#financingcalculator strong{
color:red;
}

ul.financingbenefits li{
list-style:disc outside;
margin-bottom:1em;
}

#havequestions{
margin-bottom:4em;
}
.ph960150{
width:940px;
height:120px;
background:#eee;
display:inline-block;
border:1px solid #ccc;
}

#featuredreferral{
background: url(/img/page/featuredbg.png) top left repeat-x;
border:1px solid #c4c5a6;
height:258px;
position:relative;
margin-bottom:3em;
}

#featuredimage{
width:183px;
height:188px;
background: url(/img/page/featuredimgbg.jpg) top left no-repeat;
float:left;
margin-left:25px;
padding-left:9px;
padding-top:10px;
}

#featuredreferral h2{
margin-left:26px;
}

#featuredtext{
margin-left:240px;
margin-right:25px;
}

#featuredtext h3,#referrals h3{
margin-bottom:0;
}

#featuredtext p.featuredname, #referrals p.referralname{
margin-top:0;
line-height:normal;
}

#carousel-wrapper {
    width: 780px;
    height: 258px;
    overflow: hidden;
}
#carousel-content {
    width: 15000px;
}
#carousel-content .slide {
    float: left;
    width: 780px;
    height: 258px;
}

.slide h3{
margin-top:0;
}

#featuredreferral .tabs{
float:left;
position:absolute;
top:2px;
right:0;
font-size:.7em;
}

#featuredreferral .tabs li{
display:inline;
margin:0 3px;
}

#featuredreferral li a{
text-decoration:none;
color:#aaa;
background:#fff;
padding:3px 5px;
outline:1px solid #ddd;
display:inline-block;
line-height:normal;
}

#featuredreferral li a.carousel-selected{
background:#e6e6e8;
color:#888;
}

#referrals .referral, div.special{
margin-bottom:3em;
padding-bottom:3em;
border-bottom:1px solid #ddd;
clear:left;
position:relative;
}

.specialimage{
float:left;
margin-right:30px;
}

#referrals .referralimage{
float:left;
}

#referrals span.bigimage{
display:inline-block;
}

#referrals .referralsmallimages, .specialsmallimages{
margin-top:15px;
}

#referrals .referralsmallimages span, .specialsmallimages span{
display:block;
float:left;
background:#ddd;
width:80px;
height:70px;
margin:0 15px;
}

#referralpagenumbers{
text-align:center;
font-size:1.2em;
}

#referralpagenumbers ul{
list-style-type:none;
margin:0;
padding:0;
}

#referralpagenumbers li{
display:inline;
margin:0 .5em;
padding:0 .5em;
}

#referralpagenumbers li.actualpage{
font-weight:bold;
}

#specialstates{
margin-bottom:2em;
}

#specialstates ul{
list-style-type:none;
margin:0 0 2em 0;
padding:0;
}

#specialstates li{
display:inline;
float:left;
margin:0 1em;
white-space:nowrap;
}

#specialsample{
margin-top:2em;
}
p.definitionletter{
border-bottom:1px solid #999;
font-size:1.2em;
}

p.definitionletter a.gotop{
position:absolute;
right:0;
text-decoration:none;
font-size:.6em;
font-weight:bold;
}

dd{
margin-bottom:2em;
}

dt{
margin-bottom:0;
}

.specialtext span{
margin-right:1em;
}

.specialtext h3{
margin-bottom:0;
}

.special .regularprice{
margin-bottom:0;
margin-top:1em;
font-size:1.2em;
text-decoration:line-through;
text-align:center;
}

.special .specialprice{
font-size:1.2em;
color:#c33;
font-weight:bold;
text-align:center;
letter-spacing:1px;
}

.referraltitle{
margin-bottom:2.5em;
}

.referraltitle h1{
margin-bottom:0;
}

#detailedreferralpics ul,#specialpics ul{
margin:0;
}

#detailedreferralpics li, #specialpics li{
margin:40px 0;
padding:0;
list-style:none;
}

#detailedreferralgallery{
margin-top:4em;
display:inline;
}

#detailedreferralgallery h2{
margin:0;
}

#detailedreferralgallery div{
float:left;
margin:26px;
display:inline;
}

#detailedreferralgallery div.firstrefpic{
clear:left;
}
#detailedreferralgallery ul{
margin:0;
}

#detailedreferralgallery li{
display:inline-block;
margin:25px 22px;
*display:inline;
}

#detailedreferralgallery img{
border:1px solid #ddd;
padding:5px;
}

#specialpics li.topimg{
margin-top:1.5em !important;
}

#detailedreferralpics li.topimg{
margin-top:0!important;
}

#specialpics li img{

}

#detailedreferral p.referralinfo{
margin-bottom:2em;
}

#detailedreferral h1, #specialdetails h1{
margin-bottom:0;
}
#detailedreferral h2, #specialdetails h2.specialstate{
margin-top:0;
}

#detailedreferral .addthis_toolbox, #specialdetails .addthis_toolbox{
margin:2em 0;
}

#detailedreferral p.customertext{
background: url(/img/page/quotemark.gif) 0% 10px no-repeat;
font-size:1.1em;
padding-left:60px;
line-height:1.6em;
font-style:italic;
min-height:50px;
}

table.specialproperties{
border:0;
width:75%;
margin:0 0 4em 0;
}

table.specialproperties td, table.specialproperties th{
border:0;
padding:3px 0;
}

table.specialproperties td.regularprice{
padding-top:20px;

}

table.specialproperties td.specialprice, p.specialprice{
color:#c33;
font-size:1.2em;
font-weight:bold;
}
#specialdetails h4{
color:#c33;
}

.erectionstep{
margin-bottom:5em;
}

.erectionstep h2{
margin-top:0;
}

.erectionstep img{
float:left;
margin-right:2em;
}

#erectionstep5{
margin-bottom:0;
}

#buildingcolors{
text-align:center;
margin:4em 0;
padding:0;
}

#buildingcolors li{
display:block;
width:220px;
height:200px;
float:left;
}

#buildingcolors li.colorbanner{
width:100%;
height:84px;
}

#buildingcolors-description{
margin-bottom:4em;
}

#buildingcolors div{
margin:3em 0 4em 0;
width: 230px;
float:left
}

#buildingcolors-bottom img{
float:left;
margin-right:1em;
}

#garagetypebanner{
background:red;
}

#barntypebanner{
background:blue;
}

#greentypebanner{
background:green;
}

#faqquestionlist{
margin-bottom:3em;
}

#faqanswers h2{
margin-top:3em;
}

#faqanswers h3{
border-bottom:1px solid #bbb;
margin-top:2em;
}

#componentcategories{
text-align:center;
margin:4em 0 0 0;
}
#componentcategories li{
float:left;
width:330px;
margin-bottom:5em;
}
#componentcategories img{
height:150px;
margin-bottom:1em;
border:1px solid #ddd;
padding:5px;
}

#componentlist .item{
margin:1em 0 4em 0;
padding-bottom:4em;
width:100%;
float:left;
clear:left;

}
#componentlist img{
float:left;
margin-right:3em;

}
#componentlist .item p, #componentlist .item h3, #componentlist .item ul{
float:right;
width:430px;
}

#componentlist .item ul li{
margin-left:3em;
}

#greenbanner{
background:url(/img/page/gbbanner1.jpg) top left no-repeat;
height:220px;
color:White;
margin-top:1.5em;
}

#greenbanner h2{
background:url(/img/page/gbh2.png) top left no-repeat;
text-indent:-9999px;
width:130px;
height:19px;
margin-left:140px;
}

#greenbanner p{
margin-left:140px;
margin-right:5px;
line-height:normal;
}

#greenbanner a{
font-weight:bold;
color:white;
}

#buildingtypes div{
margin:1em 0 4em 0;
padding-bottom:4em;
width:100%;
float:left;
clear:left;
}

#buildingtypes h2{
margin-top:0;
}

#buildingtypes h2, #buildingtypes p{
float:right;
width:440px;
}

#buildingtypes div img{
float:left;
clear:left;
border:2px solid #fff;
outline:1px solid #ccc;
}

div.bigbuildingtype{
margin-bottom:4em;
}

div.bigbenefits{
width:301px;
background:#4f4f4f;
color:white;
float:left;
display:inline-block;
height:273px;
}
img.bigbuildingtypeimg{
float:right;
width:639px;
}
div.bigbuildingtype h1{
margin-left:1em;
background: url(/img/page/agricultural_big_1.png) top left no-repeat;
text-indent:-9999px;
width:261px;
height:27px;
}

div.bigbuildingtype ul li{
background: url(/img/page/accept.png) center left no-repeat;
padding-left:25px;
margin-bottom:1em;
font-size:1.2em;
}

div.bigbuildingtype p.questionsphone{
background:url(/img/page/bigquestionsphone.png) top left no-repeat;
text-indent:-9999px;
width:225px;
height:17px;
margin:2em auto .5em auto;
}
div.bigbuildingtype a{
color:yellow;
}
div.buildingtypegallery{
margin-top:3em;
}
div.buildingtypegallery ul{
margin:0;
text-align:center;
}

div.buildingtypegallery ul li{
width:100px;
height:100px;
background:#ddd;
display:inline-block;
margin:15px;
padding:0;
}

.specialimage img.bigimage{
/*outline:1px solid #888;*/
}

p.specialnote{
font-size:.85em;
margin-top:1em;
}
/**************************************/
/*               FOOTER               */
/**************************************/
#footer{
width:980px;
margin:0 auto!important;
background:url(/img/page/footertop.gif) top left no-repeat;
height:171px;
padding:20px 0 0 0;
color:white;
line-height:normal;
font-size:.85em;
}

body#greenbuildings #footer{
background:url(/img/page/footertop-green.gif) top left no-repeat;
}

#footer div.finfo{
display:inline;
float:left;
position:relative;
}

#footer .finfo{
width:970px;
}

#footer .fcontent{
width:499px;
border-right:1px dotted #777;
}

#footer .fcontent ul{
margin:0 45px 0 15px;
}

#footer .fcontent li{
padding:5px 0;
}

#footer .finfo p{
text-align:right;
}

#footerlogo{
position:absolute;
top:0;
left:1em;
width:137px;
text-align:left !important;
}

#footerlogo a{
display:inline-block;
margin:0 0 5px 0 !important;
}

#footerlogo img{
vertical-align:middle;
}


#footer .finfo ul{
margin:0 0 2em 0;
padding:0;
text-align:right;
}

#footer .finfo li{
display:inline;
margin-right:7px;
border-right:1px solid #888;
padding-right:7px;
}

#footer .finfo li.lastli{
border-right:none !important;
margin-right:0 !important;
padding-right:0;
}

#footer p.topspace{
margin-top:10px;
}

#footer a{
color:white;
text-decoration:none;
}

#footer p{
margin:0;
}

#footer p.large{
margin-bottom:8px !important;
font-weight:bold;
}



#footer p.block{
margin-top:6px;
}

.footerblock img{
float:left;
margin:0 25px 0 0;
width:75px;
}

#footer .footertext{
margin:0 0 0 25px;
}

#footercontact img{
margin-left:10px;
}

#footerlinks{
text-align:center;
color:#ddd;
}

#footerlinks ul{
list-style-type:none;
margin:15px 0 0 0 !important;
padding:0;
}

#footerlinks li{
display:inline;
margin:0 !important;
padding:0 12px 0 8px;
border-right:1px solid #888;
}

#footerlinks li.last{
border:0 !important;
}

#footerlinks li a{
margin:0;
padding:0;
color:#ddd;
}

#gallerylist ul{
text-align:center;
margin-top:4em;
}

#gallerylist li{
margin:0 0 8em 0;
}
#gallerylist li h2{
margin:0;
}
#gallerylist img{
border:1px solid #ddd;
padding:5px;
}

#photogallery .photolist{
text-align:center;
}
#photogallery a{
display:inline-block;
margin:25px 22px;
}
#photogallery img{
border:1px solid #ddd;
padding:5px;
}

#breadcrumb{
margin-top:-2em;
font-size:.85em;
border-bottom:3px double #f3f3f3;
padding-bottom:.5em;
}

#breadcrumb span{
margin:0 3px;
}

#referrallist .featuredreferralmark{
color:red;
font-weight:bold;
letter-spacing:1px;
}

#referrallist .referralhasvideo{
color:magenta;
font-weight:bold;
letter-spacing:1px;
}

.updatestatus{
position:absolute;
top:1px;
margin-left:1em;
}

.referralimage{
position:relative;
}

.videolabel{
position:absolute;
width:80px;
height:80px;
background:url(/img/page/videolabel.png);
left:-3px;
top:-4px;
text-indent:-9999px;
}

* html .videolabel {
background-image: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/page/videolabel.png", sizingMethod="scale");
}

.errorfield{
border-color:#d66a6e !important;
}

span.err{
font-size:.8em;
color:red;
text-transform:uppercase;
margin-left:10em;
font-weight:bold;
clear:left;
float:left;
}

#landingbanner{
border-bottom:1px solid #222;
}

#landing h2{
margin-top:3em;
}

#landingquote{
position:absolute;
width:423px;
background: url(/img/page/landing-quoteshadowmiddle.png) bottom left repeat-y;
top:125px;
right:20px;
}

#landingquote span.shadowtop{
background: url(/img/page/landing-quoteshadowtop.png) bottom left no-repeat;
position:absolute;
width:423px;
height:13px;
top:-13px;
left:-25px;
}

#landingquote span.shadowbottom{
background: url(/img/page/landing-quoteshadowbottom.png) bottom left no-repeat;
position:absolute;
width:423px;
height:23px;
bottom:-23px;
left:-25px;
}

#landingquote form{
margin:0 18px 0 25px;
padding:15px 0;
background: #feffe8 url(/img/page/landing-quotebg3.png) bottom left repeat-x;
position:relative;
}

#landingquote h2{
margin:0 0 25px 15px;
background: url(/img/page/landing-quotetitle.png) top left no-repeat;
text-indent:-9999px;

}

#landingquote .landingsubmit{
width:100%;
text-align:center;
margin-top:25px;
}

h1.landingwhybuy{
margin-top:75px;
}

.landinglist ul li{
margin-bottom:25px;
background:url(/img/page/check3.png) 0% 50% no-repeat;
padding-left:35px;
}

.landinglist span{
width:17em;
display:block;
font-style:italic;
font-weight:bold;
}

img.landingcallus{
position:absolute;
right:0;
top:21px;
}

img.headerchatlink{
position:absolute;
right:0;
bottom:5px;
}

img.headerchatlink-green{
position:absolute;
top:18px;
right:180px;
}

p.learnmore{
margin-top:55px;
margin-bottom:45px;
text-align:center;
}
#homespecial{
position:relative;
margin-top:1em;
}

#homespecial div{
background: #feffe8 url(/img/page/homespecialbg.png) bottom left repeat-x;
outline:1px solid #bdc1a3;
padding:5px 0 1px 35px;
}

#homespecial h2{
margin:0 0 12px 0;
}

#homespecial p{
font-size:.85em;
font-family:verdana;
line-height:14px;
margin:0 0 8px 0;
}

#homespecial #saleicon{
position:absolute;
left:-20px;
top:-20px;
}

#homespecial span{
color:red;
font-weight:bold;
}

#homespecial a{

}

#homereferral h2{
margin-top:0;
}

#homereferral img{
border:1px solid #ddd;
float:left;
margin-right:10px;
}
#homereferral h3{
margin-bottom:0;

}
#homereferral p{
line-height:normal !important;
}

#homereferral div{
clear:left;
margin-bottom:1.5em;
display:block;
font-size:.9em;
}

img.smallquoteimage{
border:1px solid #aaa;
}

ul.thankyoulinklist{
margin:2em 0 0 0;
padding:0;
}
ul.thankyoulinklist li{
display:inline;
margin-right:1em;
}
.formthankyou{
text-align:center;
font-size:1.2em;
}


.formloader{
text-align:center;
font-size:1.2em;
}
.formloader img{
vertical-align:middle;
margin-right:1em;
}

.privacypage h2,.termspage h2{
margin-top:2em;
margin-bottom:0.5em !important;
}

.privacypage ul{
margin:1em 2em;
}

.privacypage li{
list-style:disc;
}

.termspage ul{
margin:1em 2em;
}

.termspage ul li{
list-style:disc;
}
.othergalleries{
margin:0;
padding:0;
text-align:left !important;
}
.othergalleries li{
display:inline;
margin:0 2.5em 0 0 !important;
}
#homegal{
background:url(/img/page/homegalbg.png) top left no-repeat;
height:208px;
padding-top:36px;
padding-left:30px;
margin-top:2em;
}
#homemiddle{
margin-top:2em;
margin-bottom:2em;
padding-top:2em;
padding-bottom:1em;
border-top:1px solid #eee;
border-bottom:1px solid #eee;
}
#homemiddle img.middleimg{
float:left;
margin-right:15px;
}

.test{
background:red;
float:left;
height:50px;
width:45px;
margin-right:15px;
}

.contactdesc{
position:relative;
}

.creditcards img{
vertical-align:middle;
margin-left:7px;
}

#specialselector select{
margin-right:10px;
}
#specialselector h2{
margin-top:0;
}

#specialselector p{
margin-bottom:3em;
}

.referraltext h3{
margin-top:0;
}

.referraltext span{
font-size:.8em;
}

.landingphotos{
text-align:center;
}

.landingphotos a{
display:block;
margin-bottom:55px;
}

.landingphotos img{
border:3px solid #fff;
outline:1px solid #bdc1a3;
}

.expresstestimonial{
margin-top:40px;
}

.expresstestimonial h3{
margin:0;
}

.expresstestimonial img{
border:2px solid #fff;
outline:1px solid #bdc1a3;
float:left;
margin-right:10px;
}

.expresstestimonial img.middleimg{
margin:0 10px;
}

.expressrequest{
margin-top:30px;
text-align:center;
}

#linklist strong{
margin-top:2em;
display:block;
}

#linklist li{
margin-bottom:1em;
}

.buildingtypephotos{
}

.buildingtypephotos a{
display:inline-block;
margin-right:16px;
margin-bottom:8px;
border:2px solid #fff;
outline:1px solid #bdc1a3;
}

.buildingtypegallerylink{
text-align:center;
margin-top:2em;
}

.buildingtypeimg{
margin-top:1em;
margin-bottom:1em;
}

.buildingtypeimg h1{
display:none;
}

.buildingtypequotelink{
position:absolute;
bottom:8px;
right:2em;
}

.buildingtypequotelink a{
text-decoration:none;
color:#aaa;
}

.buildingtypequotelink a:hover{
text-decoration:underline;
color:#ccc;
}

.typerequestbutton{
text-align:center;
margin:4em 0 0 0;
}

.typerequestbutton img{
margin-bottom:5px;
}
.typerequestbutton span{
font-size:.85em;
font-style:italic;
}

.typerequestbutton span.big{
font-size:1.2em;
font-style:normal;
margin-top:2em;
display:block;
}

#livechatbar{
font-size:116%;
margin-bottom:1em;
border:1px solid #dde7e4;
background:url(/img/page/livechatbarbg.gif) top left repeat-x;
line-height:24px;
position:relative;
}
#livechatbar span{
margin-left:10px;
}
#livechatbar img{
vertical-align:middle;
margin-right:10px;
}

.thankyoubrochure{
text-align:center;
}

.thankyoubrochureimg{
margin-bottom:1em;
}

.downloadlink{
vertical-align:middle;
margin-right:.5em;
}

.referralexperience{
position:absolute;
right:0;
top:2em;
width:110px;
font-size:.9em;
}

.stars, .inlinestars{
width:100px;
background:url(/img/page/stars-inactive.png) top left no-repeat;
}

.rating, .inlinerating{
width:100px;
background:url(/img/page/stars-active.png) top left no-repeat;
text-indent:-9999px;
}

.reflistrating{
display:inline-block;
}

.rate0{
width:0px;
}
.rate5{
width:8px;
}
.rate10{
width:16px;
}
.rate15{
width:29px;
}
.rate20{
width:37px;
}
.rate25{
width:50px;
}
.rate30{
width:58px;
}
.rate35{
width:71px;
}
.rate40{
width:79px;
}
.rate45{
width:92px;
}
.rate50{
width:100px;
}
.quotechatlink{
position:absolute;
top:8em;
right:40px;
}
.quotetitleinfo{
position:relative;
}
ul.greeninitiative li{
list-style-type:disc;
margin-bottom:1em;
}
ul.greeninitiative li ul li{
list-style-type:circle;
margin-bottom:.5em;
}
.greenform{
background:#dce8bd !important;
margin-top:1em;
}
.greenform h2{
margin-top:0;
}
.textimg{
float:right;
margin:1.5em 3em;
}
.outline{
outline:1px solid #aaa;
padding:3px;
}

.greentitlebanner{
margin:2em 0 0 0;
}

.greentitlebanner ul{
margin:0 0 .5em 0;
}

.greentitleimg{
margin-top:3em;
}

.smallchapterimg{
margin-top:2em;
}

.greencontent{
margin-top:3em;
}

.recycled{
margin-bottom:1em;
margin-top:3.5em;
padding-top:1.5em;
border-top:1px solid #eee;
}

.energystar{
margin-bottom:2.5em;
padding-bottom:1.5em;
}

.recycled img{
float:left;
margin-right:2em;
padding-top:5.5em;
}

.energystar img{
float:left;
margin-right:2em;
padding-top:5em;
}

.solarroof{

}

.solarroof img{
float:left;
margin-right:2em;
margin-top:1.5em;
}

.solarroof a{
white-space:nowrap;
}

.greenquotestart{
background:url(/img/page/greenstartbg-clean.jpg) top left no-repeat;
height:133px; 
}

.greenquotestart h2{
margin:7px 0 10px 25px;
}

.greenquotestart p{
margin-left:25px;
}

.greenquotestart p.greenquotelink{
margin-top:25px;
}

.solartextimgs{
margin-top:4em;
}

.greencolors{
margin-top:3em;
}

.greencolors ul{
margin-top:2em;
}

.greencolors ul li{
display:inline-block;
width:170px;
text-align:center;
height:150px;
}

.reviewoursite{
text-align:center;
margin-top:4em;
}

.xmarksrate{
display:inline-block;
margin-left:3.5em;
text-align:center;
font-size:.85em;
}

.surveyform label{
width:5em;
font-size:.85em;
text-align:center;
float:none;
}

.surveyform div{
display:inline-block;
width:5em;
text-align:center;
}

.surveyform input{
width:5em;;
}

.greenbanner{
width:239px;
height:115px;
background:url(/img/page/greenbannerbg.jpg) top left no-repeat;
padding:13px 0 0 25px;
margin:0 0 0 36px;
color:white;
position:relative;
}

.greenbanner p{
margin-left:2px;
font-size:.9em;
line-height:normal;
}

.greenbanner h2{
margin:0 0 .2em 0;
text-indent:-9999px;
background:url(/img/page/greentitle.jpg) top left no-repeat;
width:160px;
height:20px;
}

.learnmoregreen{
position:absolute;
left:0;
bottom:10px;
}

.expressbanner{
font-style:italic;
text-align:right;
font-size:.9em;
}

.expressbanner h2{
background:url(/img/page/30daytitle.png) top left no-repeat;
text-indent:-9999px;
width:223px;
height:21px;
text-align:left;
margin-bottom:.5em;
}

.expressbanner p{
padding:0;
margin-top:1.5em;
margin-bottom:0;
line-height:normal;
}

.homelinkrow{
color:#bbb;
}

.homelinkrow a{
margin:0 .3em;
}

.internationalbuildings{
margin-top:3em;
margin-bottom:3em;
}

.internationaltestimonials{
margin-bottom:3em;
}

.internationaltestimoniallist{
margin-bottom:3em;
padding-bottom:3em;
border-bottom:1px solid #eee;
}

.internationaltestimoniallist h3{
margin-top:0;
}

.internationaltestimoniallist img{
padding:5px;
border:1px solid #ddd;
}

.internationaltestimoniallist .inttest{
font-style:italic;
}

.intflash{
margin-top:3em;
}

.internationalgallery{
margin-top:3em;
}

.homenews{
margin-top:5em;
}

.homenews p{
margin:0;
}

.homenews p.blogposttitle{
margin-top:1em;
}

.referralquotelink{
margin-top:2em;
border-top:1px solid #ddd;
padding-top:2em;
}

.refshare,.fb_iframe_widget{
margin-top:1em;
}

.share img, .refshare img{
vertical-align:middle;
}

.share a, .refshare a{
margin-right:5px;
}

#specialdetails .share{
margin-bottom:2em;
}

#testimoniallike{
margin:1em 0 0 0;
border:0;
overflow:hidden;
width:460px;
height:25px;
}

p.followus a img{
margin-right:10px;
}

#photoquotelink{
position:absolute;
font-size:12px;
right:0;
color:#777;
margin-top:2px;
}

#quoteform #place{
margin-left:20px;
}

#homebuildingfeatures{
margin:0 0 1em 0;
}

#homebuildingfeatures li {
background: url(/img/page/bullet-green-alt.png) 0% 50% no-repeat;
padding-left:25px;
}

.homemid{
margin:0 0 4em 0;
padding:2em 0;
border-bottom:1px solid #ddd;
border-top:1px solid #ddd;
}

.whyshould h2{
margin:13px 0 5px 0;
}

.whyshouldlist{
margin:0 2em;
}

.whyshouldlist li{
margin:0 0 2em 0;
background: url(/img/page/arrow-right-alt.png) 0% 0% no-repeat;
padding-left:25px;
}

.whyshouldlist li h3{
margin:0em;
}

#whyshould li{
margin:0 0 2em 0;
background: url(/img/page/arrow-right-alt.png) 0% 0% no-repeat;
padding-left:25px;
}

#whyshould h3{
margin:0;
}

#smallbuildingtypelinks{
}

#smallbuildingtypelinks ul{
margin-bottom:2em;
}

#smallbuildingtypelinks ul li{
float:left;
display:block;
width:110px;
margin-right:45px;
text-align:center;
}

#smallbuildingtypelinks ul li img{
padding:3px;
outline:1px solid #ddd;
margin-bottom:5px;
}

.requestquotebanner{
border-bottom:1px solid #f5f5f5;
padding-bottom:1.5em;
margin-bottom:1.5em;
}

.requestquotebanner img{
vertical-align:top;
float:left;
margin-right:10px;
}

.requestquotebanner span{
font-size:.8em;
line-height:normal;
}

#sidebar{
margin-right:20px;
}

#breadcrumb{
margin-bottom:2em;
}

#sidetestimonials ul{
margin:0;
padding:0;
}

#sidetestimonials ul li{
display:inline;
margin:0 9px 7px 0;
}

#sidetestimonials ul li img{
opacity:.5;
filter: alpha(opacity = 50);
margin:3px 0;
}

#sidetestimonials ul li img:hover{
opacity:1;
filter: alpha(opacity = 100);
}

ul.comparelist li{
margin:0 0 2em 0;
background: url(/img/page/bullet-green-alt.png) 0% 0% no-repeat;
padding-left:25px;
}

ul.comparelist li h3{
margin:0;
}

#homeslide { overflow: hidden; zoom: 1; position: relative; width:700px; height:240px; line-height:normal;}
#homeslide a{ text-decoration: none; outline: none; border: none;}

.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF; }

.cs-title { width: 700px; padding: 10px; background-color: #000000; color: #FFFFFF; font-size:.9em;}

.cs-prev, 
.cs-next { background-color: #000000; color: #FFF !important; font-weight:bold; font-size:.85em; padding: 0px 10px; } 

#welcomeblock{
margin-top:2em;
}

ul.pagemenu{
margin:0;
}

ul.pagemenu ul{
margin:0 0 0 15px;
}

ul.pagemenu a, ul.pagemenu a:visited, 
ul.pagemenu ul a, ul.pagemenu ul a:visited{
color:#666;
text-decoration:none;
width:auto;
display:block;
background:#fafafa;
margin-bottom:3px;
padding:3px 5px;
}

ul.pagemenu a:hover, ul.pagemenu a.current:hover,ul.pagemenu ul a:hover, ul.pagemenu ul a.current:hover{
background:#eee;
text-decoration:underline;
color:#36c;
}

ul.pagemenu a.current, ul.pagemenu ul a.current{
font-style:italic;
color:#444;
padding-left:15px;
background:#f4f4f4;
}

.buildingtypebigimg{
margin-bottom:2em;
}

.typetestimonial{
margin:3em 0;
}