/*###*********************** index.html **************************###*/
body{
	background:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#bd9520;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-right: 5px;
	line-height:1.5em;	
}
h1 {
	font-size:16px;
	color:#bd9520;
	font-weight:normal;
	padding:17px 0;
	margin-left:12px;	
}
h2 {
	font-size:13px;
	font-weight:normal;
	color:#a4a4a4;
	font-family:Helvetica;
	line-height:14px;
	padding:10px 0;
}
h3 {
	/*font-size:12px;
	font-weight:normal;
	color:#999999;*/
	font-size:12px;
	font-weight:normal;
	line-height:15px;
	color:#cccccc;
	margin-left:12px;
	padding-bottom:10px;	
}
h4 {
	font-size:18px;
	font-weight:normal;
	color:#a4a4a4;
}
h5 {
	font-size:10px;
	color:#bd9520;
	font-weight:normal;
	line-height:20px;
	margin-left:15px;
}
h6 {
	font-size:12px;
	color:#bd9520;
	font-weight:normal;
	margin-left:12px;
	line-height:14px;
}
span {
	font-size:26px;
	color:#bd9520;
	font-weight:normal;
	line-height:24px;
}
p {
	font-size:11px;
	color:#999999;
	margin-left:13px;
}
a {
	color:#767779;
	text-decoration:none;
}
a:hover {
	color:#FF6600;
	
}
fieldset {
}
label {
	font-size:12px;
}

#container{
	height:100%;
	width:1000px;
	margin:0 auto;

}
#header{
	position:relative;
	top:15px;
	left:0;
}

#content {
	float:left;
	padding:15px 0;
	width:100%;
	height:100%;
	margin:0;
	top:0;
	left:0;
	z-index:1;
}
.contents p{
	font-size:13px;
	color:#999999;
	line-height:16px;

}

#col-l{
	/*width:520px;
	height:450px;
	background:url(../images/bg-main-1.gif);
	float:left;
	padding:15px;
	display:block;
	border:0px solid red;
	
	border:3px solid #BB7;*/
	
	width:520px;
	height:580px ;
	background:url(../images/bg-main-1.gif) #000 no-repeat !important;
	float:left;
	padding:15px;
	display:block;
	border:0px solid red;

}
#col-c{
	display:block;
	float:left;
	width:215px;
	border:0px solid red;
	padding:0 25px 0 10px;
}
#col-c .cen1 {
	display:block;
	width:215px;
	height:110px;
	background:url(../images/bg-side1.gif);
}
#col-c .cen2 {
	display:block;
	width:215px;
	height:110px;
}
#col-c .cen3 {
	display:block;
	width:215px;
	height:110px;
	background:url(../images/bg-side1.gif);
}
#col-r{
	display:block;
	float:left;
	width:200px;
	margin-top:-3px;
	margin-left:-5px;
	border:0px solid red;
}
#col-r .side1 {
	padding-top:7px;
	width:200px;
	/*height:270px;*/
	height:70px;
	background:url(../images/bg-side1.gif) no-repeat;
	
}

#col-r .side2 {
	
	width:200px;
	height:104px;
	background:url(../images/bg-side2.gif);
}
#col-r .side3 {
	
	width:200px;
	height:107px;
	background:url(../images/bg-side3.gif);
}


#line {
	border:1px solid #171006;
	width:210px;
	margin-left:15px;
}
#border {
	height:auto !important;
	height:650px;
	min-height:650px;
	border-right-color: #352c1f; 
	border-left-color: #352c1f;
	border-left-style: solid; 
	border-right-style: solid;
	border-right-width: 1px; 
	border-left-width: 1px;
	margin-right: -19px; 
	margin-left: -10px

}
#nav{
	position:absolute;
	top:27px;
	left:310px;
	width:730px;
	z-index:999;
	overflow:hidden;	
	#z-index: 9999;
	
	}
#nav li{
	float:left;
	padding-right:20px;
}
#nav li a{
	text-indent:-9999px;
	display:block;
	height:64px;
	#border:0px solid red;
	#z-index:9999;
}
#nav1 a{ width:62px; background:url(../images/home.gif) bottom left no-repeat; }
#nav1-1 a{ width:62px; background:url(../images/home.gif) top left no-repeat; }
#nav2 a{ width:63px; background:url(../images/rooms.gif) top left no-repeat; }
#nav2-1 a{ width:63px; background:url(../images/rooms.gif) bottom left no-repeat; }
#nav3 a{ width:81px; background:url(../images/facirities.png) top left no-repeat; }
#nav3-1 a{ width:81px; background:url(../images/facirities.png) bottom left no-repeat; }
#nav4 a{ width:97px; background:url(../images/reservations.gif) top left no-repeat; }
#nav5 a{ width:94px; background:url(../images/contactus-1.png) top left no-repeat; }
#nav5-1 a{ width:94px; background:url(../images/contactus-1.png) bottom left no-repeat; }
#nav6 a{ width:85px; background:url(../images/wine-dine.gif) top left no-repeat; }
#nav6-1 a{ width:85px; background:url(../images/wine-dine.gif) bottom left no-repeat; }
#nav7 a{ width:75px; background:url(../images/meetings.png) top left no-repeat; }
#nav7-1 a{ width:75px; background:url(../images/meetings.png) bottom left no-repeat; }
#nav li a:hover{ background-position:bottom left; }
#photos{	
	#z-index:-2;
	#position:relative;
	#left:0;
	#top:0;
}
#footer{
	width:100%;
	float:left;
	/*margin-left:-5px;*/
	overflow:hidden;
	margin-top:-35px;
	clear:both;		
}
#menu-hover{
	float:left;
	position:absolute;
	width:500px;
	overflow:hidden;
	/* padding-bootom:13px; */
	margin-left:14px;
}
#menu-hover li{
	float:left;
	padding-right:10px;
}
#menu-hover li a{
	text-indent:-9999px;
	display:block;
	height:16px;
}
#menu4 a{ width:65px; background:url(../images/nearby.gif) top left no-repeat;}
#menu1 a{ width:77px; background:url(../images/viewroom.gif) top left no-repeat; }
#menu2 a{ width:76px; background:url(../images/contact.gif) top left no-repeat; }
#menu3 a{ width:84px; background:url(../images/reservation-quick.gif) top left no-repeat; }
#menu5 a{ width:49px; background:url(../images/ebook-menu.gif) top left no-repeat;}
#menu6 a{ width:77px; background:url(../images/facebook.gif) top left no-repeat; }
#menu7 a{ width:77px; background:url(../images/twitter.gif) top left no-repeat; }
#menu8 a{ width:77px; background:url(../images/ovi.gif) top left no-repeat; }
#menu9 a{ width:77px; background:url(../images/leavecomment.gif) top left no-repeat; }
#menu10 a{ width:77px; background:url(../images/viewcomment.gif) top left no-repeat; }
#menu-hover li a:hover{ background-position:bottom;}
#menu-more{
	float:left;
	position:absolute;
	width:200px;
	overflow:hidden;
}
#menu-more li{
	float:left;
	padding-right:10px;
}
#menu-more li a{
	text-indent:-9999px;
	display:block;
	height:16px;
	margin-left:15px;
}
#more a{ width:42px; background:url(../images/more.gif) top left no-repeat; }
#menu-more li a:hover{ background-position:bottom; }
#menu-sidebar{
	float:left;
	position:absolute;
	width:300px;
	overflow:hidden;
	padding:5px;
	#margin-left:-20px;
	
}
#menu-sidebar li{
	float:left;
	margin:3px 0 0 0;	
}
#menu-sidebar li a{
	text-indent:-9999px;
	display:block;
	height:22px;	
}
#sidebar1 a{
	width:155px;
	background:url(../images/check.gif) top left no-repeat;
	margin-left:20px;
	margin-top:6px;	
	background-position:bottom;
	#border:0px solid red;
}
#sidebar2 a{
	float:left;
	width:96px;
	background:url(../images/book.gif) top left no-repeat;
	margin-left:60px;
}
#sidebar3 a{
	width:96px;
	background:url(../images/read.gif) top left no-repeat;
	margin-left:50px;	
}
#menu-sidebar li a:hover{
	background-position:bottom;
}
#sidebar1 a:hover{
	background-position:top;
}
.clear-both{
	clear:both;
}
.best {
	font-size:10px;
	padding-top:38px;
	margin-left:34px;
}
#checkindate,#month2,#room,#numbof  {
	margin-left:15px;
	background-color:#000000;
	color:#a4a4a4;
	border:1px solid #808080;
	font-size:10px;
}
#day1,#day2,#year1,#year2,#pax{
	background-color:#000000;
	color:#a4a4a4;
	border:1px solid #808080;
	font-size:10px;
}
/*###********************* room.html **************************###*/

#col-l-1{
	width:520px;
	background:url(../images/bg-room.gif) no-repeat;
	float:left;
	padding:15px;
	display:block;
	border:0px solid red;
}
#contents-2,#contents-3 {
	width:510px;
	height:8px;
	background:url(../images/bg-line.gif);
	float:left;
	padding:20px;
	overflow:hidden;
	display:block;
	border:0px solid red;
	margin-left:-16px;
}	
#line-full {
	border:13px solid #be9620;
}
#div1 ul{
	width:250px;
	float:left;
	padding-top:10px;
}
#menu-bar{
	float:left;
	position:absolute;
	width:800px;
	overflow:hidden;
	margin-left:265px;
	top: 100px;
}
#menu-bar .hover {
	background-position:bottom left;
	height:22px;
}
#menu-bar li{
	float:left;
	padding-right:40px;
}
#menu-bar li a{
	text-indent:-9999px;
	display:block;
	height:22px;
}
#menu-bar1 a{ width:77px; background:url(../images/superior-menu.gif) top left no-repeat; }
#menu-bar1-1 a{ width:77px; background:url(../images/superior-menu.gif) bottom left no-repeat; }
#menu-bar2 a{ width:70px; background:url(../images/deluxe-menu.gif) top left no-repeat; }
#menu-bar2-1 a{ width:70px; background:url(../images/deluxe-menu.gif) bottom left no-repeat; }
#menu-bar3 a{ width:108px; background:url(../images/onebedroom-menu.gif) top left no-repeat; }
#menu-bar3-1 a{ width:108px; background:url(../images/onebedroom-menu.gif) bottom left no-repeat; }
#menu-bar4 a{ width:86px; background:url(../images/executive-menu.gif) top left no-repeat; }
#menu-bar4-1 a{ width:86px; background:url(../images/executive-menu.gif) bottom left no-repeat; }
#menu-bar5 a{ width:66px; background:url(../images/family-menu.gif) top left no-repeat; }
#menu-bar5-1 a{ width:66px; background:url(../images/family-menu.gif) bottom left no-repeat; }
#menu-bar6 a{ width:81px; background:url(../images/regency-menu.gif) top left no-repeat; }
#menu-bar6-1 a{ width:81px; background:url(../images/regency-menu.gif) bottom left no-repeat; }
#menu-bar li a:hover{ background-position:bottom; }

.thumbroom a{
	padding:12px;
}
.thumbroom img {

padding-top:5px;
}

/*#####******************** facilities ***********************######*/

#col-fac {
	width:800px;
	height:auto !important;
	height:820px;
	min-height:600px;
	background:url(../images/facilities/bg-facilities.gif) #000 no-repeat !important;
	float:left;
	display:block;
	border:0px solid red;
}
.col-fac-l{
	display:block;
	float:left;
	width:410px;
	border:0px solid red;
}
.col-fac-l ul{
  padding:7px 0 0 0;
}
.col-fac-r{
	display:block;
	width:380px;
	border:0px solid red;
	float:right;
}
.col-fac-r ul { padding-top:69px; }
.col-fac-l ul li p,.col-fac-r ul li p{
	font-size:13px;
	line-height:24px;	
}
.icon { vertical-align:text-top; }
#border-fac {	
	height:auto !important;
	height:820px;
	min-height:600px;	
	border-right-color: #352c1f;
	border-left-color: #352c1f;
	border-left-style: solid;
	border-right-style: solid;
	border-right-width: 1px;
	border-left-width: 1px;
	margin-right: 5px;
	margin-left: -4px;
}
#border-fac h6 {
  font-size:12px;
  color:#bd9520;
  padding:17px 0 5px 0;

}
#border-fac p {
	font-size:13px;
	
}
#menu-fac{
	float:left;
	position:absolute;
	width:700px;
	overflow:hidden;
	padding-bottom:10px;
	/*margin-left:340px;*/
	margin-left:540px;
	top: 100px;
}
#menu-fac .hover {
	background-position:bottom left;
	height:22px;
}
#menu-fac li{
	float:left;
	padding-right:65px;
}
#menu-fac li a{
	text-indent:-9999px;
	display:block;
	height:22px;
}
#menu-fac1 a{ width:143px; background:url(../images/facilities/pan-menu.gif) bottom left no-repeat; }
#menu-fac1-1 a{ width:143px; background:url(../images/facilities/pan-menu.gif) top left no-repeat; }
#menu-fac2 a{ width:72px; background:url(../images/facilities/roof-menu.gif) top left no-repeat; }
#menu-fac2-1 a{ width:72px; background:url(../images/facilities/roof-menu.gif) bottom left no-repeat; }
#menu-fac3 a{ width:74px; background:url(../images/facilities/fitness-menu.gif) top left no-repeat; }
#menu-fac3-1 a{ width:74px; background:url(../images/facilities/fitness-menu.gif) bottom left no-repeat; }
#menu-fac4 a{ width:87px; background:url(../images/facilities/massage-menu.gif) top left no-repeat; }
#menu-fac4-1 a{ width:87px; background:url(../images/facilities/massage-menu.gif) bottom left no-repeat; }
#menu-fac li a:hover{ background-position:bottom; }

/* #######***************** Restaurants *******************######## */

#col-res {
	width:800px;
	height:auto !important;
	height:820px;
	min-height:600px;
	background:url(../images/restaurants/bg-restaurants.gif) #000 no-repeat !important;
	float:left;
	display:block;
	border:0px solid red;
}
#line-res {
	border:1px solid #171006;
	width:345px;
	margin-left:15px;
}
#menu-res{
	float:left;
	position:absolute;
	width:50%;
	overflow:hidden;
	padding-bottom:10px;
	margin-left:390px;
	top: 100px;
}
#menu-res .hover {
	background-position:bottom left;
	height:22px;
}
#menu-res li{
	float:left;
	padding-right:70px;
}
#menu-res li a{
	text-indent:-9999px;
	display:block;
	height:22px;
}
#menu-res1 a{ width:36px; background:url(../images/restaurants/luna-menu.gif) top left no-repeat; }
#menu-res1-1 a{ width:36px; background:url(../images/restaurants/luna-menu.gif) bottom left no-repeat; }
#menu-res2 a{ width:40px; background:url(../images/restaurants/soi23-menu.gif) top left no-repeat; }
#menu-res2-1 a{ width:40px; background:url(../images/restaurants/soi23-menu.gif) bottom left no-repeat; }
#menu-res3 a{ width:32px; background:url(../images/restaurants/olive-menu.gif) top left no-repeat; }
#menu-res3-1 a{ width:32px; background:url(../images/restaurants/olive-menu.gif) bottom left no-repeat; }
/*#menu-res4 a{ width:27px; background:url(../images/restaurants/geo-menu.gif) top left no-repeat; }
#menu-res4-1 a{ width:27px; background:url(../images/restaurants/geo-menu.gif) bottom left no-repeat; }*/
#menu-res li a:hover{ background-position:bottom; }

/* ####### meetings #######*/

#contents-spec,#contents-cap{
	width:375px;
	height:8px;
	background:url(../images/bg-line.gif);
	float:left;
	padding:20px;
	overflow:hidden;
	display:block;
	border:0px solid red;
}	
.show { margin-left:-8px; }
#menu-meet{
	float:left;
	position:absolute;
	width:45%;
	overflow:hidden;
	padding-bottom:10px;
	margin-left:480px;
	top: 100px;
}
.table1 {
	width:180px;
	color:#999999;
	background-color:#000;
	float:left;
	/*text-align:right;*/
	font-size:11px;
	#border:0px solid red;
	#width:200px
}
.table1 tr {
	line-height:16px;
	
}
.table1 td {
	width:50px;
	padding-left:10px;
	#padding:5px 0 0 0;
	#font-size:11px;	
	#border:0px solid red;
	 #width:90px;
}
.table2 {
	width:210px;
	float:left;
	color:#fff;
	background-color:#1b1b1b;
	margin-left:0px;
	text-align:center;
	line-height:16px;
	font-size:11px;
	text-align: left;
	#width:200px
	
	
}
.table2 td {
	
	padding:0;
	padding-left:10px;
	padding:0px 0 0 5px;
	#padding:5px 0 0 5px;
	#font-size:11px;	
	#border:0px solid red;
	
}
.row-color { background-color:#333; }
.table1 p {
	color:#b9ad78;
	font-size:13px;
}
.table2 p {
	color:#b9ad78;
}
#menu-meet .hover {
	background-position:bottom left;
	height:22px;
}
#menu-meet li{
	float:left;
	padding-right:65px;
}
#menu-meet li a{
	text-indent:-9999px;
	display:block;
	height:22px;
}
#menu-meet1 a{ width:50px; background:url(../images/meetings/menu-meranti.gif) bottom left no-repeat; }
#menu-meet1-1 a{ width:50px; background:url(../images/meetings/menu-meranti.gif) top left no-repeat; }
#menu-meet2 a{ width:55px; background:url(../images/meetings/menu-ballroom.gif) top left no-repeat; }
#menu-meet2-1 a{ width:55px; background:url(../images/meetings/menu-ballroom.gif) bottom left no-repeat; }
#menu-meet3 a{ width:104px; background:url(../images/meetings/menu-prefunction.gif) top left no-repeat; }
#menu-meet3-1 a{ width:104px; background:url(../images/meetings/menu-prefunction.gif) bottom left no-repeat; }
#menu-meet li a:hover{ background-position:bottom; }

/* #######********************* Contact Us ********************#######*/

#form-contact{ width:400px; }
#form-contact ul li { padding:3px 0; }
#form-contact ul li p{
	width:80px;
	font-size:11px;
	/*color:b08b1e;*/
	margin-left:15px;
	float:left;
}
#input-text {
	border:solid 1px #444;
	background:#181818;
	color:#aaa;
	width:280px;
	margin-left:20px;
	font-size:13px;
}
#input-text:hover{ border:solid 1px #bd9520; }
#btn {
	border:1px solid #555;
	background:#777;
	font-weight:bold;
	margin-left:333px;
	/*font-family:"Helvetica 35 Thin"; scr:url(../css/font/heveltica35.ttf);*/
}
#btn:hover { background-color:#c09820;	}

/*#################Goole Map#####################*/
#map_canvas {
	margin-left:15px;

}
#map_canvas span {
	text-indent:-9999px;
	font-size:0px;
	margin-left:15px;

}