/* CSS Document */
body {
	margin: 0 auto;
	padding: 0;
	line-height: 18px;
	text-align: center;
	color: #4b4b4b;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: url(images/basin_web_back.jpg) top center no-repeat #276aaf;
}

* {
	margin: 0;
	padding: 0;
}

a {
	color: #28ac69;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

p, h4, h3, h2 { margin-bottom: 20px; }

.vertical_list li {
	margin: 0 0 10px 35px;
}

#notice {
	border: 2px solid #FF0000;
	color:#FF0000;
	background-color:#FFFFFF;
	margin: 0px 0px 10px 0px;
	padding: 5px;
	text-align:left;
	width: 400px;
}

#nice_notice {
	border: 2px solid #006600;
	color:#006600;
	background-color:#FFFFFF;
	margin: 0px 0px 10px 0px;
	padding: 5px;
	text-align:left;
	width: 400px;
}

dl.form{ width: 100%; }
dl.form dt { float: left; margin-right: 18px; width: 100px; text-align: right; }
dl.form dd { margin: 0 0 18px 0; }
p.form_header { border-bottom: 3px solid #ccc; padding-bottom: 10px; }

img.photo_right {
	float: right;
	margin: 0 0 10px 15px;
}

img.photo_left {
	float: left;
	margin: 0 15px 10px 0;
}



/* Layout Styles */

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

	#header {
		width: 950px;
		height: 179px;
		position: relative;
		border-bottom: 17px solid #177d21;
	}
	
		#header h1 {
			position: absolute;
			top: 0;
			left: -13px;
			width: 279px;
			height: 196px;
		}
			#header h1 a {
				display: block;
				width: 279px;
				height: 196px;
				text-indent: -9999px;
				background: url(images/basin_web_02.gif) no-repeat;
			}
			
		#header h2 {
			position: absolute;
			 top: 51px;
			 left: 660px;
			 width: 288px;
			 height: 63px;
			 text-indent: -9999px;
			 background: url(images/basin_web_05.gif) no-repeat;
		}
		
		#header a#danny_btn {
			position: absolute;
			 top: 45px;
			 left: 360px;
			 width: 249px;
			 height: 69px;
			 text-indent: -9999px;
			 background: url(images/danny_btn.png) no-repeat;
		}
		
		#header > ul {
			position: absolute;
			top: 127px;
			left: 281px;
			width: 670px;
			height: 52px;
		}
			#header > ul > li {
				list-style: none;
				float: left;
				height: 52px;
			}
				#header ul > li > a  {
					display: block;
					height: 52px;
					text-indent: -9999px;
				}
				
					#header > ul > li > a:hover { background-position: 0 -52px; }
				
					#header > ul > li.nav_home > a { background-image: url(images/basin_nav_01.gif); width: 84px; }
					#header > ul > li.nav_profile > a { background-image: url(images/basin_nav_02.gif); width: 107px; }
					#header > ul > li.nav_products > a { background-image: url(images/basin_nav_03.gif); width: 120px; }
					#header > ul > li.nav_services > a { background-image: url(images/basin_nav_04.gif); width: 111px; }
					#header > ul > li.nav_area > a { background-image: url(images/basin_nav_05.gif); width: 143px; }
					#header > ul > li.nav_contact > a { background-image: url(images/basin_nav_06.gif); width: 105px; }
					
					
	#content {
		position: relative;
		width: 950px;
		background: #bddbf9;
		min-height: 780px;
	}
	
		#home_content {
			
		}
			#home_content h2 {
				
				height: 87px;
				text-indent: -9999px;
				margin-bottom: 0px;
			}
			
			
			#home_slideshow {
				height: 420px;
				background: url(images/basin_web_15.gif);
			}
			
			#home_content .home_col {
				float: left;
				height: 600px;
				background: #bddbf9;
			}
			#home_content .home_col p, #home_content .home_col ul, #home_content .home_col h3 { padding: 0 15px 0 20px; }
			
			#home_col_one {
				border-right: 1px solid #276aaf;
				width: 313px;
			}
				#home_col_one h2 { background: url(images/basin_web_16.gif) no-repeat; }
				
			#home_col_two {
				border-right: 1px solid #276aaf;
				width: 321px;
			}
				#home_col_two h2 { background: url(images/basin_web_18.gif) no-repeat; }
				
			#home_col_three {
				width: 313px;
			}
				#home_col_three h2 { background: url(images/basin_web_21.gif) no-repeat; }
			
	
	
		#col_one {
			position: relative;
			float: left;
			width: 665px;
			background: #bddbf9;
		}
			.content_inner { padding: 20px; }
		
			#col_one h2.title {
				width: 665px;
				height: 87px;
				text-indent: -9999px;
			}
				h2#title_profile { background: url(images/titles/profile.jpg) no-repeat; }
				h2#title_products { background: url(images/titles/products.jpg) no-repeat; }
				h2#title_services { background: url(images/titles/services.jpg) no-repeat; }
				h2#title_area { background: url(images/titles/area.jpg) no-repeat; }
				h2#title_contact { background: url(images/titles/contact.jpg) no-repeat; }
		
		#col_two {
			position: relative;
			float: right;
			width: 255px;
			padding: 15px;
			background: #4f86bd;
			color: #fff;
			overflow: hidden;
		}
			#col_two h2 {
				color: #fada00;
				border-bottom: 1px solid #fada00;
				font-size: 17px;
				font-weight: 100;
			}
			#col_two a {
				color: #FF0;
			}
		
	#footer {
		position: relative;
		width: 950px;
		background: #3377bd;
		color: #76ade5;
		height: 110px;
	}
		#footer a { color: #fff; }
		#footer_nav {
			position: absolute;
			top: 20px;
			left: 20px;
		}
			#footer_nav li {
				list-style: none;
				float: left;
				margin-right: 20px;
			}
			
		#footer_info {
			position: absolute;
			top: 50px;
			left: 20px;
		}
			#footer_info li {
				list-style: none;
				float: left;
				margin-right: 20px;
			}