/*TOP PAGE (reductions, total savings, login)*/

a img{
	border: 0;
}

#landing_page{
	background-color: white;
	font-family: helvetica, arial, sans-serif;
	margin: 0 auto;
	margin-left: -14px;
	width: 920px;
}

#top{
	background-image: url(/images/home/top_background.png);
	color: #fff;
	font-size: 14px;
	height: 318px;
	padding: 0;
}

#top_left {
  float: left;
  width: 585px;
}

#top h2{
	font-size: 14px;
	font-weight: normal;
	letter-spacing: .4px;
}

#top #so_far{
  margin: 62px 0 0 28px;
}

#top #savings_box{
	background-color: white;
	color: #666;
	height: 138px;
	font-size: 14px;
	line-height: 17px;
	letter-spacing: .0px;
  margin: 5px 0 0 18px;
	width: 552px;
}

#savings_box #left_arrow{
	background-image:url(/images/home/left_arrow.png);
	float: left;
	height: 100%;
	width: 36px;
}

#savings_box #right_arrow{
	background-image:url(/images/home/right_arrow.png);
	float: right;
	height: 100%;
	width: 36px;
}

.unitCarousel{
  position: relative;
  visibility: hidden;
  left: -5000px;
  height: 138px;
}

.unitCarousel ul li{
	height: 130px;
}

*html .unitCarousel ul{
display:none;
}

.savings{
	text-align: center;
	width: 100px;
	margin: 0px 10px 15px 10px;
	padding: 0;
}

.savings:hover{
	color:#1a1a1a;
}

.savings .number{
	color: #74848F;
	font-size:23px;
	font-weight: bold;
}

.savings:hover .number{
		color:#062f43;
}

.savings p{
	margin-top: -15px;
}

#top #how_much{
	margin: 8px 0 0 28px;
}

#commitment_buttons{
	margin:8px 0 0 12px;
}

#top .green_button{
	background-color: green;
	display: inline;
	float: left;
	height: 42px;
	width: 166px;
	margin-left: 16px;
}

#button1{
	background-image: url(/images/home/install_cfls.jpg);
}

#button2{
	background-image: url(/images/home/drying_rack.jpg);
}

#button3{
	background-image: url(/images/home/shorter_showers.jpg);
}

#top_right{
	background-image: url(/images/home/topright_background.png);
	float: right;
	height: 303px;
	padding: 15px 15px 0px 15px;
	width: 300px;
}

#login_form_container{
	width: 300px;
}
	
.login_form span {
	float:right;
	height:30px;
	padding:0;
	margin: .1em .7em;
}

.login_form label {
  display: block;
  float: left;
  color: #CCC;
  font-size: 12px;
  font-weight: normal;
  width: 60px;
  text-align: right;
  margin: 5px 0px 0px 5px;  
}

/*ie6*/
*html .login_form label {
  margin-top:0;
}

input[type="checkbox"]{
	border: none;
}

#login_form_container .text_input { 
  font:14px/14px Verdana, Tahoma, sans-serif;
  color:#666;
  width: 205px;
  height: 17px;
  background-color: #FFF;
  border: 1px solid #ccc;
  padding:0;
  margin: 5px 0px 0px 15px;
  /*background:none;*/
}

#facebook_login{
  margin: 10px 0 0 0;
  float:left;
}

#regular_login{
  text-align: right;
  float: right;
  margin: 10px 10px 0 0;
}

#remember {
  text-align: left;
  float:right;
  color: #ccc;
  margin: 0 10px 0 0;
}
#remember label {
  display: inline;
  font-size: 11px;
  margin: 0;
  width: auto;
  float: none;
}

#lost_password {
  float: left;
  color: #ccc;
  font-size: 11px;
  margin: 3px 0px 0px 12px;
}

#lost_password a{
	color: #0089c2;
	font-size: 11px;
}

/*LOGIN PAGE STYLES*/

#login_page{
	background-image: url(/images/home/top_background.png);
	background-repeat: repeat-x;
	height: 288px;
	padding: 60px 0 0 0;
	margin: 0 0 0 -14px;
}

#login_page fieldset{
	margin-left:304px;
	margin-top: 20px;
}

#login_page legend{
	font-weight: bold;
	color: #FFF;
	margin-bottom: .7em;
}

#login_page .login_form{
	height: 150px;
	width: 330px;
}

#shadow_bottom{
	background-image:url(/images/home/bottom_bkg.png);
	background-repeat:repeat-x;
	height:30px;
	margin-left:-14px;
	position:absolute;
	top:488px;
	width:100%;
}

/*end login*/

#signup_area {
	height: 115px;
	font-size: 12px;
	margin: 36px 0 0 5px;
	width: 290px;
}

#signup_area h2{
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 4px 0;
	margin: 0;
}

#signup_area p{
	margin: 0;
	padding:0 0 10px 0;
	line-height: 16px;
}

#signup_button{
	background-image: url(/images/home/submit_button.png);
	height: 62px;
	position: absolute;
	width: 290px;
}

/*MAIN PAGE CONTENT (blog, video, sidebar etc)*/

#middle{
	background-image: url(/images/home/sidebar_bkg.png);
	background-position: right;
	background-repeat: repeat-y;
}

#landing_main{
	padding: 18px;
	width: 554px;
}

#sidebar{
	background-image: url(/images/home/sidebar_bkg.png);
	background-repeat: repeat-y;
	float: right;
	height: 100%;
	padding: 20px 15px;
	width: 300px;
}

.sidebar_link{
	margin-bottom: 15px;
}

.partnership{
	margin-left: -15px;
}

#cc_connect{
	background-image:url(/images/home/connect_with_cc.png);
	height: 36px;
	margin: 0px 15px 15px -15px;
	width: 330px;
}

.section_bkg{
	background-image: url(/images/home/main_div_background.png);
	background-repeat: no-repeat;
	margin-bottom: 20px;
}

#current_video{
	padding: 10px 30px;
	text-align:center;
}

.video{
	padding: 5px;
	background-color: #FFF;
	border: 1px solid #eee;
}

.tweet h2 a{
	color: #042235;
	margin: 0 0 0 5px;
	padding: 0 0 10px 0;
	text-decoration: none;
	font-size:14px;
}

.follow_us{
  	background-color: #cde9f6;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 10px 20px;
	font-size: 11px;
	color: #257094; 
	line-height: 15px;
	font-weight: lighter;
	text-align:center;
}


#blog{
	padding: 10px 15px;
}

#blog h2{
	margin: 10px 0;
	padding: 0;
}

#blog h2 a{
	font-size: 18px;
	text-decoration: none;
}

#blog h2 a.blog_link{
	color: #063145;
}

#blog h2 a.title_link{
	color: #44a429;
}

#blog #post{
	padding: 0;
	overflow: hidden;
}

#post p{
	color: #555;
	font-size: 12px;
	font-weight: lighter;
	letter-spacing: .1px;
	line-height: 16px;
	margin: 0 0 10px 0;
}

#blog #metadata{
	border-top: 1px solid #ccc;
	color: #555;
	font-size: 11px;
	margin:0;
	padding-top: 6px;
}

#blog #metadata p{
	margin:0;
}

#blog #metadata a{
	color: #32a1bd;
}

#blog #comment_control{
	float: right;
}

.comment{
	padding: 15px 10px 10px 10px;
}

.even{
	background-image: url(/images/home/main_div_background.png);
}

#comments p{
	color: #555;
	font-size: 12px;
	font-weight: lighter;
	letter-spacing: .1px;
	line-height: 16px;
	margin: 0 0 0px 0;
	padding: 0;
}

#comments p.comment_meta{
	color: #555;
	font-size: 11px;
	margin:0 0 0 0;
	padding-top: 3px;
	text-transform: uppercase;
	border-top: 1px solid #ccc;
}

.post_image{
	float: left;
	margin: 0px 10px 10px 0;
}


#third{padding: 15px;}
#third_video{padding: 5px;border:1px solid #eee;background-color: #FFF;}

/*BOTTOM BIT*/

#bottom{
	clear: both;
}

/* columns */
.columns{
	background-image:url(/images/home/bottom_bkg.png);
	background-repeat: repeat-x;
	height: 281px;
	padding: 40px 10px;
}

.columns .moreinside{
	float:left;
	height:209px;
	width:259px;
	margin: 40px 0 0 30px;
}

.columns #moreinside{
	color:#777777;
	font-size:20px;
	font-weight:100;
	margin:0 233px;
	position:absolute;
}

.columns #moreinside a{
	color:#357caa;
	font-weight: bold;
	text-decoration: none;
}

.columns #reduce{background:url(/images/home/reduce.png) top;}
.columns #reduce:hover{background:url(/images/home/reduce.png) bottom;}

/*ie6*/
*html .columns #reduce{background:url(/images/home/reduce_ie6_off.png) top;}
*html .columns #reduce:hover{background:url(/images/home/reduce_ie6_on.png) top;}

.columns #share{background:url(/images/home/share.png) top;}
.columns #share:hover{background:url(/images/home/share.png) bottom;}

/*ie6*/
*html .columns #share{background:url(/images/home/share_ie6_off.png) top;}
*html .columns #share:hover{background:url(/images/home/share_ie6_on.png) top;}

.columns #play{background:url(/images/home/play.png) top;}
.columns #play:hover{background:url(/images/home/play.png) bottom;}

/*ie6*/
*html .columns #play{background:url(/images/home/play_ie6_off.png) top;}
*html .columns #play:hover{background:url(/images/home/play_ie6_on.png) top;}

.popup_bg{
	position: fixed;
	z-index: 1000;
	background:url(/images/home/popup_bg.png);
	top: 0%;
	right: 0%;
	bottom: 0%;
	left: 0%;	
}

/*ie6*/

*html .popup_bg{
	position: absolute;
	z-index: 1000;
	background:url(/images/home/popup_bg.png);
	width: 740px;
	height: 680px;
	left: 50%;
	margin-left: -370px;
	margin-top: 120px;
}


#reduce_info{
	display: none;
}

#share_info{
	display: none;
}

#play_info{
	display: none;
}

.popup_container{
	position:absolute;
	top: 90px;
	left:50%;
	margin-left: -320px;
	text-align: left;
	width: 640px;
	color: #FFF;
	font-size: 14px;
	z-index: 1500;
}

/*ie6*/
*html .popup_container{
	margin-top: 40px;
	padding: 20px 20px 20px 0;
}

.home_popup h1{
	font-size: 30px;
}

.home_popup ul{
	padding-top: 15px;
	padding-left: 25px;
	list-style-type: disc;
}

.home_popup li{
	padding-bottom: 1px;
}

.popup_caption{
	color: #FFF;
}

.popup_image{
	position: relative;
	margin-top: 20px;
	margin-bottom: 10px;
}