﻿body {margin:0px; padding:0px; background: url(../images/bg_body.gif) no-repeat #291f15;font:normal 12px Arial,Tahoma,Verdana,sans-serif; color:#666666; background-position:50% -100px; line-height:22px; }
p{ padding-top:10px;margin:0px;font:normal 12px Arial,Tahoma,Verdana,sans-serif; color:#666666;}
a{color:#000;outline:none}
a:hover{color:#ffa200}
a:link,a:visited,a:active{text-decoration:none}
img{border:none}
ul{padding:0px; margin:0px;}
.text11normal{ font:normal 11px Arial,Tahoma,Verdana,sans-serif;}
a.text11bold_under{ font:bold 11px Arial,Tahoma,Verdana,sans-serif; color:#666666; text-decoration:underline}
a:hover.text11bold_under{ font:bold 11px Arial,Tahoma,Verdana,sans-serif; color:#ff8a00; text-decoration:underline}
.text14bold_white{ font:bold 14px Arial,Tahoma,Verdana,sans-serif; color:#fff;}
.text12bold_gray{font:bold 12px Arial,Tahoma,Verdana,sans-serif; color:#666666;}
.text14bold_gray{font:bold 14px Arial,Tahoma,Verdana,sans-serif; color:#666666;}




#main_layout{ width:920px;margin:0 auto;}
#main_head{ width:920px; height:96px; float:left}
#main_menu{ width:920px; background: url(../images/bg_menu.gif) no-repeat; float:left}
.menu_boxlist{ width:132px; text-align:center; float:left}
.menu_boxlist2{ width:128px; text-align:center; float:left}
#show_feature{ width:902px; background:url(../images/bg_show.gif) ; height:353px; padding:9px 9px 0px 9px; float:left}
.show_feature_white{ width:885px;height:345px; background:#FFFFFF; padding:8px 8px 0px 8px; float:left}
.slide_show{ width:288px; background:#321c0e; float:left}
#content{ width:902px; background:#3f362d; padding:0px 9px 9px 9px;float:left}
#content_gallery{ width:902px; background:#3f362d; padding:9px 9px 9px 9px;float:left}
.content_in{ width:885px; padding:0px 8px 8px 8px; background:#ffffff;float:left}
.box_h{ width:885px; padding-top:7px; float:left}
.head_line{ width:885px; height:5px; background:url(../images/line_h.gif) repeat-x; float:left}
.contain{ width:885px; float:left}
.contain_gallery{ width:885px;padding-top:7px; float:left}
.special{ width:865px; padding:10px; background:#f0f0f0; float:left}
.special_offer{ width:300px; height:150px; background:url(../images/special_offer.jpg) no-repeat;  float:left}
.special_history{ width:300px; height:150px; background:url(../images/guesthouse_history.jpg) no-repeat; float:left}
.list_room{ width:200px; padding-left:10px; float:left}
.list_room ul{width:200px; display:block;  padding:0px;}
.list_room ul li{width:190px; height:15px;float:left;  }
.list_room ul li a{width:190px; display:block; background:url(../images/arrow.gif) 0 50% no-repeat    ; color:#666666; font: normal 12px Arial,Tahoma,Verdana,sans-serif; padding-left:10px; text-decoration:none;}
.list_room ul li a:hover{ color:#ff8a00; text-decoration:none;}
/*footer*/
.footer{ width:901px; padding-bottom:9px;background:#ffffff;float:left}
/*room*/
.special_list{ width:850px; padding:15px; background:#f0f0f0; float:left}

.including{ width:580px; padding-bottom:10px; float:left}
#list_including{ width:330px; padding-left:10px; float:left}
#list_including ul{width:330px; display:block;  padding:0px; float:left}
#list_including ul li{width:260px; height:15px; padding-left:10px; float:left;  }
#list_including ul li a{width:300px; display:block; background: url(../images/bullet_gray.gif) 0 50% no-repeat ; color:#666; font: normal 12px Arial,Tahoma,Verdana,sans-serif; padding-left:17px; text-decoration:none;}
#list_including ul li a:hover{ color:#ff8a00; text-decoration:none;}
/*facilities*/
.facility_info{ padding-left:5px;  float:left}
.facility_pic{ width:199px; border:2px solid #d1d1d1; float:left}
#list_comfort{ width:420px;padding-left:10px;float:left}
#list_comfort ul{width:420px;display:block;  padding:0px; float:left}
#list_comfort ul li{width:400px; height:15px; float:left;  }
#list_comfort ul li span{width:400px; padding-left:5px;  }
#list_comfort ul li a{width:402px; display:block; background: url(../images/bullet_gray.gif) 0 50% no-repeat    ; color:#666666; font: normal 12px Arial,Tahoma,Verdana,sans-serif; padding-left:17px; text-decoration:none;}
#list_comfort ul li a:hover{ color:#ff8a00; text-decoration:none;}
#list_comfort ul li a.nonebg{ background:none;}

#list_comfort_t{ width:820px;padding-left:10px;float:left}
#list_comfort_t ul{width:820px;display:block;  padding:0px; float:left}
#list_comfort_t ul li{width:800px; float:left;  }
#list_comfort_t ul li span{width:800px; padding-left:5px;  }
#list_comfort_t ul li a{width:802px; display:block; background: url(../images/bullet_gray.gif) 0 50% no-repeat    ; color:#666666; font: normal 12px Arial,Tahoma,Verdana,sans-serif; padding-left:17px; text-decoration:none;}
#list_comfort ul li a:hover{ color:#ff8a00; text-decoration:none;}
#list_comfort ul li a.nonebg{ background:none;}
/*rate*/
.rate_top{ width:870px; line-height:32px; padding-left:15px; background:#483019; float:left}
.rate_top_h{ width:870px; line-height:32px; padding-left:15px; float:left}











/*text*/
.text12bold{ font:bold 11px Arial,Tahoma,Verdana,sans-serif; color:#FFF;}
.text11normal_brown{ font:normal 11px Arial,Tahoma,Verdana,sans-serif; color:#9a602c;}
.text11bold_brown{ font:bold 11px Arial,Tahoma,Verdana,sans-serif; color:#9a602c;}
.text12bold_brown{ font:bold 12px Arial,Tahoma,Verdana,sans-serif; color:#9a602c;}
.text12bold_white{ font:bold 12px Arial,Tahoma,Verdana,sans-serif; color:#fff;}

.text12bold_black{ font:bold 12px Arial,Tahoma,Verdana,sans-serif; color:#000;}
.text12bold_black{ font:bold 12px Arial,Tahoma,Verdana,sans-serif; color:#000;}
.text12bold_blackRed{ font:bold 12px Arial,Tahoma,Verdana,sans-serif; color:#5b0505;}
.text12normal_yellow{ font:normal 12px Arial,Tahoma,Verdana,sans-serif; color:#d6bda8;}
/*----------------------*/
/* Sample 1*/
#box1{
	position:absolute;
}
#box1 span{
	display:block;
	float:left;
}

/* Sample 2*/
#box2{
	position:absolute;
}
#box2 span{
	display:block;
	float:left;
}

/* Sample 3*/
#box3{
	position:absolute;
}
#box3 span{
	display:block;
	float:left;
}






/* ********************************** */

.thumbs{
	width:54px;
}
.thumbs div{
	display:block;
	width:54px;
	height:41px;
	margin:3px 0;
	cursor:pointer;
}

.thumbs div img{
	display:block;
	width:100%;
	height:100%;
	border:none
}

.info{
	width:240px;
	height:50px;
	background:#000;
	position:absolute;
}
.info p, .info h4{
	color:#fff;
	padding:3px 8px;
	font-family:Arial;
}
.info h4{
	font-size:14px;
}
.info h4 a{
	float:right;
	background:#fff;
	color:#000;
	font-size:10px;
	padding:0 3px;
	text-decoration:none
}

.mask1{
	position:relative;
	width:288px;
	height:336px;
	overflow:hidden;
}


span img{
	display:block;
	border:none;
}
/*contact*/
#contact{ width:900px; background:#FFF; padding:10px;float:left}
.form_l{ width:636px; float:left}
.contact_head{ width:636px; padding-bottom:5px;float:left}
.contact_head_bor{ width:636px; height:2px; padding:0px; margin:0px; border-bottom:1px solid #993;float:left}
.contact_box{ width:614px; padding:10px;background:#efefef; border:1px solid #dcdcdc; float:left}
.contact_input{ width:288px; float:left}
.text_input{ width:179px; border:1px solid #d7d7d7; height:17px; text-indent:3px; float:left}
.contact_area{ width:312px; float:right}
.border{border:1px solid #d7d7d7;}
.button{ width:90px;  height:19px;background:url(../images/bt.gif) repeat-x; text-align:center; padding-top:4px;float:left}
.contact_right{ width:255px; padding-left:8px; float:left}
.contact_box_r{ width:231px; padding:5px;float:left}
.border_contact{ width:231px; background:#efefef; border:1px solid #dcdcdc; float:left}
.contact_head2{ width:255px; padding-bottom:5px;float:left}
.contact_head_bor2{ width:253px; height:2px; padding:0px; margin:0px; border-bottom:1px solid #993; float:left}
.box{ width:236px; margin-top:10px;float:left} 
.p_contact{ width:223px; height:103px; border:4px solid #d7d7d7; margin:0 auto}
.cover_contact{ width:900px; float:left}
.contact_head3{ width:900px;float:left}
.contact_head_bor3{ width:900px; height:2px; padding:0px; margin:0px; border-bottom:1px solid #993;float:left}
.map{ width:885px;background:#efefef;float:left}

/*slide*/
.photo-meta-data{ width:268px; background:url(../images/transpBlack.png); padding: 10px; height: 37px;position: relative; top:-57px;  color: white; float:left }
.t_offer{ padding:131px 10px 0px 0px; float:right}
.mtop10{ margin-top:10px;}
.content_boxin{ width:885px;  float:left}
.front ul{ padding-left:50px; padding-top:10px; float:left}
.front li{ width:800px; float:left}
.clear{ clear:both; margin:0px; padding:0px;}

#show_feature2{ width:902px; background:url(../images/bg_show.gif) ; height:268px; padding:9px 9px 0px 9px; float:left}
.show_feature_white2{ width:885px;height:260px; background:#FFFFFF; padding:8px 8px 0px 8px; float:left}
/**/
#history_list{ float:left}
#history_list ul{ padding:0px; margin:0px; float:left ;}
#history_list ul li{width:220px;  padding-left:10px;  float:left;  }
#history_list ul li a{width:220px; display:block; background: url(../images/bullet_r.gif) 0 50% no-repeat ; color:#666; font:bold 13px Arial,Tahoma,Verdana,sans-serif; padding-left:17px; text-decoration:none;}
#history_list ul li a:hover{ color:#ff8a00; text-decoration:none;}
/*history*/
.history{ width:920px; background:#3f362d; float:left}
.content_box{ width:902px; background:#3f362d; padding:0px 9px 0px 9px;float:left}
.show_feature2{ width:902px; background:url(../images/bg_show.gif) ; height:268px; padding:9px 9px 0px 9px; float:left}
/**/
#history_list_th{ float:left}
#history_list_th ul{ padding:0px; margin:0px; float:left ;}
#history_list_th ul li{width:220px; height:23px;   padding-left:10px;  float:left;  }
#history_list_th ul li a{width:220px; display:block; background: url(../images/bullet_r.gif) 0 50% no-repeat ; color:#666; font:bold 13px Arial,Tahoma,Verdana,sans-serif; padding-left:17px; text-decoration:none;}
#history_list_th ul li a:hover{ color:#ff8a00; text-decoration:none;}
.bor_color{ border:1px solid #CCC;}
