/* general */
@font-face {
    font-family: 'helveticaneuecyrroman';
    src: url('../font/helveticaneue-roman.eot');
    src: url('../font/helveticaneue-roman.eot?#iefix') format('embedded-opentype'),
         url('../font/helveticaneue-roman.woff') format('woff'),
         url('../font/helveticaneue-roman.ttf') format('truetype'),
         url('../font/helveticaneue-roman.svg#helveticaneuecyrroman') format('svg');
    font-weight: normal;
    font-style: normal;
}


html { background:#736153 url(../images/bg.jpg) repeat-x;  font-family: 'helveticaneuecyrroman', 'Helvetica','Arial', 'Tahoma', 'Thonburi',  'sans-serif';}
body { background:url(../images/body-bg.png) center top no-repeat; font-size: 14px; line-height: 1.25em; color:#dad4d0;}
body.body--1562 { background:url(../images/body-bg-2.png) center top no-repeat;}
strong { font-weight:bold; }
em { font-style:italic; }
a { color:#fff; text-decoration:none; outline:none; }
a:hover { text-decoration:none; color:#603913;}
ul { padding:0px; margin:0px auto; }
ul li { list-style:none; }
img {border:none;}
h1 , h2 , h3 , p { padding:0px; margin:0px; }
.clear {clear: both;}
.clearfix { display: block;}
.clearfix:after {clear: both; content: " "; display: block; height: 0; overflow: hidden;visibility: hidden;}
.last { margin-right:0 !important;}
.hide {display:none;}
.transition {transition : 0.35s ease; -webkit-transition : 0.35s ease; -moz-transition : 0.35s ease;-o-transition : 0.35s ease;}


.container { width:980px; margin: 0 auto; position:relative;}

.img__fade { background-color:#000; height:505px; overflow:hidden;}
.img__fade--bg_2 {position:absolute; top:463px; width:980px; height:178px; z-index:45; left:0; background:url(../images/fade-bg.png) no-repeat; height:43px; width:980px;}
.img__fade--bg { position:absolute; top:327px; width:980px; height:178px; z-index:40; left:0;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc1NGQyNSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjNzU0ZDI1IiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iMzMlIiBzdG9wLWNvbG9yPSIjNzU1NDM1IiBzdG9wLW9wYWNpdHk9IjAuNSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4MCUiIHN0b3AtY29sb3I9IiM3NTU0MzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(117,77,37,0) 0%, rgba(117,77,37,0) 1%, rgba(117,84,53,0.3) 33%, rgba(117,84,53,0.7) 90%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(117,77,37,0)), color-stop(1%,rgba(117,77,37,0)), color-stop(33%,rgba(117,84,53,0.3)), color-stop(90%,rgba(117,84,53,0.7))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(117,77,37,0) 0%,rgba(117,77,37,0) 1%,rgba(117,84,53,0.3) 33%,rgba(117,84,53,0.7) 90%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(117,77,37,0) 0%,rgba(117,77,37,0) 1%,rgba(117,84,53,0.3) 33%,rgba(117,84,53,0.7) 90%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(117,77,37,0) 0%,rgba(117,77,37,0) 1%,rgba(117,84,53,0.3) 33%,rgba(117,84,53,0.7) 90%); /* IE10+ */
background: linear-gradient(to bottom, rgba(117,77,37,0) 0%,rgba(117,77,37,0) 1%,rgba(117,84,53,0.3) 33%,rgba(117,84,53,0.7) 90%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00754d25', endColorstr='#755435',GradientType=0 ); /* IE6-8 */ }
.img__slide { overflow:hidden;}


header { position:relative; height:180px;}
header > a { width:175px; height:100px; left:20px; top:20px; position:absolute;}
	.header__logo { background: url("../images/logo.png") no-repeat scroll 0 0 transparent;height: 100px;width: 175px;}

.content { position:relative}	
.content .content__detail { width:980px; position:absolute; top:505px;}	
	.home .content__detail { height:399px;}
	.about-us .content__detail { height:399px;}
	.accommodation .content__detail { height:561px;}
	.roomrate .content__detail { height:561px;}
	.facility .content__detail { height:561px;}
	.gallery .content__detail { height:561px;}
	.contact-us .content__detail { height:401px;}
	
	
/* menu */
.top__nav { height:35px; background:url(../images/menu-bg.png) repeat-x; position:absolute; width:980px; bottom:0;}	
	.top__nav ul { margin:0; text-align:center;}
		.top__nav ul li { display: inline-block; list-style: none outside none;margin: 0 22px; position:relative;}
		.top__nav ul li { height:35px;}
		.top__nav ul li a:hover, .top__nav ul li.active a {color: #ffd5a6;}
		.top__nav > ul > li.active {background:url(../images/menu-arrow.png) center 25px no-repeat;}
		.top__nav ul li a { text-decoration: none; line-height:32px; text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);}
		
		.top__nav ul.submenu { display:none; position:absolute; z-index:999; background:url(../images/submenu-bg.png) left top repeat-x; top:35px; height:211px;}
			.top__nav ul.submenu li:nth-child(1) {background:url(../images/menu-arrow-down.png) center 1px no-repeat; padding-top:20px;}
			.top__nav ul.submenu li a { color:#dad4d0; line-height:27px;}
			.top__nav ul.submenu li a:hover, .top__nav ul.submenu li.active a {color: #ffd5a6;}
				

.bottom__nav { position:absolute; height:160px; right:69px; bottom:86px;}	
	.bottom__nav .list { float:left}
		.bottom__nav .list .img { margin-bottom:5px; background-color:#000;}	
		.bottom__nav .list a:hover img {}
		.bottom__nav .list h4 { color:#000; float:right;}
		.bottom__nav .list h4.active { color:#d2a471; padding-left:13px; background:url(../images/menu-arrow-left.png) left 2px no-repeat;}
		.bottom__nav .list a:hover img {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7;}
		.bottom__nav .list a:hover h4 {color:#fff}
		.bottom__nav .list a:hover h4.active {color:#d2a471;}
	.bottom__nav .list--slash { margin:0 32px; width:2px; height:134px; background-color:#4f3b2c;}
		
		
/* home */
.home { height:1020px;}
	.welcome__txt {background:url(../images/welcome.png) no-repeat; width:355px; height:129px; position:absolute; top:110px; left:170px;}
	.home .content__txt { color: #dad4d0; letter-spacing: 1px; position: absolute; right: 69px; text-align: right; top: 30px; }
		.home .content__txt .title, .home .content__txt-2 .title { font-size:1.6em; color:#caaa46; margin-bottom:20px;}
		.home .content__txt p, .home .content__txt-2 p { font-size:1.1em; margin-bottom:5px;}
	.home .content__txt-2 { color: #dad4d0; letter-spacing: 1px; position: absolute; right: 69px; text-align: right; top: 255px; }
	.home .content__txt-3 { color: #dad4d0; letter-spacing: 1px; position: absolute; right: 69px; text-align: right; top: 165px;  font-size:1.2em; line-height:1.25em; }





/* about-us */
.about-us {height:1020px;}
	.about-us__txt {background:url(../images/about.png) no-repeat; width:325px; height:129px; position:absolute; top:53px; left:30px;}
	.about-us .content__txt { color: #dad4d0; position: absolute; right: 69px; text-align: right; top: 120px; }
		.about-us .content__txt .title { font-size:2em; color:#caaa46; margin-bottom:20px;}
		.about-us .content__txt .title span { margin:10px; color:#907b69;}
		.about-us .content__txt p { font-size:1.3em; margin-bottom:5px;}
		
/* event */
.event {height:1152px;}
	.event span.image-caption { width:100%; font-size:1.1em; color:#c7af97; }
	.event #caption {position:relative; text-align:center;}
	.event .event__list { padding:20px 0 20px 0px; background:url(../images/bar.png) center top no-repeat; margin-top:60px;}
	.event .event__list ul {text-align: center; margin:0; }
		.event .event__list ul li { display: inline-block; margin:0 10px; }
		.event .event__list ul li.bua { width:48px; height:19px; background:url(../images/bua.png) no-repeat;}
		.event .event__list ul li.list { font-size:1.3em;}
		.event .event__list ul li.list a {color:#c7af97}
		.event .event__list ul li.list a:hover, .event .event__list ul li.list a.active {color:#c2a71c;}
		
	.event div.navigation { margin-top:10px;}



/* Accommodation */
.accommodation { height:1152px;}
	.accommodation .room__type { padding:45px 0 40px 0px; background:url(../images/bar.png) center bottom no-repeat;}
		.accommodation .room__type ul {text-align: center; margin:0; }
			.accommodation .room__type ul li { display: inline-block; width:148px; margin-right:25px; }
			.accommodation .room__type ul li:nth-child(4){margin-right:0px;}
			.accommodation .room__type ul li:hover img, .accommodation .room__type ul li.active img {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1.0;}
			.accommodation .room__type ul li img { background-color:#000; margin-bottom:5px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7; border:2px solid #9b8647;}
			.accommodation .room__type ul li p { margin-bottom:5px; color:#cdb39a; font-size:1.2em;}
			.accommodation .room__type ul li.active p, .accommodation .room__type ul li:hover p { color:#be9e37;}
	.accom__txt {background:url(../images/accom.png) no-repeat; width:338px; height:129px; position:absolute; top:213px; right:0px;}	
	.accom__room-title { font-size:2.0em; color:#ffd5a6; line-height:1em; position:absolute; top:68px; left:295px;}
		.accom__room-title span { color:#ffd5a6;}
	.accom__fac { position:absolute; left:69px; top:270px; color:#dad4d0; width:215px; text-align:right;}
		.accom__fac ul li { margin-bottom:10px; font-size:1.1em;}
	.accommodation .img__slide { position:absolute; z-index:1; top:270px; left:295px; height:231px; width:346px; overflow: hidden; /*-webkit-box-shadow: 8px 8px 1px 0px rgba(50, 50, 50, 0.25);-moz-box-shadow:    8px 8px 1px 0px rgba(50, 50, 50, 0.25);box-shadow:         8px 8px 1px 0px rgba(50, 50, 50, 0.25);*/}
	.accommodation .img__fade--2 { overflow: hidden; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=45)"; filter: alpha(opacity=45); opacity: 0.45; position:absolute; left:620px; top:350px; width:286px; height:190px; z-index:0; /*-webkit-box-shadow: 8px 8px 1px 0px rgba(50, 50, 50, 0.25);-moz-box-shadow:    8px 8px 1px 0px rgba(50, 50, 50, 0.25);box-shadow:         8px 8px 1px 0px rgba(50, 50, 50, 0.25);*/}
	.accommodation .img__slide .bx-wrapper { width:346px !important; height:231px !important;}
	.accommodation .img__slide .bx-viewport { width:346px !important; height:231px !important;}
	.accommodation .img__slide .bx-wrapper img {width:346px; height:231px;display: block;}
	
	.accommodation .img__slide #prev2 {}
	
	#prev1, #next1 {
		position: absolute;
		top: 236px;
		outline: 0;
		width: 32px;
		height: 32px;
		text-indent: -9999px;
		z-index: 9999;
	}
	#prev2, #next2 {
		position: absolute;
		top: 50%;
		margin-top: -16px;
		outline: 0;
		width: 32px;
		height: 32px;
		text-indent: -9999px;
		z-index: 9999;
	}
	
	#prev1,#prev2 {
		left: 10px;
		background: url(../images/controls.png) no-repeat 0 -32px;
	}
	
	#next1,#next2 {
		right: 10px;
		background: url(../images/controls.png) no-repeat -43px -32px;
	}
	
	#prev1:hover,#prev2:hover {
		background-position: 0 0;
	}
	
	#next1:hover,#next2:hover {
		background-position: -43px 0;
	}


/* room rate */	
.roomrate { height:1152px;}
	.roomrate__txt {background:url(../images/rate.png) no-repeat; width:181px; height:99px; position:absolute; top:415px; right:69px;}	
	.flat-table {display: block; border:2px solid #4d3222; font-size:1.1em; position:absolute; top:50px; left:69px;}
		.t-header { color:#c7a37c}
		.flat-table th { text-align: center; }
		.flat-table td.border-bottom { border-bottom:2px solid #4d3222;}
		.flat-table td.border-left { border-left:2px solid #4d3222;}
		.td1 { width:258px; text-align:center; line-height:59px; position:relative; height:59px; } 
		.td2 { width:292px; position:relative;}
		.td3 { width:292px; position:relative;}
		.td1.roomtype { line-height:59px; font-size:1em; text-align:center}
		.td1.suite { line-height:59px;font-size:1em; border-bottom: none;}
		.td2.last, .td3.last { border-bottom: none;}
		.flat-table .p1 { position:absolute; top:15px; font-size:1em;}
		.flat-table .p2 { position:absolute; bottom:12px; font-size:0.7em;}
		
		.flat-table .rate-date { position:absolute; top:10px; width:292px; font-size:1em; text-align:center}
		.flat-table .rate-date2 { width:146px; position:absolute; text-align:center; font-size:0.9em;}
		.flat-table .rate-date3 { width:147px; position:absolute; text-align:center; font-size:0.9em;}
		.flat-table .rate-date2 { left:0; bottom:7px;}
		.flat-table .rate-date3 { right:0; bottom:7px;}
		.flat-table .rate-cost1, .flat-table .rate-cost2 { top:0; width:146px; position:absolute; text-align:center; line-height:59px;}
		.flat-table .rate-cost1 { left:0;}
		.flat-table .rate-cost2 { right:0;}
		
	.roomrate .condition { position:absolute; left:220px; top:380px; width:500px;}
		.roomrate .condition--title { text-decoration:underline; font-size:1.1em; margin-bottom:10px;}
		.roomrate .condition ul { margin-left:10px}
		.roomrate .condition ul li:before{ content:"-"; position:relative; left:-5px;}
		.roomrate .condition ul li{ text-indent:-5px; margin-bottom:2px; }




/* facility */
.facility {height:1152px;}	
	.fac__txt {background:url(../images/facility.png) no-repeat; width:276px; height:110px; position:absolute; top:104px; right:220px;}	
	.fac__fac { position:absolute; right:79px; top:230px; color:#dad4d0;}
		.fac__fac ul li { margin-bottom:10px; font-size:1.1em;}
	.facility .img__slide { position:absolute; z-index:1; top:218px; left:217px; height:231px; width:346px; overflow: hidden; /*-webkit-box-shadow: 8px 8px 1px 0px rgba(50, 50, 50, 0.25);-moz-box-shadow:    8px 8px 1px 0px rgba(50, 50, 50, 0.25);box-shadow:         8px 8px 1px 0px rgba(50, 50, 50, 0.25);*/}
	.facility .img__fade--2 { overflow: hidden; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=45)"; filter: alpha(opacity=45); opacity: 0.45; position:absolute; left:69px; top:65px; width:286px; height:190px; z-index:0; /*-webkit-box-shadow: 8px 8px 1px 0px rgba(50, 50, 50, 0.25);-moz-box-shadow:    8px 8px 1px 0px rgba(50, 50, 50, 0.25);box-shadow:         8px 8px 1px 0px rgba(50, 50, 50, 0.25);*/}
	.facility .img__slide .bx-wrapper { width:346px !important; height:231px !important;}
	.facility .img__slide .bx-viewport { width:346px !important; height:231px !important;}
	.facility .img__slide .bx-wrapper img {width:346px; height:231px;display: block;}



/* gallery */
.gallery {height:1152px;}	
	.gallery__txt {background:url(../images/gallery.png) no-repeat; width:241px; height:132px; position:absolute; top:415px; right:69px;}	




/* contact us */
.contact-us {height:1020px;}
	.contact-us__txt {background:url(../images/contact-us.png) no-repeat; width:325px; height:128px; position:absolute; top:10px; right:69px;}
	.contact-us .content__txt { position:absolute; left:69px; top:20px; width:500px; line-height:1.5em; }
		.contact-us .content__txt .title { font-size:2em; color:#caaa46; margin-bottom:20px;}
		.contact-us .content__txt .title span { margin:10px; color:#907b69;}
		.contact-us .content__txt p { font-size:1.2em; margin-bottom:8px; color:#c7a37c;}	
		
	.contact-us .content__address { position:absolute; right:69px; top:170px;}
		.contact-us .content__address p { font-size:1.1em; margin-bottom:5px; text-align:right;}
		.contact-us p.email, .contact-us p.tel  { margin-top:15px;}
		.contact-us a { color: #dad4d0; text-decoration:underline;}
		.contact-us a:hover { color: #dad4d0;}
	.contact-us .map { position:absolute; left:312px;  top:180px; text-align:right;}
		.contact-us .map a { text-decoration:none}
		.contact-us .map a:hover { text-decoration:underline}
		.contact-us .map img { margin-bottom:3px;}
	.contact-us .map div { margin-bottom:15px;}
	
	
/* footer */
footer { position:absolute; bottom:0px; right:0px; border-top: 2px solid #4f3b2c; padding:15px 0; width:750px;}
	footer a {color:#4f3b2c;}
	footer .mail { float:left; margin-right:30px; font-size:0.8em;}
		footer .mail a { color:#4f3b2c; text-decoration:underline}
	footer .copyright { float:right; color:#4f3b2c; font-size:0.8em;}