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

	styles.css 
	for Waterfall Beverages
	
	created by 
	Kagan Creative, LLC
	
******************************/

body {
	margin: 0; padding: 0;
	text-align: center;
	background: #241802;
	font-family: Myriad Pro, Verdana, arial, sans-serif;
}

a img { border: none; }

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

a:hover { text-decoration: underline; }

.clear {
	clear: both;
}

#container {
	margin: 20px auto 10px auto; padding: 0;
	width: 930px;
	_width: 940px;
	text-align: left;
	background: #ffffff;
}

#header {
	margin: 10px 0 0 10px; padding: 0;
	width: 906px;
	height: 126px;
	float: left;
	background: url("../images/bg_header.gif") top left no-repeat;
}

#header p {
	margin: 85px 15px 0 0;
	width: 279px;
	line-height: 18px;
	text-align: right;
	float: right;
	font-size: 10px;
	font-family: Myriad Pro, Verdana, arial, sans-serif;
	color: #ffffff;	
}

#logo {
	margin: 0; padding: 0;
	height: 123px; 
	width: 470px;
	float: left;
}

#footer {
	margin: 0 0 10px 10px; padding: 0;
	width: 906px;
	height: 41px;
	float: left;
	display: block;
	background: url("../images/bg_footer.gif") top left no-repeat;	
}

#footer p {
	margin: 15px 0 0 25px;
	padding: 0;
	font-size: 10px;
	font-family: Myriad Pro, Verdana, arial, sans-serif;
	color: #ffffff;
}

#nav {
	margin: 10px 0 0 10px; padding: 5px 0 0 0;
	width: 906px;
	height: 20px;
	float: left;
}

#nav a {
	margin: 0; padding: 0;
	color: #3b2702;
	font-size: 17px;
	width: 129px; 
	display: block;
	font-family: Myriad Pro, Verdana, arial, sans-serif;
	float: left;
	text-align: center;
}

#nav a:hover {
	text-decoration: none;
	z-index: 10;
}

.nav_home a {
	margin: 0;
	width: 129px; 
	height: 45px;
	z-index: 10;
	position: absolute;

}

#nav .nav_products a {
	margin: 0 0 0 129px;
	width: 129px; 
	height: 45px;
	z-index: 10;
	position: absolute;
}

#nav .nav_equipment a {
	margin: 0 0 0 260px;
	width: 129px; 
	height: 45px;
	z-index: 10;
	position: absolute;
}

#nav .nav_marketing a {
	margin: 0 0 0 390px;
	width: 129px; 
	height: 45px;
	z-index: 10;
	position: absolute;
}

#nav .nav_clients a {
	margin: 0 0 0 520px;
	width: 129px; 
	height: 45px;
	z-index: 10;
	position: absolute;
}

#nav .nav_about a {
	margin: 0 0 0 650px;
	width: 129px; 
	height: 45px;
	z-index: 10;
	position: absolute;
}

#nav .nav_contact a {
	margin: 0 0 0 780px;
	width: 129px; 
	height: 45px;
	z-index: 10;
	position: absolute;
}

.nav_home a:hover, .nav_products a:hover, .nav_equipment a:hover, 
.nav_marketing a:hover, .nav_clients a:hover, .nav_about a:hover, 
.nav_contact a:hover {
	background: url("../images/nav_on.png") bottom left no-repeat;
	_background: url("../images/nav_on.gif") bottom left no-repeat;	
}



#content {
	margin: 10px 0 0 10px; padding: 0 0 10px 0;
	background: #91b1dd;
	width: 906px;
	float: left;
}

#content h2 {
	margin: 0; padding: 0;
	font-size: 18px;
	font-weight: normal;
	font-family: Myriad Pro, verdana, arial, sans-serif; 
	color: #ffffff;
	float: left;	
}

#left_col {
	margin: 40px 0 0 40px;
	_margin: 40px 0 0 20px;
	width: 580px;
	float: left;
}

	#left_col h2 {
		width: 580px;
	}

	#left_col p {
		font-family: Verdana, arial, sans-serif;
		font-size: 12px;
		line-height: 20px;
		color: #402a00;
		float: left;		
	}
	
	#left_col form {
		font-family: Verdana, arial, sans-serif;
		font-size: 12px;
		line-height: 20px;
		color: #402a00;
		float: left;		
	}
	
	#left_col td {
		font-family: Verdana, arial, sans-serif;
		font-size: 12px;
		line-height: 20px;
		color: #402a00;
		float: left;		
	}
	
	
	#left_col_box {
		margin: 10px 0 0 0; padding: 5px 25px 10px 25px;
		float: left;
		width: 500px;
		background: #afa69e;
		color: #ffffff;		
		font-family: Verdana, arial, sans-serif;
		font-size: 12px; 
		line-height: 16px;
	}
	
	#left_col_box_detail {
		margin: 10px 0 0 0; padding: 5px 25px 10px 25px;
		float: left;
		width: 500px;
		background: #afa69e;
		color: #ffffff;		
		font-family: Verdana, arial, sans-serif;
		font-size: 12px; 
		line-height: 16px;
	}
	
	#left_col_box_detail p {
		margin: 0; padding: 0; 
		color: #ffffff;		
		width: 600px; 
		float: left;
		font-family: Verdana, arial, sans-serif;
		font-size: 12px; 
	}
	
	
	
	#left_col_box img {
		float: left;
		border: solid 2px #91b1dd;
		
	}
	
	#left_col_box p {
		margin: 0; padding: 0; 
		color: #ffffff;		
		width: 400px; 
		float: right;
		font-family: Verdana, arial, sans-serif;
		font-size: 12px; 
		
	}
	
	#left_col_box p.nopadding {
		margin: 0; padding: 0; 
		color: #ffffff;		
		width: 600px; 
		float: left;
		font-family: Verdana, arial, sans-serif;
		font-size: 12px; 
	}
	
	#left_col_box h3 { 
		margin: 0; padding: 0; 
		color: #ffffff;		
		font-family: Verdana, arial, sans-serif;
		font-size: 12px; 
		font-weight: normal;
	}


#right_col {
	margin: 40px 20px 0 0;
	_margin: 40px 10px 0 0;
	width: 254px; 
	float: right;
}

#right_col_box {
	margin: 0; padding: 10px 0 0 5px;	
	width: 254px;
	background: url("../images/right_box_rp.gif") top left repeat-y;
	float: left;
	text-align: center;
}

#right_col p {
	margin: 10px 0 0 15px; padding: 0;
	_margin: 10px 0 0 5px;
	float: left; 
	color: #402a00;
	font-size: 12px;
	text-align: left;
	width: 230px;
}

#right_col_box_top {
	margin: 0; padding: 0;
	_margin-bottom: -5px;
	width: 254px;
	height: 34px;
	float: left;
}

#right_col_box_bottom {
	margin: 0 0 10px 0;
	_margin: 10px 0 0 10px 0;
	width: 254px;
	height: 17px; 
	display: block;
	background: url("../images/right_box_bottom.gif") top left;
	float: left;
}

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

#index_left_col {
	margin: 0; padding: 0;
	width: 620px;
	float: left;
}

#index_left_col p {
	float: left;
	color: #3f2a00;
	font-size: 14px;
	margin: 10px 0 10px 20px;
	_margin: 10px 0 10px 10px;
}

#index_image_divider {
	margin: 0 0 10px 0; padding: 0;
	width: 620px;
	height: 7px;
	display: block;
	background: url("../images/index_img_div.jpg") top left no-repeat;
}

#index_left_col h2, #index_right_col h2 {
	margin: 10px 0 0 15px; padding: 8px 0 0 50px;
	min-height: 30px;
	height: auto !important;
	height: 30px;
	font-size: 18px; 
	color: #ffffff;
	font-family: Myriad Pro, arial, sans-serif;
	font-weight: normal;
}

#index_left_col h2 {
	width: 620px;
	_width: 500px;
	
}

	h2.sh_equipment { 
		background: url("../images/sh_equipment.gif") top left no-repeat;
	}

	h2.sh_news { 
		background: url("../images/sh_news.gif") top left no-repeat;
	}
	
	h2.sh_service { 
		background: url("../images/sh_service.gif") top left no-repeat;
	}	
	
	h2.sh_distribution { 
		background: url("../images/sh_distribution.gif") top left no-repeat;
	}	

	h2.sh_marketing { 
		background: url("../images/sh_marketing.gif") top left no-repeat;
	}		
	
#index_right_col {
	margin: 10px 20px 0 0;
	_margin: 10px 10px 0 0;
	width: 254px; 
	float: right;
}

#index_right_col p {
	margin: 10px 0 0 15px; padding: 0;
	float: left; 
	color: #402a00;
	font-size: 13px;
	text-align: left;
	width: 230px;
}	


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

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