@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; background:url(../images/bg.jpg) no-repeat center center fixed; -moz-background-size: cover;
	-webkit-background-size: cover; -o-background-size: cover; background-size: cover; font-family:Verdana, Geneva, sans-serif}

#wrapper{width:960px; overflow:hidden; display:block; margin:0 auto}
	.spacer{width:100%; height:10px; clear:both; line-height:10px}
	h1{font-family:'tahoma'; font-size:18px; color:#0b6146; margin:10px 0 0 0px}
	h2{font-family:'tahoma'; font-size:18px; color:#FFF; margin:10px 0 20px 0px}
	p{font-size:13px; color:#4d4d4c; line-height:20px}

	#banner{height:147px; width:960px; clear:both}
		.logo{z-index:9999; text-align:center; position:absolute; margin:-50px 0 0 330px}
		.icon{float:left; margin-top:10px}
		.tel{float:right; margin-top:20px; font-family:'HELVETICALTSTD-ROMAN_0'; color:#046043; font-size:22px; 
				background:url(../images/telephone.png) no-repeat left; padding-left:60px; font-weight:bold; height:30px; 
				padding-top:10px}
				
		#menu{width:960px; background:url(../images/menuBg.jpg) repeat-x; -moz-border-radius:5px; -webkit-border-radius:5px; 
			border-radius:5px; height:51px; position:absolute}
		#menu_left{float:left; margin:0 0 0 20px; width:290px}
		#menu_right{float:right; margin:0px 20px 0 0px; width:365px}
		#menu ul li{float:left; list-style-type:none; font-family:'tahoma'; font-size:16px; margin:10px 2px}
		#menu ul li a{display:block; color:#fff; padding:8px 20px}
		#menu ul li a:hover{background:url(../images/menuHoverBg.jpg) repeat-x; -moz-border-radius:5px; -webkit-border-radius:5px; 
					border-radius:5px}
		.active a{background:url(../images/menuHoverBg.jpg) repeat-x; -moz-border-radius:5px; -webkit-border-radius:5px; 
					border-radius:5px}
		
		#slide{float:left; width:670px; height:350px; margin-top:15px}
		#reservation{float:right; background:url(../images/reservationBg.png) no-repeat; width:280px; height:371px}
			.p{font-family:'TECHNCL0'; font-size:16px; color:#000; text-align:center; line-height:24px; padding:70px 0 0 10px; width:250px}
			.weather{margin:20px 0 0 45px}
			.book_now{margin:10px 0 0 40px}
			
		#amenities{float:left; background:url(../images/amenitiesBg.png) no-repeat; width:293px; height:394px; padding:4px 0 0 20px}
		#amenities li{list-style-type:none; background:url(../images/liststyle.jpg) no-repeat left; background-position:0.2em 0.6em; 
				padding-left:20px; line-height:18px; font-size:12px;}
			.more{float:right; padding:10px 50px 0 0; font-size:12px}
			.amenities_icon{margin:15px 0 0 5px}
			.card{margin:40px 0 0 30px}
		
		#welcome{float:right; width:551px; height:384px; background:url(../images/welcomeBg.png) no-repeat; padding:25px 20px 0 40px}
		#scroll{margin:20px 0 0 20px}
		#scroll img{margin:0 5px}
		.address{font-size:14px; font-weight:bold; color:#c20018; padding-top:15px; text-align:center}
		
		#footer{width:960px; height:77px; background:url(../images/footerBg.png) no-repeat}
			.copy, .design{float:left; font-size:11px; color:#000; padding:40px 0 0 40px}
			.design{float:right; padding:40px 40px 0 0}
			.design a{color:#F00; list-style-type:none}
			.design a:hover{color:#000}
			
			
#mid{width:920px; height:auto; padding:20px; background-color:#f3f3f3; overflow:hidden}
	.image{margin:15px 30px; float:left}
	.area_attraction{float:left; font-size:15px; color:#900; line-height:26px; padding-top:20px}
	.attraction-img{float:right; margin-right:25px}
	.map{float:left; width:500px}
	.form{float:right; margin-right:10px}