@charset "utf-8";
/* CSS Document */

@import url("../font/fonts.css");

html {
	margin:		0;
	font:		12px 'opensan_R', arial;
	color:		#333;
	cursor:		default;
	background:	url(../image/bag_wood_main.jpg) top fixed repeat #563720; }
	
	body { margin: 0; 	}
	
		b, strong { font-family:'opensan_B', arial; }
	
.header {
	display:	table;
	width:		1000px;
	padding:	20px 0 10px 0;
	margin:		auto;
	text-align:	center; }
	
	.header .menu {
		display:	 block;
		padding-top: 10px;
		margin-top:  10px;
		border-top:  1px solid #fff; }
		
		.header .menu a {			
			font:			 	16px 'opensan_R', arial;
			color:			 	#fff;
			text-transform:  	uppercase;
			text-decoration: 	none;
			display:		 	inline-block;
			margin:			 	0 20px;
			-webkit-transition: all 0.2s ease-out 0s;
			-moz-transition: 	all 0.2s ease-out 0s;
			-ms-transition: 	all 0.2s ease-out 0s;
			-o-transition: 		all 0.2s ease-out 0s;
			transition: 		all 0.2s ease-out 0s; } .header .menu a:hover { opacity: 0.5; }
			
.pages {
	display:	 table;
	margin:		 auto;
	width:		 1000px; }
	
	.booking {
		width:		1000px;
		height:		35px;
		display:	block;
		background:	#f0eceb;
		margin-top:	10px; }
		
		.booking strong { font-family:'opensan_R', arial; }
		
		.booking div.left {
			font-size:	14px;
			display:	table;
			padding:	8px 0 0 10px;
			float:		left; }
		
		.booking div.isi {
			font-size:			14px;
			overflow:			hidden;
			float:				right;
			background:			#f0eceb;
			height:				21px;
			width:				700px;
			position:			relative;
			z-index:			9;
			padding:			7px 10px 7px 30px;
			-webkit-transition: all 0.5s ease-out 0s;
			-moz-transition: 	all 0.5s ease-out 0s;
			-ms-transition: 	all 0.5s ease-out 0s;
			-o-transition: 		all 0.5s ease-out 0s;
			transition: 		all 0.5s ease-out 0s; } .booking div.isi:hover { height:246px; margin-top:-225px; background:#ddd; }
			
			.booking div img.ui-datepicker-trigger { vertical-align:middle; margin-left:3px; margin-top:-1px; }
			
			.booking div div.warning {
				font:13px 'opensan_L', arial; 
				display:block; 
				background:#673621;
				padding:10px 8px;
				color:#fff;
				text-transform:capitalize;
				margin:7px -10px 0 -30px;
				text-align:center; }
			
			.booking div.isi span {
				display:	 table;
				float:		 left;
				margin-right:25px; }
			
			.booking div.isi input, .booking div.isi select {
				font:12px 'opensan_L', arial; }
			
			.booking div.isi label {
				font:14px 'opensan_L', arial;
				display:inline-block;
				width:100px; }
				
			.booking div.isi div.complete {
				display:	  block;
				margin-left:  -30px;
				margin-right: -10px;
				margin-top:   11px;
				padding:	  20px 10px 10px 30px;
				line-height:  30px; }
				
				.booking div.isi div.complete input[type="submit"],
				.booking div.isi div.complete input[type="button"] {
					display:				inline-block;
					float:					right;
					margin:					-5px 25px 0 0;
					border:					none;
					background:			    url(../image/icon_send.png) 140px center no-repeat #673621;
					color:					#fff;
					font:					16px 'opensan_R', arial;
					padding:				5px 7px;
					-webkit-border-radius: 	5px;
					-moz-border-radius: 	5px;
					border-radius: 			5px;
					-webkit-transition: 	all 0.3s ease-out 0s;
					-moz-transition: 		all 0.3s ease-out 0s;
					-ms-transition: 		all 0.3s ease-out 0s;
					-o-transition: 			all 0.3s ease-out 0s;
					transition: 			all 0.3s ease-out 0s; } 
					
					.booking div.isi div.complete input[type="submit"]:hover,
					.booking div.isi div.complete input[type="button"]:hover { 
						cursor:pointer; 
						background:url(../image/icon_send.png) 135px center no-repeat #482400;
						padding-right:40px; }
	
	.pages div.bannerPlace {
		width:				1000px;
		display:			table;
		background: 		#fff;
		margin:    			auto; 
		-moz-box-shadow: 	0 0 5px 1px #000;
		-webkit-box-shadow: 0 0 5px 1px #000;
		box-shadow: 		0 0 5px 1px #000;
		margin-top:			10px; }
		
		.pages div.bannerPlace iframe {
			width:				1000px;
			height:     		300px;
			overflow:   		hidden;
			margin:    			auto; 
			border:				none; }
		
	.pages .facilitiesMenu {
		display:		block;
		margin-top:		10px;
		padding:		10px 0;
		border-top:		1px solid #fff;
		border-bottom:	1px solid #fff;
		text-align:		center; }
		
		.pages .facilitiesMenu a {			
			font:			 	24px 'opensan_L', arial;
			color:			 	#fff;
			text-transform:  	uppercase;
			text-decoration: 	none;
			display:		 	inline-block;
			margin:			 	0 20px;
			-webkit-transition: all 0.2s ease-out 0s;
			-moz-transition: 	all 0.2s ease-out 0s;
			-ms-transition: 	all 0.2s ease-out 0s;
			-o-transition: 		all 0.2s ease-out 0s;
			transition: 		all 0.2s ease-out 0s; } .pages .facilitiesMenu a:hover { opacity: 0.5; }
			
	.pages .content {
		width:		970px;
		display:	table;
		margin:		0;
		padding:	15px;
		background: #f0eceb;
		margin-top:	10px; }
		
	.pages .gallery {
		width:			1000px;
		display:		table;
		margin:			auto;
		margin-top:		10px;
		padding-bottom: 10px; }
		
		.pages .gallery .left {
			width:		190px;
			display:	table;
			float:		left;
			color:		#fff;}
			
			.pages .gallery .left span {
				font:			24px 'opensan_R', arial;
				display:		block;
				border-top:		2px solid #fff;
				margin-bottom:	15px;
				padding-top:	5px; }
				
			.pages .gallery .left a {
				display:		 	block;
				font:			 	16px 'opensan_R', arial;
				text-decoration: 	none;
				border-bottom:	 	1px dotted #fff;
				padding:		 	5px 0;
				color:	 		 	#fff;
				opacity:		 	0.7;
				-webkit-transition: all 0.3s ease-out 0s;
				-moz-transition: 	all 0.3s ease-out 0s;
				-ms-transition: 	all 0.3s ease-out 0s;
				-o-transition: 		all 0.3s ease-out 0s;
				transition: 		all 0.3s ease-out 0s;  } .pages .gallery .left a:hover { opacity:1; }
		
		.pages .gallery .right {
			width:		801px;
			display:	table;
			float:		right; }
			
			.pages .gallery .right a {
				display: block;
				width:	 195px;
				height:  195px;
				margin:  0 0 5px 5px;
				float:   left; }
				
				.pages .gallery .right a span {
					display:			block;
					width:				195px;
					height:				195px;
					margin-top:			-195px;
					position:			absolute;
					z-index:			2;
					opacity:			0;
					background:			url(../image/zoom.png) 80px 90px no-repeat rgba(000, 000, 000, 0.8);
					-webkit-transition: all 0.4s ease-out 0s;
					-moz-transition: 	all 0.4s ease-out 0s;
					-ms-transition: 	all 0.4s ease-out 0s;
					-o-transition: 		all 0.4s ease-out 0s;
					transition: 		all 0.4s ease-out 0s; }
					
					.pages .gallery .right a:hover span {
						background-position: 80px 70px;
						opacity:			 1; }
						
		.pages .facilities {
			width:	   		1005px;
			display:	   	table;
			padding-right: 	5px;
			margin:		   	auto;
			padding-top:	10px;
			margin:  		0 -5px;
			padding-bottom: 10px; }
			
			.pages .facilities a {
				display: block;
				width:	 195px;
				height:  195px;
				margin:  0 0 5px 5px;
				float:   left; }
				
				.pages .facilities a span {
					display:			block;
					width:				195px;
					height:				195px;
					margin-top:			-195px;
					position:			absolute;
					z-index:			2;
					opacity:			0;
					background:			url(../image/zoom.png) 80px 90px no-repeat rgba(000, 000, 000, 0.8);
					-webkit-transition: all 0.4s ease-out 0s;
					-moz-transition: 	all 0.4s ease-out 0s;
					-ms-transition: 	all 0.4s ease-out 0s;
					-o-transition: 		all 0.4s ease-out 0s;
					transition: 		all 0.4s ease-out 0s; }
					
					.pages .facilities a:hover span {
						background-position: 80px 70px;
						opacity:			 1; }
						
	.pages .contact {
		width:	     1000px;
		display:     table;
		padding-top: 10px; }
		
		.pages .contact b {
			display:		block;
			padding-bottom:	10px;
			font:			24px 'opensan_R';
			color:			#ba343e; }
		
		.pages .contact .contLeft {
			display:		block;
			width:			400px;
			background:     #f0eceb;
			float:			left;
			padding:		15px; }
			
			.pages .contact .contLeft iframe {				
				width:	  400px;
				height:   350px;
				overflow: hidden;
				margin:   auto; 
				border:	  none; }
		
		.pages .contact .contRight {
			display: block;
			width:	 560px;
			float: 	 right; }
			
			.pages .contact .contRight .hiji {
				background:     #f0eceb;
				display:		table;
				width:			530px;
				padding:		15px;
				margin-bottom:	10px; }
				
				
	
			
			
			
				
.footer {
	max-width:1000px;
	display:table;
	margin:auto;
	padding:20px 0; } 
		
		.footer a {
			display:inline-block;
			width:auto;
			height:28px;
			text-indent:-99999px;
			opacity:1;
			vertical-align:top;
			-webkit-transition: all 0.2s ease-out 0s;
			-moz-transition: 	all 0.2s ease-out 0s;
			-ms-transition: 	all 0.2s ease-out 0s;
			-o-transition: 		all 0.2s ease-out 0s;
			transition: 		all 0.2s ease-out 0s; } .footer a:hover { opacity:0.5; }
			
			.footer a.ym { background:url(../image/icon_yahoo.png) center no-repeat; width:30px; margin-right:5px; }
			.footer a.fb { background:url(../image/icon_fb.png) center no-repeat; width:18px; margin-right:5px; }
			.footer a.tw { background:url(../image/icon_twitter.png) center no-repeat; width:22px; }
			
		.footer form.sbc {
			display:inline-table;
			border:1px solid #fff;
			margin:0;
			padding:0;
			padding:2px 6px;
			font:12px "opensan_L", arial;
			color:#fff;  }
			
			.footer form.sbc input[type="text"] {
				width:225px;
				height:15px;
				background:none;
				border:none;
				display:inline-block;
				vertical-align:top;	
				color:#fff;	
				opacity:1;			
				-webkit-transition: all 0.2s ease-out 0s;
				-moz-transition: 	all 0.2s ease-out 0s;
				-ms-transition: 	all 0.2s ease-out 0s;
				-o-transition: 		all 0.2s ease-out 0s;
				transition: 		all 0.2s ease-out 0s;
				font:12px "opensan_L", arial;
				margin-top:2px;
				padding:0 3px;} 
				
				.footer form.sbc input[type="text"]:hover,
				.footer form.sbc input[type="text"]:focus  {opacity:0.5;}
			
			.footer form.sbc input[type="submit"] {
				width:25px;
				height:15px;
				background:url(../image/bag_sbc.png) center no-repeat;
				border:none;
				display:inline-block;
				text-indent:-9999999px;
				cursor:pointer;
				opacity:0.6;
				margin-top:2px;
				-webkit-transition: all 0.2s ease-out 0s;
				-moz-transition: 	all 0.2s ease-out 0s;
				-ms-transition: 	all 0.2s ease-out 0s;
				-o-transition: 		all 0.2s ease-out 0s;
				transition: 		all 0.2s ease-out 0s; } .footer form.sbc input[type="submit"]:hover {opacity:1;}
				
			.footer form.sbc label {
				display:inline-block;
				padding-right:3px;
				border-right:1px solid #fff;
				padding-top:2px;
				vertical-align:top;
				margin-top:2px; }