/* asia star hotel css  2007/6 */

html,body {
	background: white;
	font-size: 12px;
	margin: 0;
	color: #666;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

img{
	border: none;
}

form{
	display: inline;
}

ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.clear_float{
	clear: both;
	height: 1px;
}

#top{
	background: white url(images/bg.gif) repeat-x left top;
	height: 90px;
}

#top_wrapper{
	width: 750px;
	margin: 0 auto;
}

#logo{
	padding-top: 13px;
	float: left;
}

#lang{
	padding-top: 25px;
	padding-right: 30px;
	float: right;
}

div#lang li{
	display: inline;
	float: left;
	padding: 0 10px;
	border-right: 1px solid #666;
}

div#lang li.end{
	border-right: 0px solid #fff;
}


div#lang a{
	color: #666;
	text-decoration: none;
}

div#lang a.en{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
}

div#lang a:hover{
	color: #990099;
	text-decoration: none;
}

#top_line{
	background: #ddceef;
	color: #800080;
}

#nav{
	width: 750px;
	margin: 0 auto;
	height: 28px;
	overflow: hidden;
}

div#nav li{
	display: inline;
}


div#nav a{
	color: #800080;
	padding: 10px 9px 5px 10px;
	float: left;
	text-decoration: none;
	letter-spacing: 1px;
	margin-right: 3px;
}

div#nav a:hover{
	background: transparent url(images/navsel.png) repeat-x center top;
}

div#nav li.selected a{
	background: transparent url(images/navsel.png) repeat-x center top;
}

#main_wrapper{
	background: #fff url(images/bgopp.gif) repeat left top;	
}

#main_img{
	height: 373px;
	margin: 0 auto;
	text-align: center;
	background: transparent url(images/main.jpg) no-repeat center top;
}

#imgbd{
	width: 749px;
	height: 373px;
	margin: 0 auto;
	border-left: 3px solid #ddceef;
	border-right: 3px solid #ddceef;
}

div#imgbd img, div#imgbdin img, div#imgbdin2 img{
	float: left;
	display: inline;
}

#bottom{
	width: 100%;
	margin: 0 auto;
	background: #ddceef url(images/main_bottom.jpg) no-repeat center top;
	height: 47px;
	color: #800080;
}

div#bottom_text li{
	display: inline;
	float: left;
	padding: 20px 10px 10px 20px;
}

#bottom_text{
	width: 749px;
	margin: 0 auto;
}

div#bottom_text a{
	color: #800080;
	text-decoration: none;
}

div#bottom_text a:hover{
	text-decoration: underline;
}

#footer{
	width: 750px;
	margin: 0 auto;
	padding: 20px 0 10px 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
}

/****************room.htm***************/
#room_img{
	width: 100%;
	height: 180px;
	margin: 0 auto;
	text-align: center;
	background: transparent url(images/room.jpg) no-repeat center top;
}


#imgbdin{
	width: 749px;
	height: 180px;
	margin: 0 auto;
	border-left: 3px solid #ddceef;
	border-right: 3px solid #ddceef;
}

#in_bottom{
	width: 100%;
	margin: 0 auto;
	background: #ddceef url(images/in_bottom.jpg) no-repeat center top;
	height: 47px;
	color: #800080;
}

div#in_bottom p.title{
	font-size: 15px;
	font-weight: bold;
	margin: 0;
	padding: 20px 10px 10px 20px;
}

#content_wrapper{
	width: 749px;
	margin: 0 auto;
	border-left: 1px solid #ddceef;
	border-right: 1px solid #ddceef;
}

#types{
	width: 150px;
	float: left;
}

div#types li{
	display: block;
}

div#types li.title{
	margin-top: 15px;
}

div#types li.title a{
	color: #800080;
}

div#types a{
	color: #777;
	text-decoration: none;
	padding: 5px 0 3px 20px;
	display: block;
	width: 130px;
}

div#types a:hover{
	color: #666;
	text-decoration: none;
	background: transparent url(images/submenu.jpg) repeat-y left top;
}

div#types li.selected{
	background: transparent url(images/submenu.jpg) repeat-y left top;
}

#instru{
	width: 450px;
	float: left;
	padding-bottom: 20px;
}

div#instru p.title{
	margin: 20px 15px;
	font-size: 15px;
	color: #666;
	line-height: 28px;
}

div#instru p.tabletitle{
	margin: 0;
	padding: 0 0 5px 150px;
	color: #800080;
	font-size: 14px;
}

div.table table{
	width: 440px;
}

div.table table.plan{
	width: 540px;
}

div.table td{
	background: #fef3c7;
	padding: 3px;
	text-align: center;
}

div.table{
	padding-bottom: 20px;
}

div.inner{
	background: transparent url(images/in_bottom_o.jpg) repeat-x left top;
	border-left: 1px solid #ddceef;
	border-right: 1px solid #ddceef;
}

#right{
	width: 141px;
	float: right;
}

div#right img{
	display: block;
	margin: 20px 0 0 0;
	padding: 0;
	border-left: 1px solid #ddceef;
	border-top: 1px solid #ddceef;
	border-bottom: 1px solid #ddceef;
}

div#right img.blank{
	border-left: 0px solid #fff;
	border-top: 0px solid #fff;
	border-bottom: 0px solid #fff;
}

#wel_text{
	width: 749px;
	margin: 0 auto;
}

/***************spa.htm****************/
#spa_img{
	width: 100%;
	height: 180px;
	margin: 0 auto;
	text-align: center;
	background: transparent url(images/spa.jpg) no-repeat center top;
}

div#instru p.instru_text{
	margin: 0;
	padding: 20px 10px 5px 10px;
	color: #800080;
}

#right_2{
	width: 590px;
	float: left;
	padding: 50px 0 20px 0;
}

div#right_2 p.instru{
}

div#right_2 img, img.inner_border{
	border: 3px solid #ddceef;
	display: block;
}

#imgbdin2{
	width: 749px;
	height: 300px;
	margin: 0 auto;
	border-left: 3px solid #ddceef;
	border-right: 3px solid #ddceef;
}

div#wel_text span.en{
	font-size: 13px;
}

/*************asinfo.htm*********************/
div#bottom_text li.selected a{
	text-decoration: underline;
}

#asinfo_img{
	width: 100%;
	height: 180px;
	margin: 0 auto;
	text-align: center;
	background: transparent url(images/as.jpg) no-repeat center top;
}

/****************meeting.htm*****************************/
#meeting_img{
	width: 100%;
	height: 180px;
	margin: 0 auto;
	text-align: center;
	background: transparent url(images/meeting.jpg) no-repeat center top;
}

/****************dali.htm****************/
#dali_img{
	width: 100%;
	height: 180px;
	margin: 0 auto;
	text-align: center;
	background: transparent url(images/dali.jpg) no-repeat center top;
}

/****************dali.htm****************/
#hc_img{
	width: 100%;
	height: 180px;
	margin: 0 auto;
	text-align: center;
	background: transparent url(images/hc.jpg) no-repeat center top;
}

/****bookroom.htm******/
#book_img{
	width: 100%;
	height: 180px;
	margin: 0 auto;
	text-align: center;
	background: transparent url(images/book.jpg) no-repeat center top;
}

/**bar.htm**/
#bar_img{
	width: 100%;
	height: 180px;
	margin: 0 auto;
	text-align: center;
	background: transparent url(images/bar.jpg) no-repeat center top;
}


/*spa turn images*/
div.turn_img{
	width: 590px;
	float: left;
	padding: 20px 0 0 0;
}

div.turn_img img.mini{
	height: 40px;
	display: inline;	
	margin-right: 15px;
	border: 3px solid #ddceef;
}

div.show_img{
	width: 560px;
	height: 440px;
	overflow: hidden;
	margin: 20px 0;
}

div.show_img img{
	margin-bottom: 100px;
	border: 3px solid #ddceef;
}