* { padding: 0; margin: 0; }

/* ####################################
########## BEGIN ELEMENTS #############
#####################################*/

body { font-size: 14px; color: #000000; font-family: Arial, Helvetica, Verdana, sans-serif; }
img { border: 0; }
h1 { font-size: 30px; font-weight: bold; padding: 10px 0 5px 0; color: #0a7cec; }
h2 { font-size: 24px; font-weight: bold; padding: 10px 0 4px 0; color: #10b825; }
h3 { font-size: 15px; font-weight: bold; font-style: italic; padding: 10px 0 5px 0; }
ul li, ol li { margin: 0 0 5px 40px; }
p { margin: 15px 0 ; } 

/* ####################################
############ NAVIGATION ###############
#####################################*/

/*  Global Links */
a:link {color: #009900; text-decoration: none; }
a:visited { color: #009900; text-decoration: none; }
a:hover { color: #009900; text-decoration: underline;}
a:active { color: #009900; text-decoration: none; }
	
	
#nav_wrapper { height: 70px; width: 100%; background-image: url(../images/nav_bg.gif); background-repeat: repeat-x; }
#navigation { height: 70px; width: 960px; margin: 0 auto; }
#menu_wrapper { list-style: none; }
#menu_wrapper li { height: 70px; float: left; margin: 12px 40px 0 0; text-align: center; font-weight: bold; }
#menu_wrapper li a { color: #ffffff; }

	

/* ####################################
############ BEGIN ID'S ###############
#####################################*/

#top_bar { height: 20px; width: 100%; background-image: url(../images/top_bar_bg.gif); background-repeat: repeat-x; font-size: 12px; }
	
	#top_bar_left { width: 450px; height: 18px; float: left; text-align: left; color: #ffffff; padding: 2px 0 0 0; }
	#top_bar_right { width: 120px; height: 18px; float: right; text-align: right; color: #ffffff; padding: 2px 0 0 0; }
	#top_bar_left a, #top_bar_right a { color: #ffffff; }

#logo { width: 960px; height: 135px; }

#body_wrapper { width: 960px; margin: 0 auto; color: #000000; font-size: 14px; }
	
#footer { width: 960px; margin: 0 auto; font-size: 12px; line-height: 20px; border-top: 2px dashed #c1c1c1; color: #888888; text-align: center; }
#footer_nav { margin: 100px auto 10px auto; width: 960px; height: 40px; text-align: center; background-color: #031a49; color: #ffffff; line-height: 40px; font-size: 14px; }
#footer_nav a { color: #ffffff; text-decoration: none; }
#footer_nav a:hover { text-decoration: underline; }
	
#video_link { width: 400px; margin: 0 auto; }
#social_links { margin: 5px 0; }

/* ####################################
############# COLUMNS #################
#####################################*/

#gray_columns_container { width: 960px; background-image: url(../images/home_bg.gif); background-repeat: repeat-y; padding: 10px; }
	
	#home_left { width: 515px; float: left; }
	#home_right { margin-left: 525px; }
	
	#history_left, #boiler_left, #cooling_tower_left, #why_solids_left { width: 400px; float: left; }
	#history_right, #boiler_right, #cooling_tower_right, #why_solids_right { margin-left: 410px; }
	
	#carbon_left, #go_green_left, #reduce_risk_left, #economic_left { width: 340px; float: left; }
	#carbon_right, #go_green_right, #reduce_risk_right, #economic_right { margin-left: 350px; }
	
#home_small_columns { width: 960px; padding: 5px; }

	#carbon_footprint { width: 260px; height: 275px; float: left; }
	#go_green { width: 260px; height: 275px; float: left; }
	#reduce_risk { width: 380px; height: 275px; float: left; }
		
#reduce_risk_bottom_columns, #economic_bottom_columns { width: 960px; padding: 5px; }
	#reduce_risk_bottom_left, #economic_bottom_left { width: 550px; float: left; }
	#reduce_risk_bottom_right, #economic_bottom_right { margin-left: 580px; }
	
#why_solids_bottom_columns { width: 960px; padding: 5px; }
	.why_solids_bottom_left { width: 140px; float: left; }
	.why_solids_bottom_right { margin-left: 150px; }

.block_paragraph { text-align: center; padding: 0 15px 0 15px; font-size: 12px; }
			
.block_header { text-align: center; font-family: Arial, Helvetica, sans-serif; font-style: italic; font-size: 23px; color: #009900; }
	

/* ####################################
########## FORMS CLASSES ##############
#####################################*/

.form_row { margin-left: 50px; clear: both; }
.form_label { width: 275px; text-align: right; padding: 10px; float: left; }
.form_field { padding: 10px; float: left; }
.form_error { padding: 10px; float: left; font-family: Georgia, "Times New Roman", Times, serif; color: #ff0000; font-size: 13px; font-weight: bold; }
.field { height: 20px; width: 250px; }
.form_box { height: 50px; width: 250px; overflow: auto; }

/* ####################################
######### GENERAL CLASSES #############
#####################################*/

.wrapper { width: 960px; margin: 0 auto; color: #000000; }
.quote { font-style: italic; color: #009900; }
.green { color: #009900; }
.calc_link { border: 1px dashed #909090; padding: 7px; }
.disclaimer { font-size: 11px; }
.image_padding { padding: 0 10px 0 10px; }
.sub_list { font-size: 12px; }
.benefit_list { list-style: none; }
.benefit_list li { float: left; width: 210px; margin: 0 15px; text-align: center; }
.benefit_list li p { width: 190px; }
.spacer { height: 25px; }
.clear { clear: both; }