@charset "utf-8";
/* CSS Document */
a img { border:none } /* Gets rid of IE's blue borders */

a:link, a:visited, a:active {
  color:#de6211;
  text-decoration:underline;
}
a:hover {
  color:#de6211;
  text-decoration:none;
}

h1 {
   text-indent: -5000px;
   background: url(../images/sitewide/logo.jpg) no-repeat;
   width: 252px;
   height: 56px;
   margin-top: 72px;
   }
   
ul#bannercta {
   margin:0;
   padding:235px 0px 0px 57px;
   list-style: none;
   }

#bannercta li {
	padding: 0px;
	display: inline;
	}
	
li.more a {
	text-indent: -3000em;
	background:url(../images/buttons/cta-banner.jpg) no-repeat left top;
	width: 323px;
	height: 84px;
	display: block;
	overflow: hidden;
	}

li.more a:hover {
	background-position: 0px -84px; 
	}
	
ul#bannercta-subpage {
   margin:0;
   padding:90px 0px 0px 580px;
   list-style: none;
   }
   
li.more-subpage a {
	text-indent: -3000em;
	background:url(../images/buttons/cta-banner-sub.jpg) no-repeat left top;
	width: 323px;
	height: 84px;
	display: block;
	overflow: hidden;
	}

li.more-subpage a:hover {
	background-position: 0px -84px; 
	}
	
.scissors {
background: url(../images/backgrounds/scissors.jpg);
width: 218px;
height: 81px;
position: absolute;
top: 354px;
right: -19px;
}

.scissors-subpage {
background: url(../images/backgrounds/scissors-subpage.jpg);
width: 218px;
height: 79px;
position: absolute;
top: 224px;
right: -18px;
}
.subscribe {
width: 553px;
height: 61px;
background: url(../images/backgrounds/subscribe.jpg);
padding: 62px 0px 0px 30px;
margin: 50px 0px 50px 0px;
}


/* HEADINGS */

h2.welcome {
   text-indent: -5000px;
   background: url(../images/headings/welcome.jpg) no-repeat;
   width: 324px;
   height: 26px;
   margin-top: 39px;
   margin-bottom: 12px;
   }
   
h3.whatsnew {
   text-indent: -5000px;
   background: url(../images/headings/whats-new.jpg) no-repeat;
   width: 582px;
   height: 34px;
   margin-top: 40px;
   margin-bottom: 25px;
   }
   
h4 {
font-size:14px;
color: #e8db23;
text-transform: uppercase;
font-weight: bold!important;
}

h5.whatweareabout {
   text-indent: -5000px;
   background: url(../images/headings/what-we-are-about.jpg) no-repeat;
   width: 171px;
   height: 19px;
   margin-top: 31px;
   margin-bottom: 12px;
   }
   
h5.getintouch {
   text-indent: -5000px;
   background: url(../images/headings/get-in-touch.jpg) no-repeat;
   width: 171px;
   height: 19px;
   margin-top: 31px;
   margin-bottom: 12px;
   }
   
h5.bookmarkthissite {
   text-indent: -5000px;
   background: url(../images/headings/bookmark-this-site.jpg) no-repeat;
   width: 175px;
   height: 19px;
   margin-top: 31px;
   margin-bottom: 15px;
   }
   
h5.copyright {
   text-indent: -5000px;
   background: url(../images/headings/copyright.jpg) no-repeat;
   width: 175px;
   height: 19px;
   margin-top: 31px;
   margin-bottom: 12px;
   }
   
h4.oursponsors {
   text-indent: -5000px;
   background: url(../images/headings/our-sponsors.jpg) no-repeat;
   width: 228px;
   height: 22px;
   margin-top: 40px;
   margin-bottom: 15px;
}
h4.newsletterupdates {
   text-indent: -5000px;
   background: url(../images/headings/newsletter-updates.jpg) no-repeat;
   width: 228px;
   height: 22px;
   margin-top: 0px;
   margin-bottom: 8px;
}
h4.latesttweets {
   text-indent: -5000px;
   background: url(../images/headings/latest-tweets.jpg) no-repeat;
   width: 228px;
   height: 22px;
   margin-top: 0px;
   margin-bottom: 8px;
}
h4.latestphotographs {
   text-indent: -5000px;
   background: url(../images/headings/latest-photographs.jpg) no-repeat;
   width: 228px;
   height: 22px;
   margin-top: 0px;
   margin-bottom: 18px;
}
h4.poweredby {
   text-indent: -5000px;
   background: url(../images/headings/powered-by.jpg) no-repeat;
   width: 228px;
   height: 22px;
   margin-top: 0px;
   margin-bottom: 8px;
}


h2.energysaving {
   text-indent: -5000px;
   background: url(../images/headings/energy-saving.jpg) no-repeat;
   width: 280px;
   height: 31px;
   margin-top: 39px;
   margin-bottom: 7px;
   }
h2.energycost {
   text-indent: -5000px;
   background: url(../images/headings/solar-energy-cost.jpg) no-repeat;
   width: 280px;
   height: 31px;
   margin-top: 39px;
   margin-bottom: 7px;
} 
h2.solaradvantages {
   text-indent: -5000px;
   background: url(../images/headings/solar-advantages.jpg) no-repeat;
   width: 280px;
   height: 31px;
   margin-top: 39px;
   margin-bottom: 7px;
}  
h2.solarworks {
   text-indent: -5000px;
   background: url(../images/headings/solar-works.jpg) no-repeat;
   width: 280px;
   height: 31px;
   margin-top: 39px;
   margin-bottom: 7px;
}
h2.solarenergy {
   text-indent: -5000px;
   background: url(../images/headings/solar-energy.jpg) no-repeat;
   width: 280px;
   height: 31px;
   margin-top: 39px;
   margin-bottom: 7px;
} 
h2.solarrebates {
   text-indent: -5000px;
   background: url(../images/headings/solar-rebates.jpg) no-repeat;
   width: 280px;
   height: 31px;
   margin-top: 39px;
   margin-bottom: 7px;
}   
   
h3 {
color: #fff;
font-weight: bold;
font-size: 18px;
margin-bottom: 7px;
}
   
   
/* TYPOGRAPHY */

p.intro {
font-size: 14px;
font-family: Arial;
color: #4e4e4e;
line-height: 23px;
margin-bottom: 40px;
}

.poweredbytext {
color: #282828;
margin-bottom: 10px;
}

p.paragraph {
font-size: 13px;
color: #4e4e4e;
line-height: 21px;
margin-bottom: 15px;
}

.subpage-image {
border: 11px solid #fff;
margin-top: 20px;
margin-bottom: 30px;
}

blockquote {
font-size: 24px;
font-family: Georgia;
font-style: italic;
color: #ed830a;
line-height: 32px;
text-transform: -1px;
width: 245px;
float: right;
background-image: url(../images/backgrounds/blockquote-bg.jpg);
background-repeat: no-repeat;
background-position: top left;
padding: 0px 0px 0px 35px;
margin: 6px 0px 0px 22px;
}

/* FORM */

.textfield {
width: 235px;
background-color: #151515;
border: 1px solid #363636;
padding: 7px 7px 7px 7px;
margin-bottom: 16px;
margin-top: 5px;
color: #fff;
font-style: 12px;
}

.textfield:focus {
background-color: #101010;
border: 1px solid #5f5f5f;
}

.message {
background-color:#151515;
border:1px solid #363636;
color:#fff;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
height:150px;
width:235px;
padding: 7px 7px 7px 7px;
margin-top: 5px;
}

.message:focus {
background-color: #101010;
border: 1px solid #5f5f5f;
}


.imageright {
float: right;
padding-left: 15px;
}

.newsletter-textfield {
width: 240px;
background-color: #000;
border: 1px solid #272727;
padding: 10px 7px 10px 7px;
margin-bottom: 10px;
margin-top: 20px;
color: #fff;
font-style: 12px;
}

.newsletter-textfield:focus {
background-color: #000;
border: 1px solid #454444;
}

.flickr a img {
border: 4px solid #000;
margin-bottom: 10px;
margin-right: 10px;
}
.flickr a:hover img {
border: 4px solid #f6e929;
margin-bottom: 10px;
margin-right: 10px;
}

.scribble-padding {
padding-top: 10px;
padding-bottom: 10px;
}


/* FORM BUTTONS */

.submitbutton {
margin-top: 15px;
height: 32px;
width: 114px;
background-image: url(../images/sitewide/submit-button.jpg);
border: none;
cursor: pointer;
}

.submitbutton:hover {
background-position: 0 -32px;
}

.signup-button {
margin-top: 0px;
height: 31px;
width: 107px;
background-image: url(../images/sitewide/signup-button.jpg);
border: none;
cursor: pointer;
}

.signup-button:hover {
background-position: 0 -31px;
}

ul.sequence {
   margin:0;
   margin-top:20px;
   margin-left:20px;
   }
   
ul#follow {
   margin:0;
   padding:45px 0px 0px 0px;
   list-style: none;
   }

#follow li {
	padding: 0px;
	display: inline;
	}
	
li.followbutton a {
	text-indent: -3000em;
	background:url(../images/buttons/followbutton.jpg) no-repeat left top;
	width: 106px;
	height: 30px;
	display: block;
	overflow: hidden;
	}

li.followbutton a:hover {
	background-position: 0px -30px; 
	}
	
	

ul#socialbuttons {
   margin:0;
   padding:10px 0px 0px 0px;
   list-style: none;
   }

#socialbuttons li {
	padding: 0px;
	display: inline;
	}
	
li.twitter a {
	text-indent: -3000em;
	background:url(../images/buttons/retweet.jpg) no-repeat left top;
	width: 96px;
	height: 28px;
	display: block;
	overflow: hidden;
	}

li.twitter a:hover {
	background-position: 0px -28px; 
	}
	
li.facebook a {
	text-indent: -3000em;
	background:url(../images/buttons/facebook.jpg) no-repeat left top;
	width: 96px;
	height: 28px;
	display: block;
	overflow: hidden;
	}

li.facebook a:hover {
	background-position: 0px -28px; 
	}
	
li.subscribe a {
	text-indent: -3000em;
	background:url(../images/buttons/subscribe.jpg) no-repeat left top;
	width: 96px;
	height: 28px;
	display: block;
	overflow: hidden;
	}

li.subscribe a:hover {
	background-position: 0px -28px; 
	}