@charset "utf-8";
/* CSS Document */


@font-face {
    font-family: 'RotisSemiSerifRegular';
    src: url('../fonts/rotissemserbol.eot');
    src: url('../fonts/rotissemserbol.eot?#iefix') format('embedded-opentype'),
         url('../fonts/rotissemserbol.woff') format('woff'),
         url('../fonts/rotissemserbol.ttf') format('truetype'),
         url('../fonts/rotissemserbol.svg#RotisSemiSerifRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RotisSerifRegular';
    src: url('../fonts/rotisserita.eot');
    src: url('../fonts/rotisserita.eot?#iefix') format('embedded-opentype'),
         url('../fonts/rotisserita.woff') format('woff'),
         url('../fonts/rotisserita.ttf') format('truetype'),
         url('../fonts/rotisserita.svg#RotisSerifRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}




body{
	margin:0 auto;
	padding:0px;
	font:12px  tahoma , Arial, Helvetica, sans-serif;
	color:#000000;
	background:#f4ebe2;
}


.clr{
	clear:both;
	font-size:0px;
}
ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
a{
	color:#52697f;
	text-decoration: none;
	outline:none;}
a:hover{
	color:#52697f;
	text-decoration:none;
}

h1,h2,h3,h4,h5,h6{
	margin:0px;
	padding:0px;
}
.bold{
	font-weight:bold;
	color:#000;
}
.underlne a{
	text-decoration:underline;}
p{
	margin:0px;
	padding:0px;
}
#wrapper{
	margin:30px auto;
	padding:0px;
	width:1005px;
}

#header{
}
#header_top{
	background:url(../images/header_bg.jpg) repeat-x;
	padding:7px 0px;
}
#header_left{
	width:183px;
	float:left;
}
#header_right{
	float: right;
    text-align: right;
    width: 822px;
}

#top_bar{
	background:#4d4d4d;
	line-height:38px;
	text-align:center;
	color:#fff;
	font-size:20px;
	font:20px/38px 'RotisSerifRegular',Arial,Helvetica,sans-serif;
	height:38px;
}

#nav{
	background:#4d4d4d;
	line-height:38px;
	color:#fff;
	padding-left:40px;
	font-size:12px;
	font-weight:normal;
}
#nav ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
#nav li{
	display:inline;
	padding:0px;
}
#nav li a{
	color:#FFFFFF;
	text-decoration:none;
}
#nav li a:hover, #nav li.active a{
	color:#B2C5D8;
	text-decoration:none;
}
#nav .sep_bar{
	vertical-align:top;
	font-size:10px;
	padding:0px 5px;
}	

#content{
	/*background:#003f7d;*/
}
#content_left{
	background:#003f7d;
	width:181px;
	/*float:left;*/
	min-height:540px;
}

.banner{}
.inner_thumb{
	padding-bottom:35px;
}

#content_right{
	/*float:left;*/
	width:824px;
	background:#fff;
}

#main_content{
	padding-top:13px;
	padding-bottom:23px;
	background:#fff;
}
#detail_left{
	width:395px;
	float:left;
	margin-left:45px;
	font-size:12px;
	font-weight:normal;
}
.heart_s{
	margin-right: 515px;
    position: absolute;
    right: 0;
}

#detail_left h1{
	font-size: 22px;
    font-weight: normal;
	color:#0f085c;
	padding-bottom:20px;
}
#detail_left h2, #contact_form h2{
	font:22px 'RotisSemiSerifRegular' , Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#044280;
	padding-bottom:20px;
}
#detail_left .sub_h {
	font-size:13px;
	font-weight:bold;
	color:#044280;
	padding-top:15px;
	padding-bottom:10px;
}



#detail_left p, #contact_form p{
	margin:0px 0px 10px;
	color:#3a3a3a;
	line-height:17px;
}

#detail_right{
	float:left;
	width:382px;
	/*margin-left:20px;*/
}

.side_thumb_bg{
	background: url(../images/thumb_bg2.jpg) no-repeat scroll 0 0 transparent;
    float: left;
    height: 161px;
	width:144px;
    margin-left: 0px;
    padding: 20px 14px 15px 15px;
}
.side_thumb_bg .thumb{}
.side_thumb_bg .title{
	color:#9c001f;
	text-align:center;
	font-weight:bold;
	font-size:11px;
	line-height:19px;
}
.side_thumb_bg .title span{ font-size:11px; line-height:8px;}
.side_thumb_bg .small{
font-size:10px;
color:#00407d;
display:block;
text-align:center;}

.side_thumb_bg .read_more{
	line-height:22px;
	text-align:right;
	padding-right:10px;
}
.read_more a{
	background:url("../images/arrow.jpg") no-repeat scroll left 5px transparent;
	padding-left:10px;
	color:#00407d;
	font-size:11px;
	font-weight:bold;
}

.side_pic{
	float:left;
	margin-right:5px;
	margin-bottom:5px;
}
.side_pic-col{
	float:left;
}
.side_pic-col img{
	margin-bottom:5px;
	margin-right:5px;
}

#nav_left{
	padding-top:13px;
	font-size:12px;
	font-weight:normal;}
#nav_left ul{
	margin:0px;
	padding:0px;
	list-style:none;
	}
#nav_left li{
	display:block;
	line-height:25px;
	margin-bottom:3px;
}
#nav_left li a{
	text-decoration:none;
	color:#fff;
	display:block;
	padding-left:40px;
}
#nav_left li a:hover, #nav_left li.active a{
	background:#b2c5d8;
	color:#14528a;
}
#nav_left li a.active{
	background:#b2c5d8;
}
.tel_block{}
.tel_block_title{
	font-size:15px;
	color:#044280;
	line-height:25px;}
.tel_block_subtitle{}
.tel_block_detail{	
	clear:both;
	line-height:19px;}
.tel_block_detail_l{
	float:left;
	margin-right:30px;
}
.tel_block_detail_r{ float:left;}

.outher{
	display:block;}
.outher_des{
	display:block;
	font-size:10px;}

.list{
	list-style:none;
	margin:0px;
	padding:0 0 5px 10px;
}
.list li{
	padding:0px;
	line-height:20px;
	padding:0 0 0 18px;
	background:url(../images/arrow_s.jpg) no-repeat scroll 0 9px;
	color:#002f73;
	font-weight:bold;
}
.list_2{
	list-style:none;
	margin:0px;
	padding:0 0 5px 10px;
	width:300px;
}
.list_2 li{
	padding:0px;
	line-height:20px;
	padding:0 0 0 18px;
	background:url(../images/arrow_s.jpg) no-repeat scroll 0 9px;
	color:#002f73;
}

.side_logo{
	color:#ccbb6e;
	padding-top:57px;
}
.side_logo img{
	float:right;
	margin-left:15px;
	margin-right:40px;
	margin-top:-10px;}
.detail{
	padding-right:10px;
}

.read{
	display:block;
	text-align:right;
	padding-right:60px;
}
.list_bold{
	padding-bottom:15px;}
.list_bold li{
	color:#044280;
	line-height:25px;
}
.pic{
	padding-bottom:10px;
	margin-left:-20px;
}
.reserve{
	padding-bottom:15px;}
.reserve_date{
	float: left;
    padding-right: 15px;
    width: 80px;
}
.reserve_detail{
	 float: left;
    width: 283px;
}
.reserve_detail span{
	color:#044280;
	display:block;
}
.title_pic{
	padding-bottom:10px;
	text-align:right;
	padding-right:45px;
}
.thumb_detail_wrp{}

#map{
	width:603px;
	float:left;
	margin-left:20px;
	margin-right:20px;
}

#contact_form {
    padding-bottom: 15px;
    padding-top: 15px;
    width: 560px;
}

#contact_form .field {
    display: block;
    float: left;
    margin-bottom: 6px;
}
#contact_form .user_name {
    float: left;
    padding-top: 5px;
    width: 65px;
}
#contact_form .user_input {
    float: left;
    padding-left: 10px;
    width: 220px;
}
#contact_form .input_field {
	border:1px solid #b4b4b4;
    padding:3px;
    width: 200px;
}
#contact_form .user_input_small {
    float: left;
    width: 55px;
}
#contact_form .input_small{
	width:55px;
	border:1px solid #b4b4b4;
    padding:3px;}
#user_msg {
    float: left;
    padding-left: 10px;
    width: 475px;
}
#user_msg .msg {
    border-color: #B8B9B9 #E5E7E6 #E5E7E6 #B8B9B9;
    border-style: solid;
    border-width: 1px;
    height: 110px;
    overflow: hidden;
    padding: 0 2px;
    width: 470px;
}
select{
	float:left;
	margin-right:10px;
	margin-bottom:6px;}
option{
	padding:0px 10px;}
.select_large{
	width:216px;
	margin-left:10px;}
.select_mid{
	width:160px;}
.select_small{
	width:47px;}

.submit_button{
	background:url(../images/button_bg.jpg) repeat-x;
	border:none;
	padding:0px 10px;
	float:right;
	color:#FFFFFF;
	cursor:pointer;
	margin-top:10px;
	-moz-border-radius:3px;
}
.username{
	font-weight:bold;
	color:#08336d;
}
.redio_h{
	padding:15px 0 5px;}

.radio_btn{}
/*************
FOOTER
************/
#footer{
	background:#4d4d4d;
}

#footer .links{
	 float: right;
    font-size: 12px;
	font-weight:normal;
    letter-spacing: 1px;
    padding-right: 20px;
    text-align: center;
}
.links ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
.links li{
	display:inline;
	padding:0px;
	line-height:38px;}
.links li a{
	color:#e1e1e1;
	text-decoration:none;
}
.links li a:hover{
	color:#FFFFFF;
	text-decoration: underline;}

.links .bar{
	padding:0px 5px;
	font-size:9px;
	color:#fff;}

#footer .des{
	line-height:38px;
	float:left;
	text-align:center;
	font-size:12px;
	font-weight:normal;
	letter-spacing:1px;
	color:#e1e1e1;
	padding-left:24px;
}

#gallery{
	position:relative;}
#gallery_btn{
	float:right;
	margin-right:60px;
	padding:8px 0px;
	position:absolute;
	top:-38px;
	right:0px;
}
#gallery_btn .prev{
	margin-left:3px;
	float: left;
	width:22px;
	height:22px;
	background:url(../images/btn_left.png) no-repeat;}
#gallery_btn .prev:hover{
	cursor:pointer;
	background:url(../images/btn_left-a.png) no-repeat;}
#gallery_btn .next{
	margin-left:3px;
	float: left;
	width:22px;
	height:22px;
	background:url(../images/btn_right.png) no-repeat;}
#gallery_btn .next:hover{
	cursor:pointer;
	background:url(../images/btn_right-a.png) no-repeat;
}
#gallery_btn .pause{margin-left:3px; width:22px; height:22px; background:url(../images/btn_pause.png) no-repeat; float:left; width:22px;}
#gallery_btn .pause:hover{
	cursor:pointer;
	background:url(../images/btn_pause-a.png) no-repeat;
}
.pagination a {
color:#FFFFFF;
}
#detail_left img{
max-width:824px
}
.p_0_margin p{
margin:0 !important;
float:none;
}
.slider_pic{
min-width:824px;
min-height:563px;
}
.slider_pic img{
max-height:563px;
margin:0px;
padding:0px;
}
.err{
padding:5px;
padding-left:0px;
color:#FF0000;
}
.popupwindow{
	background: none repeat scroll 0 0 #E5F0FE;
    border: 1px solid #000000;
    color: #000000;
    font-size: 12px;
    margin-top: 4px;
    padding: 5px;
    position: absolute;
    width: 274px;
	display:none;
}