@charset "utf-8";

/* CSS Document */* 

* {

	margin:0; padding:0;

	font-size: 12px;

	font-family:Verdana, Geneva, sans-serif;

	text-decoration:none;

}



ul { list-style:none; }

a {	color:#FFF;	font-size:12px;}

a:hover {color:#FFF; text-decoration: none;}

body{ background-color:#231f20;}

.clear { clear:both; }



.head{width:1000px; height:132px; float:left;}

.booking{ width:150px; height:38px; margin-top:50px; margin-left:735px; position:absolute; top:0;}

.policy{ width:105px; height:38px; margin-top:50px; margin-left:890px; position:absolute; top:0;}

.head .logo{ width:170px; float:left;}

.head .menu{ width:613px; height:45px; float:left;  margin-top:87px;  margin-left:217px}

.head .menu1 { width:auto; float:left;}

.head .menu1 .li {float:left;}



.content{ width:1000px; height:auto; text-align:center; }

.content .body{	width:980px; background-color:#231f20; border:10px solid #FFF;}

.body_home{ width:980px; height:540px; border:10px solid #FFF; position:relative; }

.body_home .row{ width:980px; height:auto; float:left; }

.body_home .column{ width:245px; height:90px; float:left; }

.body_home .thumb{ width:313px; height:440px; padding-top:100px; margin-left:677px; position:absolute; top:0; left:0px;}

.body_home .thumb1{ width:293px; height:130px; margin-bottom:20px; float:left; }



.about-us{ width:980px; height:540px; background-image:url(images/about-bg.jpg); background-position:center; border:10px solid #FFF;}

.about-us .info_box{ width:400px; height:520px; margin-top:10px; margin-bottom:10px; margin-left:550px; background-color:#FFF;}

.about-us .info_box .text{ width:360px; height:auto; float:left; margin-top:10px; margin-left:20px; margin-right:20px; font-size:11px; text-decoration:none; text-align:left; color:#999; line-height:15px;}

.about-us .info_box .head{ width:292px; height:auto; float:left;}



/*::::::::::::::::::::::::::::: Modify About us :::::::::::::::::::::::::::::::::*/

.body_about-us{ width:980px; height:540px; border:10px solid #FFF; position:relative; }

.body_about-us .row{ width:980px; height:auto; float:left; }

.body_about-us .column{ width:245px; height:90px; float:left; }

.body_about-us .info_box{ width:400px; height:520px; margin-top:10px; margin-bottom:10px; margin-left:550px; background-color:#FFF; position:absolute; top:0px; left:0px;}

.body_about-us .info_box .text{ width:360px; height:auto; float:left; margin-top:10px; margin-left:20px; margin-right:20px; font-size:11px; text-decoration:none; text-align:left; color:#999; line-height:15px;}

.body_about-us .info_box .head{ width:292px; height:auto; float:left;}

/*::::::::::::::::::::::::::::: Modify About us :::::::::::::::::::::::::::::::::*/





/*

.accommodation{ width:980px; height:540px; background-image:url(images/accomm2-bg.jpg); background-position:center; border:10px solid #FFF;}

.accommodation .box1{ width:980px; height:540; float:left;}

.accommodation .box1 .head{ width:695px; height:auto; float:left; margin-top:40px; padding-left:30px;}

.accommodation .box2{ width:225px; height:auto; float:left;}





/*::::::::::::::::::::::::::::: Modify Accom :::::::::::::::::::::::::::::::::*/





.accommodation{ width:980px; height:540px; border:10px solid #FFF; position:relative;}

.accommodation .row{width:980px; height:auto; float:left; }

.accommodation .row .column{ width:245px; height:90px; float:left; }





.accommodation .info-box{width:980px; height:auto; float:left; position:absolute; top:0; left:0px;}

.accommodation .info-box .hilight { width:715px; float:left; margin:83px 10px 0px 10px;}

.accommodation .info-box .hilight h2 { padding:5px 0px; font-size:2em; color:#FFF; }

.accommodation .info-box .hilight .slide { width:700px; background:#c9c9c9; height:390px; margin-left:10px;}

.accommodation .info-box .hilight .slide .images img { width:570px; height:373px; }



.accommodation .info-box .thumb { width:228px; padding-top:38px; float:left; text-align:center;}

.accommodation .info-box .thumb ul { padding:0px; margin:0px; }

.accommodation .info-box .thumb ul li { width:200px; height:135px; margin:10px; 0px; }

.accommodation .info-box .thumb ul li img { cursor:pointer; }

.accommodation .info-box .thumb p { text-align:right; padding:5px 5px 0px 0px; margin-right:13px; }

.accommodation .info-box .thumb p .Roomrate { border:1px solid #9e9f9f; background:#cfcfcf; text-align:center; padding:5px; color:#000; cursor:pointer; }

/*::::::::::::::::::::::::::::: Modify Accom :::::::::::::::::::::::::::::::::*/





.facilities{ width:980px; height:540px; border:10px solid #FFF; position:relative;}

.facilities .info1{ width:457px; height:auto; margin-left:30px; float:left; background-color:#FFF; margin-top:84px;}

.facilities .info1 .slide{ width:457px; height:auto;}

.facilities .info2{ width:460px; height:auto; float:left; margin-top:84px; margin-left:10px;}

.facilities .info2 .detail1{ width:460px; height:auto; float:left;}

.facilities .info2 .detail1 .box{width:460px; height:auto; float:left; background-color:#000; filter: alpha(opacity=30); opacity: 0.3; text-decoration:none; text-align:right; font-size:11px; line-height:13px;}

.facilities .info2 .detail1 .box .text{width:450px; height:auto; float:left; color:#FFF; text-decoration:none; text-align:right; font-size:10px; line-height:12px; padding:5px;}

.facilities .info2 .detail2{ width:460px; height:auto; float:left; margin-top:5px;}

.facilities .info2 .detail2 .colump1 { width:204px; height:auto; background-color:#FFF; padding:10px;  float:left;}

.facilities .info2 .detail2 .colump1 .restaurant{ width:204px; height:auto; float:left; margin-bottom:10px;}

.facilities .info2 .detail2 .colump1 .restaurant_head{ width:153px; float:left; text-align:left;}

.facilities .info2 .detail2 .colump1 .photo{ width:51px; height:auto; float:left;}

.facilities .info2 .detail2 .colump1 .photo img { cursor:pointer; }

.facilities .info2 .detail2 .colump2 { width:204px; height:auto; background-color:#FFF; padding:10px; margin-left:10px;float:left;}

.facilities .info2 .detail2 .colump2 .swimming-pool{ width:204px; height:auto; float:left; margin-bottom:10px;}



.facilities .info2 .detail2 .colump2 .swimming-pool_head{ width:153px; float:left; text-align:left;}

.facilities .info2 .detail2 .colump2 .photo{ width:51px; height:auto; float:left;}

.facilities .info2 .detail2 .colump2 .photo img { cursor:pointer; }



/*::::::::::::::::::::::::::::: Modify facilities :::::::::::::::::::::::::::::::::*/

.facilities .info1 .hilight_f { background:#FFF; width:457px; height:258px; }

.facilities .info-box {width:980px; height:540px; position: absolute; top:0;left:0px;}

.facilities .row {width:980px; height:auto; float:left; }

.facilities .row .column{ width:245px; height:90px; float:left; }

/*::::::::::::::::::::::::::::: Modify facilities :::::::::::::::::::::::::::::::::*/











/*.gallery{ width:980px; height:540px; background-image:url(images/gallery-bg.jpg); background-position:center; border:10px solid #FFF; float:left;}

.gallery .colump1{ width:193px; height:54px; margin-top:243px; filter: alpha(opacity=40); opacity: 0.4; float:left; background-image:url(images/gallery1.jpg);}

.gallery .colump2{ width:777px; height:424px; margin-top:38px; float:left;}*/



/*::::::::::::::::::::::::::::: Modify facilities :::::::::::::::::::::::::::::::::*/

.body_gallery{ width:980px; height:540px; border:10px solid #FFF; position:relative;}

.body_gallery .row{width:980px; height:auto; float:left; }

.body_gallery .row .column{ width:245px; height:90px; float:left; }

.body_gallery .info{width:980px; height:auto; float:left; position:absolute; top:0; left:0px;}

.body_gallery .info .column1{ width:193px; height:54px; margin-top:243px; margin-bottom:297px; filter: alpha(opacity=40); opacity: 0.4; float:left; background-image:url(images/gallery1.jpg); top:0px; float:left;}

.body_gallery .info .column2{ width:777px; height:424px; margin-top:38px; float:left;}

/*::::::::::::::::::::::::::::: Modify facilities :::::::::::::::::::::::::::::::::*/









.contact{ width:980px; height:540px; background-color:#231f20; border:10px solid #FFF; float:left;}

.contact .column1{ width:346px; height:540; float:left;}

.contact .column2{ width:634px; height:540px; float:left;}

.contact .column2 .detail{ width:264px; height:auto; padding-top:85px; padding-left:64px; float:left;}

.contact .column2 .detail .map{ width:264px; height:auto; float:left;}

.contact .column2 .detail .text{ width:264px; height:auto; margin-top:15px; font-size:10px; text-align:left; text-decoration:none; color:#FFF; font-weight:bold; float:left;}

.contact .column2 .detail .text a{ font-size:10px; text-align:left; text-decoration:underline; color:#999; font-weight:normal;}

.contact .column2 .detail .text a:hover{ font-size:10px; text-align:left; text-decoration:underline; color:#993; font-weight:normal;}



.contact .column2 .detail2 { width:306px; height:auto; padding-top:85px; float:left;}

.contact .column2 .detail2 .pic-contact{ width:306px; height:auto; float:left;}

.contact .column2 .detail2 .form{ width:250px; font-size:12px; text-align:left; text-decoration:none; color:#FFF; font-weight:bold; float:left; line-height:20px; margin-top:10px; margin-bottom:10px; padding-right:10px;}

.contact .column2 .detail2 .reservation{ width:306px; height:auto; float:left; margin-top:25px;}





.contact .colump2 .info{ width:302px; height:auto; font-size:12px; text-align:left; text-decoration:none; color:#FFF; margin-top:85px; float:left;}

.contact .colump2 .info .head-pic{ width:302px; height:auto; float:left;}

.contact .colump2 .info .reservation{ width:302px; height:auto; float:left; margin-top:25px;}

.contact .colump2 .info .form{ width:292px; font-size:12px; text-align:left; text-decoration:none; color:#FFF; font-weight:bold; float:left; line-height:20px; margin-top:10px; margin-bottom:10px; padding-right:10px;}

.contact .colump2 .info .detail{ width:302px; font-size:12px; text-align:left; text-decoration:none; color:#FFF; font-weight:bold; float:left; line-height:20px; margin-top:10px; margin-bottom:10px;}

.contact .colump2 .info .detail a{ font-size:12px; text-align:left; text-decoration:underline; color:#999; font-weight:normal;}

.contact .colump2 .info .detail a:hover{ font-size:12px; text-align:left; text-decoration:underline; color:#993; font-weight:normal;}









.footer{ width:1000px; height:auto;}

.footer_text{ width:900px; height:auto; font-size:10px; text-decoration:none; line-height:10px; color:#FFF; text-align:left; float:left;}

.footer_sound{ width:100px; height:auto; float:left;}

.footer_text a{ color:#FC0; font-size:10px;}



/*



<style>

#p_container {background: #ffffff; border: solid #000000 2px;}

#p_container {filter: alpha(opacity=60); opacity: 0.6}

</style>



*/