/* ---------------------------------------------
Table of Contents:
=Layout
=Utility Navigation
=Header
=Primary Navigation
=Hero
=Footer
=Content
=Home Page Specific Styles
---------------------------------------------- */

/* ---------------------------------------------
=Layout
---------------------------------------------- */
#main {
	border-left: solid 1px #dbdbdb;
	float: left;
	margin-top: 0;
	margin-right: -1px;
	width: 71%;
}


/* ---------------------------------------------
=Hero
---------------------------------------------- */
.hero {
	margin-bottom: 0;
}

.hero .panel .overlay-promo {
	left: 0%;
	padding: 0 20px;
	width: 22%;
	margin-left: 0px;
}

.home .hero .panel .overlay-promo {
	padding: 0;
	width: 50%;
}

.hero .panel .overlay-promo .inner {
	padding: 0 20px;
}

.overlay-promo h2 {
	padding-top: 35px;
}

.overlay-promo h3 {

}

/* ---------------------------------------------
=Content
---------------------------------------------- */
#content .content-container {
	padding-top: 10px;
}

.three-column .column {
	
}

.three-column .column1of3, .two-column .column1of2 {
	border-bottom-width: 0;
	width: 100%;
}

.three-column .column2of3 {
	float: left;
	width: 73%;
}

.three-column .column3of3 {
	float: left;
	width: 26%;
}



.three-column .column2of3 .inner {
	
}

.two-column .column2of2 {
	float: left;
	width: 100%;
}

.photo-gallery .widget-content li {
	width: 40%;
}

/* ---------------------------------------------
=Home Page Specific Styles
---------------------------------------------- */
.home .panel-container {
	height: 400px;
}

.home .hero .panel .overlay-promo {
	height: 400px;

}

.home .infographic {
	height: 155px;
}

.home .infographic .infographic-details {
	width: 260px;
}

.home .infographic .infographic-nav {
	clear: both;
}

.home .infographic h1 {
	color: #777;
	font-family: "franklin-gothic-ext-comp-urw", sans-serif;
	font-size: 80px;
	line-height: 1;
	margin-bottom: 0;
}

.wf-loading .infographic h1 {
	font-size: 48px;
}

.home .infographic h2 {
	font-size: 25px;
}

.home .infographic small {
	font-size: 7px;
	padding-left: 126px;
}

.home ul#stat-counter {
	top: 120px;
}

.home ul#stat-counter a {
	font-size: 23px;
}

.home .infographic .infographic-image {
	padding-top: 4%;
	width: 29%;
}

.home #gigawatts h1 {
	font-size: 80px;
}

.home #gigawatts h2 {
	font-size: 23px;
}

.home #co2 h2 {
	font-size: 17px;
}

.home #cars h2,  .home #h2o h2{
	font-size: 16px;
}

.home #trees h1 {
	font-size: 75px;
}

.home #trees h2 {
	font-size: 16px;
}


.widget-column .infographic h2 {
	width: 55%;
}


.widget-column .infographic .infographic-image {
	width: 36%;
}