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

* {
	margin: 0;
	padding: 0;
}

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

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

h3 { 
	font-size: 16px;
	font-weight: 100;
	border-bottom: 1px solid #fff;
	color: #fff;
}

img.three_grid {
	float: left;
	width: 30%;
	margin-left: 3%;
}

#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: 175px;
		position: relative;
		margin: 0 0 14px 0;
	}
	
		#header h1 {
			position: absolute;
			top: 0;
			left: -60px;
			width: 397px;
			height: 217px;
			z-index: 200;
		}
			#header h1 a {
				display: block;
				width: 397px;
				height: 217px;
				text-indent: -9999px;
				background: url(images/east_web_logo.png) no-repeat;
			}
			
		#header h2 {
			position: absolute;
			 top: 19px;
			 left: 732px;
			 width: 215px;
			 height: 79px;
			 text-indent: -9999px;
			 background: url(images/east_web_03.gif) no-repeat;
		}
		
		#header  p {
			display: block;
			position: absolute;
			top: 23px;
			height: 29px;
			left: 680px;
		}
		
		#header > ul {
			position: absolute;
			top: 108px;
			left: 0;
			width: 609px;
			height: 67px;
			background: url(images/east_web_07.jpg) no-repeat;
			padding-left: 341px;
			z-index: 198;
		}
			#header > ul > li {
				list-style: none;
				float: left;
				height: 67px;
			}
				#header ul > li > a  {
					display: block;
					height: 67px;
					text-indent: -9999px;
				}
					#header > ul > li > a:hover { background-position: 0 -67px; }
				
					#header > ul > li.nav_home > a { background-image: url(images/east_nav_01.jpg); width: 92px; }
					#header > ul > li.nav_about > a { background-image: url(images/east_nav_02.jpg); width: 168px; }
					#header > ul > li.nav_corporate > a { background-image: url(images/east_nav_03.jpg); width: 200px; }
					#header > ul > li.nav_contact > a { background-image: url(images/east_nav_04.jpg); width: 149px; }
					
					
	#content {
		position: relative;
		width: 950px;
	}
		#content #east_banner {
			position: absolute;
			top: 0;
			left: 494px;
			z-index: 200;
		}
		
		#home_content { }
			
			#home_title {
				width: 950px;
				height: 68px;
				text-indent: -9999px;
				background: url(images/east_web_12.jpg);
				margin: 0;
			}
			
			#home_col_one {
				width: 320px;
				padding: 23px 0 0 18px;
				float: left;
			}
				#home_col_one h3 {
					width: 320px;
					height: 28px;
					background: url(images/east_web_16.gif) no-repeat;
					text-indent: -9999px;
					border-bottom: 5px solid #fff448;
				}
				
			#home_col_two {
				width: 588px;
				height: 395px;
				float: right;
				padding: 0 12px 12px 12px;
				background: url(images/east_web_14.gif) no-repeat;
				margin-bottom: 35px;
			}
	
		#col_one {
			position: relative;
			float: left;
			width: 629px;
			background: url(images/top_photo.jpg) no-repeat #624521;
			border: 5px solid #563b1a;
			min-height: 700px;
			padding: 70px 20px 50px 20px;
			margin-bottom: 30px;
		}
		
			#col_one h2.title {
				width: 800px;
				height: 68px;
				text-indent: -9999px;
				margin: 0 0 20px -35px;
				position: relative;
			}
				h2#title_about { background: url(images/titles/about.png) no-repeat; }
				h2#title_corporate { background: url(images/titles/corporate.png) no-repeat; }
				h2#title_contact { background: url(images/titles/contact.png) no-repeat; }
		
		#col_two {
			position: relative;
			float: right;
			width: 240px;
			padding: 180px 0 0 0;
		}
		
	#footer {
		position: relative;
		width: 950px;
		height: 89px;
		background: url(images/east_web_20.jpg) no-repeat;
		color: #69a46e;
	}
		#footer a { color: #84bb89; }
		
		#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;
			}