html {

}




body {
  clear:both;
  background-image:url();
  background-repeat:no-repeat;
  background-position:center; 
  background-color:#000;
  height:100%
}



body,td,div,span,p,li,input {color:#999999;margin:0px;font-family:Arial, Helvetica, sans-serif;font-size:10pt;word-wrap:break-word;word-wrap:break-word;}

/*font*/
.bold {font-weight:bold}
.red {color:#FF0000}
.ora {color:#FF6600}
.blk {color:#000000}
.gre {color:#090}
.gra {color:#999999}
.whi {color:#FFFFFF}
.c600 {color:#600}
.999 {color:#999}

.bg_red {background-color:#FF0000}
.bg_blk {background-color:#000000}
.bg_gre {background-color:#090}
.bg_gra {background-color:#999999}
.bg_whi {background-color:#FFFFFF}
.bg_ora {background-color:#ff9900}
.bg_png {background:url(images/pngbg.png)}
.bg_load {background:url(images/loading.gif) no-repeat center}

h1,.h1 {font-size:16pt;font-weight:bold;margin:0px}
h2,.h2 {font-size:14pt;font-weight:bold;margin:0px}
h3,.h3 {font-size:11pt;font-weight:bold;margin:0px}
h4,.h4 {font-size:10pt;font-weight:bold;margin:0px}

.wordbreak {
		table-layout:fixed;
		table-layout: \9;
		word-wrap:break-word;
		word-wrap: \9;
		word-break:break-all \9;
		overflow:hidden;
		overflow:auto \9;
}


.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;} /* for IE/Mac */
h1.title{display:none}




/*a href*/
a {color:#ccc;text-decoration:none}
a:hover {color:#fff;text-decoration:underline}
a img {border:0px}

a.blk {color:#333333;text-decoration:none}
a.blk:hover {color:#000000;text-decoration:underline}


/*btn hover*/
a.btn{background-position: 0 0}
a.btn:hover {background-position: 0 -100%}

.more1 {background-image:url(icons/icon_more1.png);width:51px;height:15px}
.more2 {background-image:url(icons/icon_more2.png);width:51px;height:15px}
.more3 {background-image:url(icons/icon_more3.png);width:52px;height:14px}
.more4 {background-image:url(icons/icon_more4.png);width:52px;height:14px}


.topen {width:80px;height:20px;padding:10px;float:right;background:url(images/topen.png) no-repeat 75px;cursor:pointer}
.tclose {width:80px;height:20px;padding:10px;float:right;background:url(images/tclose.png) no-repeat 75px;cursor:pointer}
.tback {width:80px;height:20px;padding:10px;float:right;background:url(images/tback.png) no-repeat 75px;cursor:pointer}

.tback a {color:#C9B451}

.tclose img , .topen img {display:none}

/*status*/
.none {display:none}
.abs  {position:absolute}

.hide {visibility:hidden}
.right {float:right;clear:both}
.left {float:left;clear:both}
.center {text-align:center}
.vtop {vertical-align:top}
.vmin {vertical-align:middle}
.vbtm {vertical-align:bottom}
.hright {text-align:right}
.hleft {text-align:left}
.hcenter {text-align:center}

/*margin*/
.mg_3 {margin:3px}
.mg_5 {margin:5px}
.mg_10 {margin:10px}
.mg_lr3 {margin-left:5px;margin-right:5px}
.mg_lr5 {margin-left:5px;margin-right:5px}
.mg_lr10 {margin-left:10px;margin-right:10px}

.mg_l5 {margin-left:5px;}

.mg_tb5 {margin-top:5px;margin-bottom:5px}
.mg-ie_t5 {*margin-top:5px;}
.mg-ie_t10 {*margin-top:10px;}
.mg-ie_t15 {*margin-top:15px;}
.mg_t5 {margin-top:5px;}

/*style*/
.bdr1 {border:1px solid #999}
.bdr5_eee {border:5px solid #eee}

.bdr_rd {
    border:solid #999 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.bdr5t_ora {border-top:5px #ff9900 solid}
.bdr5t_gre {border-top:5px #080 solid}



.round_5 {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.round_3 {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}



.shadow {
    -webkit-box-shadow: 0 1px 1px #999; 
    -moz-box-shadow: 0 1px 1px #999; 
    box-shadow: 0 1px 1px #999;
}

.glow_gray {
    -webkit-box-shadow: 0px 0px 3px #999; 
    -moz-box-shadow: 0px 0px 3px #999; 
    box-shadow: 0px 0px 3px #999;
}



/*link style*/
.dot_h {background:url(icons/dot_h.gif) repeat-x bottom}
.arr1 {
	background-image:url(icons/icon_arr1.jpg);
	background-repeat:no-repeat;
	background-position:0px 6px;	
	*background-position:0px 4px;
	display:inline-block;
	width:10px;
	height:10px;
	float:left;
}
.news {
	min-height:20px;
	*height:20px;
}
.news *{display:table-cell;*display:block;*float:left;padding-top:2px}


.itemline {
	min-height:20px;
	*height:20px;
}
.itemline *{display:table-cell;*display:block;*float:left;padding-top:2px}




.itemblock{
	width:120px;
	margin:4px;
	height:145px;
	display:inline-block;
	*display:block;
	float:left;
	border:1px solid #ccc;
}
.itempic{
	width:100px;
	margin:10px 10px 0px 10px;
	height:100px;
}
.itemtitle{
    margin:0px 5px;
	width:110px;
	text-align:center;
	vertical-align:middle;	
}

.block {	
    display:inline-block;
	*display:block;
	min-height:5px;
	*height:5px;
}


.block50p{	
    width:50%;
	*width:49.5%;
	display:inline-block;
	*display:block;
	float:left;	
	margin-top:5px;	
}



.block50p .cell{	
    width:auto;
	padding:10px;
	*padding:5px
}


/*box*/

.table {
  display:table;	
}

.row {
  display:table-row;	
}

.cell {
  display:table-cell;
}





.xrow,.cell50p {border:0px #666666 solid;}

.xrow {display:table;width:100%;min-height:20px;*height:20px;overflow:visible;}

.xcell {
	 display:table-cell;	
	 vertical-align:middle;
	 *height:20px;
	 *float:left;
	 
}

.xnovcell {
	 display:table-cell;	
	 *height:20px;
	 *float:left;
}



.xcell50p {
	 display:table-cell;
	 width:50%;
	 vertical-align:middle;
	 *width:49%;
	 *height:20px;
	 *float:left;
}

.xvtopcell50p {
	 display:table-cell;
	 width:50%;
	 vertical-align:top;
	 *width:49%;
	 *height:20px;
	 *float:left;
}



.w100p {width:100%}
.w98p {width:98%}
.w96p {width:96%}
.w25p {width:25%;*width:24%}


.w40px {width:40px}
.w60px {width:60px}
.w80px {width:80px}
.w100px {width:100px}
.w150px {width:150px}
.w200px {width:200px}

.h120px {*height:120px;min-height:120px}
.h100px {*height:100px;min-height:100px}
.h80px {*height:80px;min-height:80px}
.h40px {*height:40px;min-height:40px}
.h20px {*height:20px;min-height:20px}
.h5px {*height:5px;min-height:5px}

.clearbox {
	display:block;
	overflow:visible;
   *overflow:;
    clear:both;
	border:0px #333333 solid;    
   *height:10px
}


/*sections def============================================================================================================================*/
.container {
   background:url(images/index_bg.jpg) no-repeat center;
   width:100%;
   display:block;
   min-height:800px;
   margin:auto;
   clear:both;
}

.header,.content,.footer{
   margin:auto;
}

.header  {
  text-align:center;
  height:165px;

}

.logo {
  margin:auto;
  width:174px;
  height:138px;
  display:block
}


.content {
    width:100%;
    background:url(images/mid_bg.jpg) repeat-x center 20px;
    margin-top:0px;
	*height:440px;
	-height:440px;
	min-height:440px;
	
}

.index_slider{
  margin:auto;  
  width:900px;
  height:440px;
  background-color:#666;
  -webkit-box-shadow: 0 0px 10px #000; 
  -moz-box-shadow: 0 0px 10px #000; 
  box-shadow: 0 0px 10px #000;
}


.slider {
   margin:auto;	
   width:840px;
   height:440px;  
   overflow:hidden
}
.slider_border{
   margin:auto;		
   width:842px;
   height:443px;
   min-width:842px;
   min-height:443px;   
}

.slider img{
  position:absolute;
  margin:0px;
  float:left;
  border:0px solid #8F8A06;
  width:840px;
  height:440px;
  z-index:8;
}

.slider div.sliderframe{
  position:absolute;
  margin:0px;
  float:left;
  border:1px solid #8F8A06;
  width:838px;
  height:438px;
  z-index:9;
}

.enterbtns{
	margin:auto;
	margin-top:30px;
	width:220px;
}

.enterbtns * {
 float:left;	
}

#book {
  border-left:1px solid #8F8A06;
  height:40px;
  display:block;
  margin-left:10px;
  padding-left:10px
}


#btns_block{
  margin:auto;	
  margin-top:50px;
  width:510px;
  height:38px;
  background-image:url(images/btns.png);
  background-repeat:no-repeat;
}

#btns_block div{ 	
 height:38px;
 background-image:url(images/btns_f.png);
 background-repeat:no-repeat;
 display:block;
 float:left;
}

.btn1 {width:85px;background-position:0px}
.btn2 {width:85px;background-position:-85px}
.btn3 {width:85px;background-position:-170px}
.btn4 {width:85px;background-position:-255px}
.btn5 {width:85px;background-position:-340px}
.btn6 {width:85px;background-position:-425px}


/*text_block*/

.text_block {
 margin-left:60px;
 border:0px #ffffff solid;
 position:absolute;
 width:840px;
 height:440px;
 z-index:10;
}

.text_innerblock{
 width:820px;
 height:420px;
 margin:10px;
 z-index:10;
 color:#C9B451;
}

.text_title{
  font-size:11pt;
  font-weight:bold;
  line-height:32pt;
  margin-left:10px
}

.text_about {
 padding:0px;
 width:500px;
 height:420px;
 float:right;
 overflow:hidden;
 line-height:22px;
 letter-spacing:2px;
 text-align:justify;
}

.text_content {
clear:both;
padding:10px	
}


/*room only*/
.room_menu {
 width:150px;
 height:420px;
 float:left;
 text-align:right	
}

.room_menu a {
  color:#C9B451;
  line-height:30px;
  margin-right:20px
}


.text_room {
 padding:0px;
 width:660px;
 height:420px;
 float:right;
 overflow:hidden;
 line-height:22px;
 letter-spacing:2px;
 text-align:justify;
}

.room_scroll{
 width:640px;
 height:385px;	
 overflow:scroll 	
}
.room_pane{
  width:580px;
  *height:385px;
  -height:;	
}


/*news only*/
.text_news {
 padding:0px;
 width:820px;
 height:420px;
 float:right;
 overflow:hidden;
 line-height:22px;
 letter-spacing:2px;
 text-align:justify;
}

.news_scroll{
 width:800px;
 height:385px;	
 overflow:scroll 	
}
.news_pane{
  width:780px;
  *height:385px;
  -height:;	
}

.newslist div {
  padding:10px;
  border-bottom:#C9B451	solid 1px;	
  color:#C9B451;
  width:780px;
}

a.newslist {
  color:#C9B451;	
}
a.newslist:hover {
  color:#C9B451;	
}



#pricelist td{
 letter-spacing:0px;
 color:#C9B451;
}


/*footer*/

.footer {	
    margin:auto;
	margin-top:10px;
	padding-top:10px;
	width:900px;
	*height:105px;
	min-height:105px;
	background-image:url(images/block_grad.png);
    background-repeat:no-repeat;
    background-position:top; 
}

.footer a {
 color:#C9B451	
}

.nav1,.nav2,.nav3 {
  width:295px;
  display:block;
  border:0px #ffffff solid;
  float:left;
}

.btm_btn1,.btm_btn2,.btm_btn3{
 background-image:url(images/btm_btns.png);
 background-repeat:no-repeat; 
 width:65px;
 height:83px;
 float:right;
 cursor:pointer;
}

.btm_btn1:hover,.btm_btn2:hover,.btm_btn3:hover{
 background-image:url(images/btm_btnsf.png);
 background-repeat:no-repeat; 
 width:65px;
 height:83px;
 float:right;
 cursor:pointer;
}


.btm_btn1{
 background-position:0px 0px
}
.btm_btn2{
 background-position:-65px 0px
}
.btm_btn3{
 background-position:-130px 0px
}


.enter_btn{
  background-image:url(images/index_enter.png);
  width:119px;height:56px;
  margin:auto;
}

.enter_btn:hover{
  background-image:url(images/index_enter.png);
  width:119px;height:56px;
  margin:auto;
  margin-top:5px;
}


.block_footer{
  text-align:center;
  color:#C9B451;
}


/*header*/




/*content*/



/*footer*/