/*******	2009-12 Chateau de Chine ********/

/********************************************/
/*		Eric Meyer's Reset 15 Jan 2008		*/		
/********************************************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/********************************************/
/*			global html elements			*/
/********************************************/
a,
a:link,
a:visited{
	cursor:pointer;
	color:#999;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
object{
	outline:none;
}
a.more,
a.more:hover,
a.more:link,
a.more:visited{
	color:#bb6a2b;
	text-decoration:underline;
}
.clearfix:after{
	content: ".";
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}/* for firefox */
.clearfix{
	display:inline-block;
}
html[xmlns] .clearfix{
	display:block;
}
.clearit{
	clear:both;
}
.left{
	float:left;
}
.right{
	float:right;
}
p{
	font-size:110%;
	line-height:160%;
	padding-bottom:15px;
}
dl,dt,dd{
	color:#bb6a2b;
	line-height:130%;
}
dl{
	overflow:auto;
	margin-bottom:5px;
}
ol{
	padding:0 0 15px 30px;
	list-style-type:decimal;
}
/********************************************/
/*					form					*/			
/********************************************/
fieldset table{
	border-collapse:collapse;
}
fieldset table tr td{
	vertical-align:top;
	padding:0 10px 10px 0;
	border:none;
}
fieldset table tr td.label{
	color:#fff;
	text-align:right;
	width:100px;
}
textarea{
	word-wrap:break-word;
	overflow-x:hidden;
	overflow-y:auto;
}
.textfield{
	background-color:#000;
	border:none;
	padding:3px 3px 5px;
	color:#fff;
	font:normal 12px Arial,System;
	letter-spacing:0.02em;
}
fieldset#contact input.textfield{
	width:160px;
}
fieldset#contact textarea.textfield{
	width:234px;
}
input.submit{
	position:relative;
	pointer:cursor;
	color:#fff;
	border-width:1px 0 0 0;
	border-color:#666;
	background:#000 url(../images/bg-a.jpg) left top repeat-x;
	padding:3px 0;
	margin-top:5px;
}
/********************************************/
/*				page framework				*/			
/********************************************/
html{
	background-color:#111;
}
body{
	color:#eee;
	font:normal 12px/145% Arial,System;
	letter-spacing:0.02em;
}
#page-wrap{
	width:960px;
	margin:0 auto;
	background-color:#8d0f04;
	position:relative;
}
#header{
	position:relative;
	height:100px;
	overflow:hidden;
	border-bottom:1px solid #ba7234;
}
#logo{
	display:block;
	width:240px;
	height:100px;
}
#navigation{
	background:url(../images/bg-navigation.jpg) left top no-repeat;
	position:absolute;
	opacity:0.87;
	filter:alpha(opacity=87);
	width:680px;
	padding-left:280px;
	z-index:100;
}
.content-wrap{
	position:relative;
	padding:0 20px;
	min-height:450px;
}
#kv, #kv img{
	position:relative;
}
.overlap{
	height:450px;
	overflow:hidden;
	position:relative;
	background:url(../images/bg-overlap.jpg);
}
.top{
	position:relative;
	height:45px;
	padding:37px 0 0 0;
	border-bottom:1px solid #c37335;
}
#content{
	float:left;
	width:670px;
	padding:15px 10px 15px 0;
}
#local-nav{
	position:relative;
	float:left;
	width:240px;
	margin-top:15px;
	background-color:#7f0d04;
	min-height:100%;
	height:auto;
}
.bot-nav{
	position:absolute;
	bottom:0;
	width:279px;
	padding:0 20px 10px;
	background-color:#fff;
	overflow:hidden;
	background:url(../images/bg-index-bot-nav.png) no-repeat;
}
.bot-nav h1{
	height:30px;
	padding-bottom:10px;
	text-indent:-9999px;
	float:none;
	width:auto;
}
.bot-nav ul li{
	font-size:90%;
	line-height:130%;
	padding:0 0 8px 10px;
	background:url(../images/icon.gif) -250px -30px no-repeat;
}
#index-news{
	left:0;
	background-position:left top;
}
#index-promo1{
	left:321px;
	background-position:-320px top;
}
#index-promo2{
	left:641px;
	background-position:-640px top;
}
#index-news.bot-nav{
	width:280px;
}
.bot-nav .btn-area{
	text-align:right;
}
#footer{
	position:relative;
	background-color:#000;
	text-align:center;
}
#copyright{
	padding:5px 0 10px;
}

/********************************************/
/*					header					*/			
/********************************************/
#top-nav{
	position:absolute;
	top:15px;
	right:10px;
}	
#top-nav li{
	display:inline;
	padding:0 10px 0 15px;
	background:url(../images/icon.gif) left top no-repeat;
	font-size:110%;
	vertical-align:baseline;
}
#navigation ul li{
	display:inline;
	float:left;
	height:33px;
	position:relative;
	margin-left:27px;
	z-index:100;
}
#top-nav li select{
	font-size:88%;
	color:#555;
	border:1px solid #c69591;
	background:#d9b7b5;
	padding-left:10px;
	vertical-align:middle;
}
#top-nav li option{
	padding-right:10px;
}
#navigation ul li.item1{
	width:73px;	
}
#navigation ul li.item2{
	width:89px;
}
#navigation ul li.item3{
	width:164px;
}
#navigation ul li.item4{
	width:104px;
}
#navigation ul li.item5{
	width:88px;
}
#navigation ul li a{
	display:block;
	width:100%;
	height:33px;
	text-indent:-9999px;
	padding:0;	
}
.room #navigation ul li.item1{
	background:url(../images/bg-navigation.jpg) no-repeat -1307px top;
}
.dinning #navigation ul li.item2{
	background:url(../images/bg-navigation.jpg) no-repeat -1407px top;
}
.banquet #navigation ul li.item3{
	background:url(../images/bg-navigation.jpg) no-repeat -1523px top;
}
.meeting #navigation ul li.item4{
	background:url(../images/bg-navigation.jpg) no-repeat -1714px top;
}
.amenity #navigation ul li.item5{
	background:url(../images/bg-navigation.jpg) no-repeat -1845px top;
}
#navigation ul li a:hover{
	background:url(../images/bg-navigation.jpg) no-repeat;
}
#navigation ul li.item1 a:hover{
	background-position:-1307px top;
}
#navigation ul li.item2 a:hover{
	background-position:-1407px top;
}
#navigation ul li.item3 a:hover{
	background-position:-1523px top;
}
#navigation ul li.item4 a:hover{
	background-position:-1714px top;
}
#navigation ul li.item5 a:hover{
	background-position:-1845px top;
}
#navigation ul li ul{
	display:none;
	position:absolute;
	left:0;
	top:100%;
	width:164px;
	z-index:300;
}
#navigation ul li ul li{
	position:relative;
	float:none;
	display:block;
	background-color:#8e0f04;
	height:20px;
	width:158px;
	padding:2px 3px;
	margin:0 0 1px 0;
	z-index:100;
}
#navigation ul li ul li a{
	letter-spacing:0.02em;
	float:none;
	display:block;
	height:20px;
	line-height:20px;
	width:100%;
	text-indent:0;
	text-align:center;
	z-index:100;
}
#navigation ul li ul li a:hover{
	color:#8e0f04;
	background:#d39545 none;
	text-decoration:none;
}
#top-nav a,
#top-nav a:link,
#top-nav a:visited,
#navigation li a,
#navigation li a:link,
#navigation li a:visited{
	color:#fff;
}
#branch{
	position:absolute;
	right:20px;
	bottom:10px;
	font:normal 21px/23px PMingLiU;
	color:#e4c598;
}
#booking, #reserve{
	position:absolute;
	top:105px;	
	width:130px;
	height:24px;
	z-index:100;
	cursor:pointer;
}
#booking{left:20px;}
#reserve{left:160px;}
#reserve a{
	display:block;
	height:24px;
}
/*#booking a{
	display:block;
	width:100%;
	height:24px;
	text-indent:-9999px;
}*/
#bookform{
	display:none;
	position:absolute;
	left:20px;
	top:130px;
    background:transparent url(../images/bg-png.png) left top repeat-x;
	width:240px;
	min-height:205px;
	_height:205px;
	padding:12px 0; 
	text-align:center;
	z-index:100;
}
#bookform .submit{
	width:135px;
}
/********************************************/
/*					footer					*/
/********************************************/
#alliance{
	background:#000 url(../images/alliance.jpg) left top no-repeat;
	width:500px;
	margin:0 auto;
	clear:both;
	overflow:hidden;
}
#alliance li{
	float:left;
	height:90px;
}
#alliance li a{
	display:block;
	width:100%;
	height:90px;
	float:left;
	text-indent:-9999px;
}
#alliance li.item1{
	width:105px;
}
#alliance li.item2{
	width:105px;
}
#alliance li.item3{
	width:90px;
}
#alliance li.item4{
	width:80px;
}
#alliance li.item5{
	width:120px;
}
#copyright li{
	display:inline;
	font-size:90%;
	color:#757575;
}
#copyright li.first{
	padding-right:15px;
}
#copyright li a,
#copyright li a:hover,
#copyright li a:link,
#copyright li a:visited{
	color:#757575;
	padding:0 7px; 
}
#copyright li a:hover{
	text-decoration:underline;
}
/********************************************/
/*					content					*/
/********************************************/
.category{
	position:relative;
	float:left;
	width:105px;
	height:105px;
	z-index:50;
	text-indent:-9999px;
	margin-top:-60px;
}
.room .category{
	background:url(../images/h1.png) left top no-repeat;
}
.dinning .category{
	background:url(../images/h1.png) left -120px no-repeat;
}
.banquet .category{
	background:url(../images/h1.png) left -240px no-repeat;
}
.meeting .category{
	width:175px;
	background:url(../images/h1.png) left -360px no-repeat;
}
.amenity .category{
	background:url(../images/h1.png) left -480px no-repeat;
}
.chateau .category{
	background:url(../images/h1.png) left -600px no-repeat;
}
h1{
	float:left;
	width:500px;
}
h2{
	font:bold 15px System;
	padding-bottom:8px;
}
h2 a,
h2 a:link,
h2 a:hover,
h2 a:visited{
	color:#fff;
}
#local-nav ul{
	padding:10px 0 0 20px;
}
#local-nav ul li{
	line-height:175%;
}
#local-nav ul li a{
	padding-left:12px;
	background:url(../images/icon.gif) left -30px no-repeat;
}
#local-nav ul li.has-sub a,
#local-nav ul li.has-sub a:hover{
	color:#fff;
	background-position:-750px top;
}
#local-nav ul li ul{
	padding:0 0 0 12px;
}
#local-nav ul li.has-sub ul li a{
	color:#999;
	background-position:left -30px;
}
#local-nav ul li a:hover,
#local-nav ul li.has-sub ul li a:hover{
	color:#fff;
	background-position:-250px -30px;
}
#local-nav ul.slide{
	padding:0;
}
#local-nav ul.slide{
	background-color:#230401;
}
#local-nav ul.slide li{
	height:20px;
}
#local-nav ul.slide li a{
	color:#555;
	background-image:none;
	display:block;
	text-decoration:none;
	padding-left:20px;
	height:20px;
}
#local-nav ul.slide li a:hover{
	color:#fff;
	background-color:#000;
}
#local-nav .banner{
	padding:50px 0 0 20px;
}
#local-nav .banner a{
	display:block;
	margin-bottom:5px;
}
#local-nav .infobox{
	padding:10px 0 0 20px;
}
#local-nav .infobox span{
	color:#BB6A2B;
}
a.button{
	display:block;
	height:24px;
}
#paginate{
	text-align:center;
}
#paginate a,
#paginate a:hover,
#paginate a:link,
#paginate a:visited{
	color:#fff;
	padding:0 3px;
}
/***list***/
span.date,
span.group{
	font:bold 15px System;
	padding-right:10px;
	margin-right:10px;
	border-right:2px solid #fff;
}
span.date{
	color:#fff;
}
span.group a,
span.group a:hover,
span.group a:link,
span.group a:visited{
	color:#bb6a2b;
}
ul.promo-list li{
	min-height:105px;
	overflow-y:auto;
	padding-bottom:15px;
}
ul.promo-list li a.fig{
	/*float:left;*/
	display:block;
}
ul.promo-list li img{
	float:left;
	border:1px solid #730900;
}
ul.promo-list li .excerpt{
	float:left;
	width:405px;
	padding:0 0 0 20px;
}
ul.promo-list li .excerpt p{
	padding-bottom:0;
}
ul.promo-list li .excerpt p.quick-info{
	color:#bb6a2b;
}
ul.fig-list li{
	float:left;
	width:240px;
	padding:0 15px 5px 0;
}
ul.fig-list li a,
ul.fig-list li a:link,
ul.fig-list li a:hover,
ul.fig-list li a:visited{
	display:block;
	width:240px;
	color:#fff;
}
ul.fig-list li a.title{
	text-align:center;
}
/***content-page***/
.landing img{
	float:left;
	width:300px;
	padding-right:20px;
}
.landing p{
	float:left;
	width:340px;
}
.product .block{
	float:left;
	width:340px;
	margin-bottom:5px;
}
.product img{
	float:left;
	width:300px;
	padding:0 20px 10px 0;
}
.product dt{
	width:65px;
	float:left;
}
.product dd{
	width:275px;
	float:left;
}
.product dl.full dt{
	float:none;
	width:auto;
	color:#fff;
	display:block;
	padding-top:10px;
}
.product dl.full dd{
	float:none;
	width:auto;
}
.article .head{
	padding-bottom:15px;
}
.airticle span.group{
	border-right:none;
}
.article img{
	float:left;
	padding:0 15px 5px 0;
}
.article a.back,
.article a.back:hover,
.article a.back:link,
.article a.back:visited{
	color:#fff;
	float:right;
}
.article ul{
	padding:0 0 15px 15px;
}
.article ul li{
	padding-left:15px;
	background:url(../images/icon.gif) -250px -30px no-repeat;
}
/***table***/
table{
	width:600px;
	color:#fff;
	margin-bottom:20px;
}
caption{
	color:#fff;
	background-color:#230401;
	font:normal 13px System;
	text-align:center;
	padding:3px 0;
}
table tr th{
	background-color:#000;
	font-weight:normal;
	padding:3px 0;
	white-space:nowrap;
}
table tr td{
	padding:5px 10px;
	border-bottom:1px solid #be6930;
	vertical-align:middle;
}
table.table-data tr td{
	border:1px solid #be6930;
	white-space:nowrap;
}
table.table-data tr td ul{
	padding-left:10px;
}
table.table-data tr td.first{
	
}
table.table-data tr td.last{
	white-space:normal;	
}
table.table-data tr td.remark{
	text-align:left;
	white-space:normal;
}
table.table-data a,
table.table-data a:hover,
table.table-data a:link{
	color:#fff;
	text-decoration:underline;
}
table.table-data a:visited{
	color:#999;
	text-decoration:underline;
}
table.wide tr td{
	white-space:nowrap;
	text-align:center;
}
table.wide tr th{
	padding-left:5px;
	padding-right:5px;
}
table.no-border caption{
	margin-bottom:10px;
}
table.no-border tr td{
	border:none;
	padding:0;
	text-align:left;
	width:25%;
}
#box1,#box2,#box3{padding:20px 10px 10px;background-color:#8D0F04}
/***sitemap***/
#sitemap,#meeting{
	padding:15px 0;
}
#sitemap ul li{
	float:left;
	width:152px;
	line-height:175%;
	text-indent:-9999px;
}
#sitemap ul li h2{
	height:50px;
	width:150px;
	background:url(../images/bg-sitemap.jpg) no-repeat;
}
#sitemap ul li.item1 h2{
	background-position:left top;
}
#sitemap ul li.item2 h2{
	background-position:-150px top;
}
#sitemap ul li.item3 h2{
	background-position:-300px top;
}
#sitemap ul li.item4 h2{
	background-position:-450px top;
}
#sitemap ul li.item5 h2{
	background-position:-600px top;
}
#sitemap ul li.item6 h2{
	background-position:-750px top;
}
#sitemap ul li ul li{
	background:none;
	text-indent:0;
}
#sitemap ul li ul li a{
	color:#fff;
	padding-left:12px;
	background:url(../images/icon.gif) -250px -30px no-repeat;
}
#sitemap ul li ul li ul{
	padding-left:12px;
}
#sitemap ul li ul li ul li{
	width:130px;
}