/*******************************

	styles.css 
	for Ebatt
	
	created by KaganCreative
	
	last edit by Jeff
	on 2/4/2008
	
********************************/

body {
	margin: 0; padding: 0;
	background: #000000;
	text-align: center;
	font-family: Verdana, arial, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #231f20;	
}

#container {
	margin: 15px auto 0 auto; padding: 0;
	width: 900px;
}

a img { border: none; } 

a { text-decoration: none; color: #231f20; outline: none; }

a:hover { text-decoration: underline; outline: none; }

.clear { clear: both; }

.right { float: right; }

#header {
	margin: 0; padding: 0;
	width: 900px;
	text-align: left;
	float: left;
	height: 158px;
	display: block;
	background: url('../images/bg_header.gif') top left no-repeat;	
}

	#logo {
		margin: 25px 0 0 15px; padding: 0;
		width: 198px;
		height: 81px;
		
	}

#nav {
	margin: 20px 0 0 0; padding: 0;
	_margin: 16px 0 0 0;
	width: 900px;
	height: 32px;
	display: block;
	float: left;
	background: url('../images/nav_off.gif') top left no-repeat #ffffff;		
}

	.index #nav {
		background: url('../images/bg_nav_index.gif') top left no-repeat;	
	}

	#nav a {
		margin: 0; padding: 0;
		height: 30px;
		display: block;
		float: left;
	}
	
	#nav a span {
		position: absolute;
		top: -3000px;
	}
	
	.nav_home a {
		margin: 0; padding: 0;
		height: 30px; 
		width: 70px;
		background: url('../images/nav.gif') 0 0;				
	}
	
	.nav_home a:hover {
		background: url('../images/nav.gif') 0 -32px;		
	}

	.nav_products a {
		margin: 0; padding: 0;
		height: 30px; 
		width: 114px;
		background: url('../images/nav.gif') -70px 0;				
	}
	
	.nav_products a:hover {
		background: url('../images/nav.gif') -70px -32px;		
	}

	.nav_cost a {
		margin: 0; padding: 0;
		height: 30px; 
		width: 109px;
		background: url('../images/nav.gif') -184px 0;				
	}
	
	.nav_cost a:hover {
		background: url('../images/nav.gif') -184px -32px;		
	}
	
	.nav_about a {
		margin: 0; padding: 0;
		height: 30px; 
		width: 99px;
		background: url('../images/nav.gif') -294px 0;				
	}
	
	.nav_about a:hover {
		background: url('../images/nav.gif') -294px -32px;		
	}

	.nav_contact a {
		margin: 0; padding: 0;
		height: 30px; 
		width: 118px;
		background: url('../images/nav.gif') -393px 0;				
	}
	
	.nav_contact a:hover {
		background: url('../images/nav.gif') -393px -32px;		
	}
	
#header a.save_btn {
	height:30px;
	width: 250px; 
	float: right;
	display: block;	
}

#content {
	margin: 0; padding: 0;
	width: 900px;
	float: left;
	text-align: left;
	background: url('../images/bg_rp.gif') top left repeat-y;
	
}

#footer {
	margin: 0; padding: 0;
	width: 900px;
	text-align: left;
	float:left;
	height: 44px; 
	display: block;
	background: url('../images/bg_footer.gif') top left no-repeat;
}

#left_col {
	margin: 0; padding: 0;
	width: 645px;
	float: left;
}

#right_col {
	margin: 1px 0 0 0; padding:0;
	width: 255px;
	float: right;
}

/*---- index -----*/

#left_col h2 {
	margin: 10px 0 10px 25px; padding: 0;
	width: 584px;
	font-family: Verdana, arial, sans-serif;
	font-size: 14px;
	color: #f89c31;
	
}

#left_col p {
	margin: 10px 0 10px 25px; padding: 0;
	width: 584px;

}

#left_col ul {
	margin: 10px 20px 20px 15px; padding: 0;
	list-style-type: bullet;
	font-family: Verdana, arial, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #231f20;
	width: 584px;
}

#left_col li {
	margin: 0 0 15px 35px;	
	width: 574px;
}

#left_col li strong {
	font-size: 12px;
}


#right_col h2 {
	margin: 10px 0 10px 25px; padding: 0;
	font-family: Verdana, arial, sans-serif;
	font-size: 12px;
	color: #706f6f;
}

#right_col p {
	margin: 10px 0 10px 25px; padding: 0;
}


#right_col ul {
	margin: 25px 0 25px 20px; padding: 0;
	font-family: Verdana, arial, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #231f20;
	width: 220px;
}

#right_col li {
	margin: 0 0 0 35px;	
	*margin: 0 0 0 17px;
	padding: 0;
}

#gogreen {
	margin: 6px 5px 0 0;
	_margin: 6px 2px 0 0;
	float: right;
}

/*--- index ---*/

#left_col p.quote {
	width: 490px; 
	margin: 5px 0 10px 60px;
}

/*--- go green ---*/

#green_div {
	margin: -170px 0 0 450px;
	padding: 20px;
	width: 400px; 
	background: #cccccc;
	border: solid 2px #231f20;
	position: absolute;
	text-align: left;
}

#green_div h2 {
	font-family: Verdana, arial, sans-serif;
	font-size: 14px;
	color: #3d893b;
}

#green_div p {
	font-family: Verdana, arial, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #231f20;
}

/*---- contact form ----*/

#content table {
	margin: 0 0 0 20px;
}

/*---- hacks -----*/

img, div { behavior: url(iepngfix.htc) }