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

html{ height: 100%;}
body{
	color:#545454;
	margin:0;
	padding:0;
	font:12px/14px Tahoma,sans-serif;
	line-height:1.5em;
	vertical-align:top;
	min-height:100%;
	height:100%;
}
a{color:#003399; text-decoration:none; cursor:pointer;}
a:hover{text-decoration:none;}
a:focus{outline:none;}
form{display:inline;}
img{border:none; vertical-align:baseline;}
label,select,textarea,input{vertical-align:top;}

h1, h2, h3, h4, ul, p, img{
	margin:0;
	padding:0;		
}
h1, h2, h3, h4{font:normal 12px/14px Tahoma,sans-serif;}

ul{list-style:none;}

/* Start Main */

#main{
	width:962px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}

/* Start header */

#header{
	width:100%;
	clear:both;
}
/* Start Navbar */

#navbar{
	width:870px;
	float:left;
	background:#b2b60d url(../images/menu_tab.jpg) no-repeat right top;
}
#navbar ul li{
	float:left;
	padding:6px 0 9px 0;
}
#navbar ul li a{
	color:#fff;
	font-size:1.1em;
	padding:6px 25px 9px 25px;
}
#navbar ul li a:hover{
	color:#ffff00;
	background:url(../images/menu_nav_h.jpg) repeat-x left bottom;
}
#navbar ul li a.active{
	color:#ffff00;
	background:url(../images/menu_nav_ac.jpg) no-repeat center bottom;
}

/* End Navbar */

.lang{
	width:80px;
	float:right;
}
.lang li{
	color:#cccccc;
	margin:6px 3px 0;
	float:left;
}
.lang li a{
	color:#cccccc;
	font-size:11px;
	font-family:"Courier New", Courier, monospace;
}
.lang li a:hover, .lang li a.select{
	color:#000000;
}

/* end header */
/* Start footer */

#footer{
	width:100%;
	background:url(../images/bg_footer.jpg) repeat-y left top;
	padding:5px 0;
	font-size:10px;
	line-height:1.25em;
}
.footer-div{
	width:650px;
	margin:5px 0 0 310px;
	overflow:hidden;
}
.footer-div h1{
	width:74px;
	height:82px;
	display:block;
	float:left;
	margin-right:15px;
}
.sub-foot li{
	display:inline;
	margin-right:5px;
}
.sub-foot li a, .sub-link a{
	color:#636363;
}
.sub-foot li a:hover, .sub-link li a:hover{
	text-decoration:underline;
}
.footer-div p{
	margin:5px 0;
}
.sub-link li{
	display:inline;
}
.copy-right{
	text-align:right;
	color:#aaa9a9;
}

/* end footer */
/* start content */

#content{
	width:100%;
	overflow:hidden;
	background-image: url(../images/bb_room-service.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
.content-left{
	width:289px;
	
	float:left;
}
.content-right{
	width:673px;
	background:#e8e8e7 url(../images/bg_content_right.jpg) repeat-x left top;
	float:right;
}
#bg_pic{
	width:100%;
	padding-left:65px;
	overflow:hidden;
	background-image: url(../images/bg_content2.jpg);
	background-repeat: repeat;
	background-position: left top;
}
#bg_pic h2{
	height:85px;
	background:url(../images/huahin_head.png) no-repeat left top;
	margin-top:25px;
	text-indent:-999999px;
}
.content-index, .content-land{
	margin:35px 30px 20px;
	position:relative;
}
.content-index h2, .content-land h2{
	color:#6cbe0a;
	font-size:1.5em;
}
.content-index p, .content-land p{
	margin:15px 0;
}
.btn_lookroom a{
	width:120px;
	height:17px;
	display:block;
	background:url(../images/btn_lookroom.jpg) no-repeat;
	text-indent:-999999px;
	position:absolute;
	right:494px;
	top:200px;
}
.btn_lookroom a:hover{
	background:url(../images/btn_lookroom_h.jpg) no-repeat;
}
.tel{
	color:#ff6633;
}
.link_line{
	text-decoration:underline;
}
#gallery  li{
	width:223px;
	height:150px;
	background:url(../images/bg_imgGallery.png) no-repeat left top;
	float:left;
	margin:5px 2px 8px 0;
}
#gallery  li img{
	width:209px;
	height:140px;
	padding:1px 0 0 5px;
}
.room-service{
	background:url(../images/bb_room-service.jpg) no-repeat left top;
	padding:0 0 10px 60px;
	line-height:1.75em;
}
.room-service h3, .content-service h3, .content-map h3{
	color:#6cbe0a;
	font-size:1.5em;
	padding-top:35px;
	line-height:1.5em;
}
.room-service span{
	color:#fff;
	font-size:1em;
}
.room-service p{
	color:#ffcc00;
}
.room-service li{
	color:#fff;
	background:url(../images/orange_circle.png) no-repeat left center;
	padding-left:15px;
}
.content-roomservice{
	margin:40px 0;
	overflow:hidden;
}
.content-roomservice li{
	float:left;
	margin:0 0 20px 45px;
}
.content-roomservice li p{
	font-size:1em;
	font-weight:bold;
	color:#ff6600;
	margin-top:5px;
}
.content-roomservice span{
	clear:both;
}
.content-service{
	padding-left:40px;
	position:relative;
}
.content-service li{
	font-size:1.25em;
	line-height:2em;
}
.content-service span{
	position:absolute;
	left:281px;
	top:20px;
}
.content-map{
	padding:50px 40px;
	position:relative;
}
.pic-map img{
	margin:35px 0 0 65px;
}
.txt_undermap{
	margin-left:65px;
}
.content-land .txt-brown{
	color:#663333;
	font-size:1.5em;
}
.content-land .txt-bluedark{
	color:#003366;
	font-size:1.5em;
}.content-land .txt-blue{
	color:#3366cc;
	font-size:1.5em;
}
.content-pic{
	margin-top:35px;
}
.room-price{
	background:url(../images/bb_room-service.jpg) no-repeat left top;
	padding:30px 5px 120px 15px;
	overflow:hidden;
}
.room-price ul li{
	color:#fff;
	font-size:1.1em;
	background:url(../images/yellow_circle.png) no-repeat left top;
	padding-left:15px;
	line-height:1.75em;
}
.booking-rate{
	padding-left:20px;
}
.booking-rate h2{
	color:#cc6909;
	font-size:26px;
	line-height:1.5em;
}
.style1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 16px;
	font-weight: bold; 
}
.style2 {
	color: #FFFFFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.style9 {
	color: #0000FF;
	font-family: "Cordia New";
	font-size: 20px;
	font-weight: bold;
}
.style31 {
	color:#0a0afe;
	font-size: 14px;
}
.style32 {
	color:#0000FF;
	font-size: 14px;
}
.style33 {
	color: #CC6600;
	font-size: 26px;
}
.style34 {font-family: KodchiangUPC; color: #993300; font-size: 19px; }
.style36 {font-family: KodchiangUPC; color: #993300; font-size: 14px}
.style37 {color: #CC3300; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; }
.style38 {
	color: #666666;
}
.style40 {
	font-size: 18px;
	color:#454545;
}
.style39 {font-size: 26px; font-weight: bold; font-family: KodchiangUPC;}
.txt-detail{
	margin:20px 0;
	color:#000000;
}
.txt-detail span{ font-size:11px;}

/* end content */