@charset "utf-8";
@import url('css/reset.css');

body {
	background:url(images/bg.gif) center center repeat;
	color:#222222;
	font-family:Arial, Helvetica, sans-serif;
}
#full {
	width:100%;
	float:left;
}
.wrapper {
	width:1024px;
	margin:0 auto;
}

/*Header*/
.header {
	height:300px;
	position:relative;
}
	.header img.bg {
		width:100%;
		height:300px;
		float:left;
		position:absolute;
		top:0;
		left:0;
		z-index:-999;
	}
	
	.header ul#image_tmb {
		width:750px;
		margin:70px auto;
	}
		.header ul#image_tmb li {
			margin:0 20px;
		}
			.header ul#image_tmb li a {
				background:#EEE;
				float:left;
				border:#FFF solid 5px;
			}
				.header ul#image_tmb li a img {
					width:100px;
					min-height:100px;
				}
	.header .logo {
		width:600px;
		margin:30px auto;
	}
	
/*Base*/
#base {
	width:100%;
	float:left;
	padding:10px 0;
}

	/*Sidebar*/
	#base #sidebar {
		width:200px;
		float:left;
		margin-right:10px;
	}
		#base ul#nav {
			width:100%;
			float:left;
		}
			#base ul#nav li {
				width:100%;
				float:left;
				margin:5px 0;
				border-bottom:1px dotted #CCB67B;
			}
			  #base ul#nav li.last {
				border:none;
			  }
				#base ul#nav li a {
					/*background:url(images/nav.png) top left no-repeat;*/
					width:160px;
					/*height:21px;
					padding:7px 30px 7px 10px;*/
					float:left;
					font-size:1.125em;
					font-weight:bold;
					/*color:#2f5823;
					text-shadow: 1px 1px 0px #83a877;
					filter: dropshadow(color=#83a877, offx=1, offy=1);*/
					
					letter-spacing:5px;
					padding:10px;
					color:#454545;
				}
					#base ul#nav li a:first-letter {
						font-size:30px;
					}
					#base ul#nav li a:hover {
						/*background-position:0 -35px;*/
						text-shadow:none;
						text-decoration:none;
						
						color:#222;
					}
					#base ul#nav li a:active, #base ul#nav li a.current {
						background-position:0 -70px;
						color:#93741d;
						text-shadow: 1px 1px 0px #f6dfa0;
					}
		
		/*Content Area*/
		#content-area {
			width:800px;
			padding:5px 5px;
			float:left;
			font-size:0.75em;
		}
			#content-area #banner {
				background:url(images/banner-shadow.png) bottom center no-repeat;
				width:790px;
				height:300px;
				float:left;
			}
				#content-area #banner img {
					width:100%;
					min-height:250px;
				}
				
			#content-area h1 {
				color:#548138;
				font-size:30px;
				font-weight:bold;
				text-shadow: 1px 1px 0px #FFF;
			}
			#content-area h2 {
				color:#4B3C1B;
				font-size:20px;
			}
			
			/*Image Gallery*/
			#content-area ul#image_gallery {
				width:100%;
				float:left;
			}
				#content-area ul#image_gallery li {
					width:150px;
					height:150px;
					float:left;
					overflow:hidden;
					margin:15px;
					border:10px solid #FFF;
					outline:1px solid #DDD;
				}
					#content-area ul#image_gallery li img {
						width:150px;
						min-height:150px;
					}
			
			/*Rate Table*/
			#content-area #rate-table {
				background:#FFF;
				width:100%;
				float:left;
				padding:10px 0;
				margin-top:20px;
				
				-webkit-box-shadow:  0px 1px 3px 0px rgba(0, 0, 0, .5);
				box-shadow:  0px 1px 3px 0px rgba(0, 0, 0, .5);
				
				-webkit-border-radius: 5px;
				border-radius: 5px;
			}
				#content-area #rate-table ul.rates {
					width:780px;
					float:left;
					margin:5px 10px 5px 10px;
				}
					#content-area #rate-table ul.rates li {
						background:#fbfbfb;
						width:238px;
						text-align:center;
						color:#0B9444;
						font-size:24px;
						border:1px solid #CCC;
						border-left:0;
						padding:10px 0;
					}
					#content-area #rate-table ul.rates li.name {
						background:#FFF;
						width:280px;
						text-align:left;
						color:#454545;
						font-size:18px;
						padding:14px 10px;
						border:0;
						border-right:1px solid #ccc;
					}
					
		/*Contact*/
		ul.contact {
			width:300px;
			font-size:16px;
			color:#444;
			float:left;
		}
			ul.contact li {
				padding:10px 0;
			}
					
/*Footer*/
#footer {
	background:url(images/footer-bg.png) top center no-repeat;
	width:100%;
	float:left;
	padding:20px 0;
	margin:10px 0;
	color:#755d29;
	font-size:0.625em;
	text-align:center;
}

/*Others*/
a {
	color:#42702f;
}
	a:hover {
		text-decoration:none;
		text-decoration:underline;
	}