/* EndFossilFuel.com - Styles */
/* Copyright 2008 */
/* -------------- */
/* Written by Gleb Denisov, based on Tami Kim's design */

body {
	margin: 0px;
	padding: 10px 0px 15px 0px;
	background: #313032;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color: #4E4B4B;
}

div, ul, p {
	margin: 0px;
	padding: 0px;
	text-align: left;
}

p {
	text-align: left;
	margin-bottom: 15px;
}

img {
	border: solid 0px #FFF;
}

a img {
	border: solid 0px #FFF;
}

a, a:hover, a:visited, a:active {
	font: normal 12px Helvetica, Arial, sans-serif;
	color: #4E4B4B;
}

a:hover {
	color: #313032;
} 

a.no_line, a.no_line:hover, a.no_line:visited, a.no_line:active {
	text-decoration: none;
}

.bold {
	font-weight: bold;
}

.block {
	display: block;
}

.clear {
	clear: both;
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 1px;
}

.clear_left {
	clear: left;
}

.float_left {
	float: left;
	padding: 0px;
}

.float_right {
	float: right;
	padding: 0px;
}

.rmargin_15 {
	margin-right: 15px;
}

#main_holder {
	position: relative;
	width: 725px;
	margin: 0px auto;
	text-align: left;
}

#logo {
	width: 170px;
	height: 160px;
	position: absolute;
	overflow: hidden;
	top: 10px;
	left: -18px;
	float: left;
	z-index: 3;
}

/* The following line triggers Twin Helix IE5.5/6 PNG fix */
#logo img, #main_nav li img, .side_nav li, div.image img, div.main_contact_us img { behavior: url("/resources/iepngfix.htc") }



/* "Joing Eco-community" and "Shopping Cart" buttons */

#header_nav {
	background: url("/gleb_images/main/header_nav_bg.gif") no-repeat 457px 0px;
	width: 718px;
	height: 18px;
	text-align: right;
}

a.ecommunity, a.ecommunity:visited {
	padding: 0px 8px 0px 24px;
	background: url("/gleb_images/main/little_people_icon.gif") no-repeat;
	font: bold 12px Helvetica, Arial, sans-serif;
	color: #C8DD69;
	text-decoration: none;
}

a.ecommunity:hover {
	background: url("/gleb_images/main/little_people_icon_over.gif") no-repeat;
	color: #BDD230;
	font: bold 12px Helvetica, Arial, sans-serif;
	text-decoration: none;
}


a.shop_cart, a.shop_cart:visited {
	padding: 0px 9px 0px 14px;
	background: url("/gleb_images/main/shopping_cart_icon.gif") no-repeat 0px 3px;
	font: normal 12px Helvetica, Arial, sans-serif;
	color: #C1C1B6;
	text-decoration: none;
}

a.shop_cart:hover {
	background: url("/gleb_images/main/shopping_cart_icon_over.gif") no-repeat 0px 3px;
	color: #FFFFFF;
	font: normal 12px Helvetica, Arial, sans-serif;
	text-decoration: none;
}


/* Styles for the many a UL and a LI for the main navigation */

#main_nav {
	display: block;
	padding: 9px 10px 0px 153px;
	width: 562px;
	height: 67px;
	overflow: visible;
	list-style-type: none;
}

#main_nav li {
	display: block;
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 31px;
	font: normal 12px Helvetica, Arial, sans-serif;
	color: #7B7B66;
	text-decoration: none;
	text-transform: uppercase;
}

#main_nav li.think_different {
	width: 137px;
	padding: 0px 0px 0px 27px;
}

#main_nav li.learn_more {
	width: 120px;
}

#main_nav li.take_action {
	width: 110px;
}

#main_nav li a {
	display: block;
	height: 21px;
	margin: 0px 0px 7px 0px;
	font: normal 12px Helvetica, Arial, sans-serif;
	color: #7B7B66;
	text-decoration: none;
	text-transform: uppercase;
}

#main_nav li a:hover {
	color: #313032;
}

#main_nav li.arrow {
	padding: 0px 18px 0px 18px;
}

.main {
	background: #4E4B4B url("/gleb_images/navigation/main_top_corners.gif") no-repeat;
}

.think {
	background: #4E4B4B url("/gleb_images/navigation/think_top_corners.gif") no-repeat;
}

.learn {
	background: #4E4B4B url("/gleb_images/navigation/learn_top_corners.gif") no-repeat;
}

.take {
	background: #4E4B4B url("/gleb_images/navigation/take_top_corners.gif") no-repeat;
}

#main_nav ul {
	float: left;
	margin: 0px;
	background: #4E4B4B;
	font: normal 12px Helvetica, Arial, sans-serif;
	color: #C1C1B6;
	list-style-type: none;
}

#main_nav ul.two_column {
	margin: 0px 15px 0px 0px;
}

#main_nav ul li {
	height: auto;
	float: none;
	padding: 0px 0px 5px 0px;
}

#main_nav ul li a {
	display: inline;
	height: auto;
	font: normal 12px Helvetica, Arial, sans-serif;
	color: #C1C1B6;
	text-decoration: none;
	text-transform: none;
}

#main_nav ul li a:hover {
	color: #FFFFFF;
}

/* Side Navigation */

ul.side_nav {
	display: block;
	float: left;
	margin: 126px 20px 100px 0px;
	padding: 0px;
	width: 140px;
	list-style-type: none;
}

ul.more {
	margin: 76px 1px 265px 0px;
}

ul.contacts {
	margin: 151px 20px 0px 0px;
}

ul.partners {
	margin: 126px 20px 100px 0px;
}

ul.side_nav li {
	display: block;
	clear: left;
	float: left;
	width: 125px;
	margin: 0px;
	padding: 3px 0px 2px 15px;
	font: normal 11px Helvetica, Arial, sans-serif;
	color: #C1C1B6;
}

ul.side_nav li.selected {
	margin: 0px;
	background: url("/gleb_images/navigation/side_nav_light_main.png");
}

ul.side_nav li.main {
	margin: 0px;
	background: url("/gleb_images/navigation/side_nav_dark_main.png");
}

ul.side_nav li a,ul.side_nav li a:visited,ul.side_nav li a:active {
	font: normal 11px Helvetica, Arial, sans-serif;
	color: #C1C1B6;
	text-decoration: none;
}

ul.side_nav li.selected a,ul.side_nav li.selected a:visited,ul.side_nav li.selected a:active {
	color: #FFFFFF;
}

ul.side_nav li a:hover {
	font: normal 11px Helvetica, Arial, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}

ul.side_nav li.top_corner {
	display: block;
	float: left;
	margin: 0px;
	background: url("/gleb_images/navigation/side_nav_dark_top_corner.png");
	height: 2px;
}

ul.side_nav h3 {
	margin: 0px;
	padding: 0px;
	font: bold 11px Helvetica, Arial, sans-serif;
	color: #C1C1B6;
	text-transform: uppercase;
}

ul.side_nav li.bottom_corner {
	margin: 0px;
	background: url("/gleb_images/navigation/side_nav_dark_bottom_corner.png") no-repeat;
	height: 6px;
}



/* Below are all styles realted to the main content*/

#main {
	clear: both;
	float: left;
	width: 725px;
}

#main h1 {
	margin: 33px 0px 0px 174px;
	padding: 0px;
	font: normal 32px Helvetica, Arial, sans-serif;
	color: #FFFFFF;
}

#main h1.light_gray {
	color: #C2C1B6;
}

#main h1.dark_gray {
	color: #4E4B4B;
}

.gray_bg {
	background: #F3F3F3;
}

.homepage {
	height: 469px;
	background: #F3F3F3;
}

.homepage_video {
	background: #F3F3F3;
}

.think_diff {
	background: #F3F3F3 url("/gleb_images/think/img_hand_in_grass.jpg") no-repeat;
}

.think_partners {
	background: #F3F3F3 url("/gleb_images/think/img_partners.jpg") no-repeat;
}

.think_partners h1 {
	margin: 33px 0px 0px 174px;
	padding: 0px;
	font: normal 32px Helvetica, Arial, sans-serif;
	color: #FFFFFF;
}

.think_partners h2 {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	font: normal 14px Helvetica, Arial, sans-serif;
	color: #4E4B4B;
}

.think_projects {
	background: #F3F3F3 url("/gleb_images/think/img_projects.jpg") no-repeat;
}

.think_projects h2 {
	margin: 0px 0px 16px 0px;
	padding: 0px;
	font: normal 14px Helvetica, Arial, sans-serif;
	color: #4E4B4B;
}

.think_projects h3 {
	margin: 0px 0px 25px 0px;
	padding: 0px;
	font: bold 16px Helvetica, Arial, sans-serif;
	color: #4E4B4B;
}

.think_contact_us {
	height: 576px;
	overflow: hidden;
	background: #F3F3F3 url("/gleb_images/think/img_contact_us.jpg") no-repeat 10px 0px;
}

.learn_more_main {
	height: 465px;
	background: #F3F3F3 url("/gleb_images/learn/img_learn_main.jpg") no-repeat 10px 0px;
}

.learn_more_global {
	background: #F3F3F3 url("/gleb_images/learn/img_global_warming.jpg") no-repeat;
}

.learn_more_carbon_footprint  {
	background: #F3F3F3 url("/gleb_images/learn/img_carbon_footprint.jpg") no-repeat;
}

.learn_more_whatcanido  {
	background: #F3F3F3 url("/gleb_images/learn/img_what_can_i_do.jpg") no-repeat;
}

.learn_more_direct  {
	background: #F3F3F3 url("/gleb_images/learn/img_direct_sponsorships.jpg") no-repeat;
}

.learn_more_carbon  {
	background: #F3F3F3 url("/gleb_images/learn/img_carbon_offsets.jpg") no-repeat;
}

.learn_more_main h2 {
	float: left;
	margin: 55px 0px 7px 0px;
	padding: 0px;
	font: normal 14px Helvetica, Arial, sans-serif;
	color: #4E4B4B;
}

a#global_warming,a#global_warming:visited {
	display: block;
	float: left;
	overflow: hidden;
	width: 281px;
	height: 186px;
	padding: 0px;
	margin: 0px 2px 2px 0px;
	background: url("/gleb_images/learn/illo_mainGlobalWarming.png");
	text-decoration: none;
}

a#global_warming:hover {
	background-position: -281px 0px;
}

a#carbon_footprint,a#carbon_footprint:visited {
	display: block;
	float: left;
	overflow: hidden;
	width: 281px;
	height: 186px;
	padding: 0px;
	margin: 0px 0px 2px 0px;
	background: url("/gleb_images/learn/illo_mainCarbonFootprint.png");
	text-decoration: none;
}

a#carbon_footprint:hover {
	background-position: -281px 0px;
}

a#direct_sponsorships,a#direct_sponsorships:visited {
	display: block;
	float: left;
	overflow: hidden;
	width: 281px;
	height: 186px;
	padding: 0px;
	margin: 0px 2px 0px 0px;
	background: url("/gleb_images/learn/illo_mainDirectSpon.png");
	text-decoration: none;
}

a#direct_sponsorships:hover {
	background-position: -281px 0px;
}

a#carbon_offsets,a#carbon_offsets:visited {
	display: block;
	float: left;
	overflow: hidden;
	width: 281px;
	height: 186px;
	padding: 0px;
	margin: 0px;
	background: url("/gleb_images/learn/illo_mainCarbonOffset.png");
	text-decoration: none;
}

a#carbon_offsets:hover {
	background-position: -281px 0px;
}


.take_act {
	height: 400px;
	background: #F3F3F3 url("/gleb_images/take/img_man_in_field.jpg") no-repeat 10px 0px;
}

.take_act h1 {
	margin: 26px 0px 0px 160px;
	padding: 0px;
	font: normal 32px Helvetica, Arial, sans-serif;
	color: #FFFFFF;
}

.take_act h2 {
	margin: 0px 0px 20px 160px;
	padding: 0px;
	font: normal 17px Helvetica, Arial, sans-serif;
	color: #4E4B4B;
}

a#offset{
	display: block;
	position: relative;
	left: 103px;
	overflow: hidden;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 172px;
	height: 132px;
	background: url("/gleb_images/take/bttn_offset.png") no-repeat;
	font: bold 12px Helvetica, Arial, sans-serif;
	color: #C8DD69;
}

a#offset:hover{
	background: url("/gleb_images/take/bttn_offset.png") no-repeat -172px 0px;
}

a#sponsor{
	display: block;
	position: relative;
	left: 103px;
	overflow: hidden;
	float: left;
	clear: left;
	margin: 0px;
	padding: 0px;
	width: 172px;
	height: 132px;
	background: url("/gleb_images/take/bttn_sponsor.png") no-repeat;
	font: bold 12px Helvetica, Arial, sans-serif;
	color: #C8DD69;
}

a#sponsor:hover{
	background: url("/gleb_images/take/bttn_sponsor.png") no-repeat -172px 0px;
}

a#give{
	display: block;
	position: relative;
	left: 103px;
	overflow: hidden;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 172px;
	height: 132px;
	background: url("/gleb_images/take/bttn_give.png") no-repeat;
	font: bold 12px Helvetica, Arial, sans-serif;
	color: #C8DD69;
}

a#give:hover{
	background: url("/gleb_images/take/bttn_give.png") no-repeat -172px 0px;
}

div.third_box {
	position: relative;
	top: -27px;
	left: 22px;
	float: left;
	width: 203px;
	height: 195px;
	margin: 0px 6px 0px 6px;
	padding: 5px 6px 6px 6px;
	background: #C2C1B6;
}

div.third_box_video {
	position: relative;
	top: -27px;
	left: 22px;
	float: left;
	width: 203px;
	margin: 0px 6px 0px 6px;
	padding: 5px 6px 6px 6px;
	background: #C2C1B6;
}

div.video_box {
	position: relative;
	top: -27px;
	left: 22px;
	float: left;
	margin: 0px 6px 0px 6px;
	padding: 5px 6px 6px 6px;
	background: #C2C1B6;
}

.third_box img{
	margin: 5px 2px 0px 8px;
}

.third_box_video img{
	margin: 5px 2px 0px 8px;
}

div.left img {
	margin: 45px 0px 0px 1px;
}

div.right {
	margin-right: 0px;
}

div.right img {
	margin: 20px 0px 0px 55px;
}

div.right img.move_right {
	margin-left: 15px;
} 


.third_box p {
	width: 187px;
	height: 161px;
	padding: 8px;
	background: #FFFFFF;
	font: normal 12px Helvetica, Arial, sans-serif;
	line-height: 1.4em;
	color: #4E4B4B;
}

.third_box_video p {
	width: 187px;
	padding: 8px;
	background: #FFFFFF;
	font: normal 12px Helvetica, Arial, sans-serif;
	line-height: 1.4em;
	color: #4E4B4B;
}

.third_box h3, .third_box_video h3 {
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 0px 9px;
	font: bold 13px Helvetica, Arial, sans-serif;
	color: #4E4B4B;
	text-decoration: none;
	text-transform: uppercase;
}


.video_box p {
	width: 187px;
	height: 161px;
	padding: 8px;
	background: #FFFFFF;
	font: normal 12px Helvetica, Arial, sans-serif;
	line-height: 1.4em;
	color: #4E4B4B;
}

.video_box h3 {
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 0px 9px;
	font: bold 13px Helvetica, Arial, sans-serif;
	color: #4E4B4B;
	text-decoration: none;
	text-transform: uppercase;
}

a.nav {
	font: normal 12px Helvetica, Arial, sans-serif;
	color: #7B7B66;
	text-decoration: none;
}

a.nav:hover {
	color: ##313032;
}


div.main_partners {
	float: left;
	margin: 160px 0px 0px 0px;
	padding: 15px 15px 15px 15px;
	width: 524px;
	background: #F3F3F3;
	font: normal 12px Helvetica, Arial, sans-serif;
	line-height: 1.4em;
	color: #4E4B4B;
}

div.main_partners div.partner {
	float: left;
	width: 164px;
	height: 120px;
	overflow: hidden;
	padding: 0px;
	margin-bottom: 40px;
	font: normal 11px Helvetica, Arial, sans-serif;
	line-height: 1.2em;
}

div.main_partners div.partner div.image {
	height: 77px;
	text-align: center;
}

div.main_projects {
	float: left;
	margin: 129px 0px 0px 0px;
	padding: 0px;
	width: 524px;
	font: normal 12px Helvetica, Arial, sans-serif;
	line-height: 1.4em;
	color: #4E4B4B;
}

div.main_projects div.project_type {
	margin: 0px 0px 30px 0px;
	padding: 7px 15px 15px 15px;
	width: 524px;
	background: #CBDE73;
}

div.main_projects div.no_margin {
	margin: 0px;
}

a.project_list,a.project_list:visited {
	display: block;
	margin: 0px 0px 10px 0px;
	font: bold 14px Helvetica, Arial, sans-serif;
	text-decoration: none;
}

#greene img {
	float: left;
	padding: 0px;
	margin: 0px 15px 2px 0px;
}

.projects_img {
	float: left;
	padding: 0px;
	margin: 0px 15px 10px 4px;
}

.project_description {
	clear: left;
	background: url("/gleb_images/think/h_bar.gif") repeat-x;
	padding: 10px 0px 0px 0px;
	margin: 15px 0px 0px 0px;
}


div.main_contact_us {
	float: left;
	margin: 33px 0px 0px 0px;
	padding: 0px 15px 15px 15px;
	width: 524px;
	font: normal 12px Helvetica, Arial, sans-serif;
	line-height: 1.4em;
	color: #4E4B4B;
}

div.main_contact_us h2 {
	padding: 0px;
	margin: 0px 0px 2px 0px;
	font: normal 32px Helvetica, Arial, sans-serif;
	color: #617991;
}

div.main_contact_us h3 {
	padding: 0px;
	margin: 0px 0px 25px 0px;
	font: normal 19px Helvetica, Arial, sans-serif;
	color: #617991;
}

div.main_contact_us div.contact_us_form {
	margin: 0px 0px 25px 0px;
	padding: 12px 0px 5px 5px;
	width: 307px;
	background: #FFFFFF;
	border: solid 6px #d3e27e;
	
}

div.main_contact_us label {
	display: block;
	float: left;
	padding: 2px 0px 0px 0px;
	width: 63px;
	text-align: right;
}

div.main_contact_us input {
	margin: 0px 0px 7px 8px;
	padding: 4px 3px 2px 3px;
	width: 200px;
	height: 13px;
	font: normal 12px Helvetica,Arial,sans-serif;
	color: #4E4B4B;
	line-height: 1em;
	border: solid 1px #C2C1B6;
}

div.main_contact_us input.submit {
	padding: 0px;
	width: 54px;
	height: 18px;
	margin: 0px 0px 0px 71px;
	border: solid 0px #FFFFFF;
}

div.main_contact_us textarea {
	margin: 0px 0px 11px 8px;
	padding: 4px 3px 2px 3px;
	width: 200px;
	height: 90px;
	font: normal 12px Helvetica,Arial,sans-serif;
	color: #4E4B4B;
	line-height: 1.3em;
	border: solid 1px #C2C1B6;
}

div.main_content {
	float: left;
	margin: 129px 0px 0px 0px;
	padding: 7px 15px 15px 15px;
	width: 524px;
	background: #CBDE73;
	font: normal 12px Helvetica, Arial, sans-serif;
	line-height: 1.4em;
	color: #4E4B4B;
}

div.main_content_policy {
	float: left;
	margin: 76px 0px 0px 160px;
	padding: 15px 15px 15px 15px;
	width: 524px;
	font: normal 12px Helvetica, Arial, sans-serif;
	line-height: 1.4em;
	color: #4E4B4B;
}

div.main_content_policy p {
	margin: 0px 0px 15px 0px;
}

div.main_content_policy h3 {
	padding: 0px;
	margin: 27px 0px 10px 0px;
	font: bold 12px Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}

div.main_content_policy h3.first {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	font: bold 12px Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}

div.gray {
	background: #C2C1B6;
}

div.main_content h2 {
	clear: left;
	float: left;
	width: 130px;
	padding: 0px;
	margin: 0px;
	font: bold 11px Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}

div.main_content a {
	color: #4E4B4B;
	text-decoration: underline;
}

div.main_content a:hover {
	color: #313032;
	text-decoration: underline;
}

div.main_content img {
	padding: 0px;
	margin: 10px 15px 15px 0px;
}

div.main_content img.move_right {
	margin-left: 21px;
}

a.copy {
	color: #7B7B66;
	text-decoration: underline;
}

div.main_right {
	position: relative;
	top: -2px;
	float: left;
	padding: 0px;
	margin: 0px 0px 20px 0px;
	width: 394px;
}

div.main_right ul {
	margin: 5px 0px 5px 15px;
	padding-left: 15px;
	line-height: 1.4em;
}

/* Footer styles */
/* The footer includes bottom rounded corners and bottom links */

#footer {
	clear: both;
	position: relative;
	float: left;
	width: 685px;
	padding: 15px 20px 0px 20px;
	background: url("/gleb_images/main/bottom_corners.gif") no-repeat;
}

#footer a {
	display: block;
	float: left;
	margin: 0px 27px 0px 0px;
	font: normal 11px Helvetica, Arial, sans-serif;
	color: #7B7B66;
	text-decoration: none;
}

#footer a.contact_us {
	position: absolute;
	right: 0px;
}

#footer a:hover {
	color: #FFFFFF;
}