@charset "utf-8";
/* CSS Document */

body {
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 auto;
	background: #000 url(images/background.jpg) repeat-y center top;
	line-height: 22px;
}

* {
	padding: 0;
	margin: 0;
}

a { 
	color:#01aefe;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
p { margin-bottom: 20px; }

.form dt { float: left; width: 125px; }
.form dd { margin: 0px 0px 18px 0px; }
#notice {
	border: 2px solid #5B2D2D;
	color:#5B2D2D;
	background-color:#CEADAD;
	margin: 0px 0px 10px 0px;
	padding: 5px;
	text-align:left;
}

#nice_notice {
	border: 2px solid #4B5D41;
	color:#4B5D41;
	background-color:#C5D4BD;
	margin: 0px 0px 18px 0px;
	padding: 7px;
	text-align:left;
}


/* Layout Styles */

#container {
	margin: 0 auto;
	text-align: left;
	width: 850px;
}

	#container #header {
		position: relative;
		height: 183px;
		background: url(images/energy_sales_web_backs_02.jpg) no-repeat top;
	}
		#container #header h1 {
			position: absolute;
			top: 21px;
			left: 26px;
			width: 305px;
			height: 73px;
		}
			#container #header h1 a {
				display: block;
				text-indent: -9999px;
				background: url(images/energy_sales_web_03.jpg) no-repeat;
				width: 305px;
				height: 73px;
			}
			
		#container #header ul {
			position: absolute;
			top: 130px;
			height: 53px;
			width: 850px;
			border-top: 2px solid #fff;
		}
			#container #header ul li {
				list-style: none;
				float: left;
			}
				#container #header ul li a {
					display: block;
					height: 53px;
					text-indent: -9999px;
				}
				
				#container #header ul li.home a { background: url(images/energy_sales_nav_01.gif); width: 91px; }
				#container #header ul li.home a:hover { background: url(images/energy_sales_nav_01.gif) 0 -53px; width: 91px; }
				
				#container #header ul li.products a { background: url(images/energy_sales_nav_02.gif); width: 143px; }
				#container #header ul li.products a:hover { background: url(images/energy_sales_nav_02.gif) 0 -53px; }
				
				#container #header ul li.service_area a { background: url(images/energy_sales_nav_03.gif); width: 190px; }
				#container #header ul li.service_area a:hover { background: url(images/energy_sales_nav_03.gif) 0 -53px; }
				
				#container #header ul li.gallery a { background: url(images/energy_sales_nav_04.gif); width: 131px; }
				#container #header ul li.gallery a:hover { background: url(images/energy_sales_nav_04.gif) 0 -53px; }
				
				#container #header ul li.location a { background: url(images/energy_sales_nav_05.gif); width: 137px; }
				#container #header ul li.location a:hover { background: url(images/energy_sales_nav_05.gif) 0 -53px; }
				
				#container #header ul li.contact a { background: url(images/energy_sales_nav_06.gif); width: 158px; }
				#container #header ul li.contact a:hover { background: url(images/energy_sales_nav_06.gif) 0 -53px; }
				
	#container #body {
		margin-bottom: 35px;
	}
	
		#container #body #home_tagline {
			text-indent: -9999px;
			width: 850px;
			height: 276px;
			background: url(images/energy_sales_web_14.jpg) no-repeat;
		}
		
		#container #body #home_content {
			background: url(images/energy_sales_web_backs_05.jpg) no-repeat;
		}
		
		#container #body .column_one {
			float: left;
			width: 454px;
			border-right: 2px solid #fff;
			padding: 5px 35px 0 0;
			margin-top: 27px;
		}
			#container #body .column_one h2 { 
				width: 479px;
				height: 32px;
				text-indent: -9999px;
				margin-bottom: 5px;
			}
			#container #body .column_one h2.home_about {
				background: url(images/energy_sales_web_16.gif) no-repeat;
			} 
			#container #body .column_one h2.products {
				background: url(images/titles/products_1.gif) no-repeat;
			}
			#container #body .column_one h2.service_area {
				background: url(images/titles/service_area_1.gif) no-repeat;
			}
			#container #body .column_one h2.gallery_kf {
				background: url(images/titles/gallery_kf.gif) no-repeat;
			}
			#container #body .column_one h2.gallery_mallard {
				background: url(images/titles/gallery_mallard.gif) no-repeat;
			}
			#container #body .column_one h2.gallery_hydroseal {
				background: url(images/titles/gallery_hydroseal.gif) no-repeat;
			}
			#container #body .column_one h2.gallery {
				background: url(images/titles/gallery_1.gif) no-repeat;
			}
			#container #body .column_one h2.location {
				background: url(images/titles/location_1.gif) no-repeat;
			}
			#container #body .column_one h2.contact {
				background: url(images/titles/contact_1.gif) no-repeat;
			}
			
			#container #body .column_one h3 {
				font-size: 18px;
				margin-bottom: 10px;
				font-weight: 100;
			}
		
		#container #body .column_two {
			float: right;
			width: 317px;
			padding: 5px 0 0 0;
			margin-top: 27px;
		}
			#container #body .column_two h2 { 
				width: 312px;
				height: 32px;
				text-indent: -9999px;
				margin-bottom: 5px;
			}
				#container #body .column_two h2.home_contact {
					background: url(images/energy_sales_web_18.gif) no-repeat;
				}
				#container #body .column_two h2.manufacturers {
					background: url(images/titles/manufacturers_2.gif) no-repeat;
				}
				#container #body .column_two h2.albums {
					background: url(images/titles/albums_2.gif) no-repeat;
				}
				#container #body .column_two h2.individual_contact {
					background: url(images/titles/contact_individuals_2.gif) no-repeat;
				}
			
	#footer {
		height: 65px;
		clear: both;
		border-top: 2px solid #fff;
		padding-top: 20px;
	}
		#footer ul.nav li {
			list-style: none;
			float: left;
			margin-right: 20px;
			height: 35px;
		}
		
		#footer ul.info { clear: both; margin-left: 350px; }
		#footer ul.info li {
			list-style: none;
			float: left;
			margin-right: 20px;
			height: 35px;
		}
		
/* Products Styles */

#container #body .column_two ul.manufacturers li {
	list-style: none;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #666;
}
	#container #body .column_two ul.manufacturers li a {
		display: block;
		width: 317px;
		text-indent: -9999px;
	}
	
	#container #body .column_two ul.manufacturers li.mallard a { background: url(images/manufacturers/mallard_1.gif) no-repeat; height: 55px; }
	#container #body .column_two ul.manufacturers li.mallard a:hover { background: url(images/manufacturers/mallard.gif) no-repeat; height: 55px; }
	#container #body .column_two ul.manufacturers li.hydroseal a { background: url(images/manufacturers/hydroseal_1.gif) no-repeat; height: 34px; }
	#container #body .column_two ul.manufacturers li.hydroseal a:hover { background: url(images/manufacturers/hydroseal.gif) no-repeat; height: 34px; }
	#container #body .column_two ul.manufacturers li.kf a { background: url(images/manufacturers/kf_1.gif) no-repeat; height: 49px; }
	#container #body .column_two ul.manufacturers li.kf a:hover { background: url(images/manufacturers/kf.gif) no-repeat; height: 49px; }
	#container #body .column_two ul.manufacturers li.fike a { background: url(images/manufacturers/fike.gif) no-repeat; height: 77px; }
	#container #body .column_two ul.manufacturers li.fike a:hover { background: url(images/manufacturers/fike_1.gif) no-repeat; height: 77px; }
	#container #body .column_two ul.manufacturers li.seaboard a { background: url(images/manufacturers/seaboard_1.gif) no-repeat; height: 75px; }
	#container #body .column_two ul.manufacturers li.seaboard a:hover { background: url(images/manufacturers/seaboard.gif) no-repeat; height: 75px; }
		
		
		
/* Gallery Page Styles */

#body .column_two .gallery_albums li {
	list-style: none;
	margin-bottom: 10px;
	border: 3px solid #000;
	width: 200px;
	height: 189px;
}
#body .column_two .gallery_albums li.selected { border: 3px solid #f7ff7c; }

	#body .column_two .gallery_albums li a {
		display: block;
		width: 200px;
		height: 189px;
		text-indent: -9999px;
	}
	
	#body .column_two .gallery_albums li.kf_controllers a { background: url(images/gallery/kf_controllers.jpg) no-repeat; }
	#body .column_two .gallery_albums li.mallard a { background: url(images/gallery/mallard.jpg) no-repeat; }
	#body .column_two .gallery_albums li.hydroseal a { background: url(images/gallery/hydro_valves.jpg) no-repeat; }


#body .column_one .gallery_images li {
	width: 140px;
	height: 88px;
	overflow: hidden;
	list-style: none;
	float: left;
	margin: 0 11px 10px 0;
}