body{ background-color:#d8d4b7;  font-size:10px; font-family:verdana}

h1{ font-size:24px;}

a{ color:#000}
a img{ border:none; outline:none}
.clear{ clear:both}

hr {background:#d4cbac;color:#d4cbac;clear:both;float:none;width:100%;height:1px;margin:0 0 17px;border:none;}
hr.space {background:#fff;color:#fff;visibility:hidden;}


.container{ width:980px; margin:0 auto; background-color:#fff;
 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.39);
    -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.39);
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.39);
	padding-top:20px;
} 

.header{ height:87px; background:url(/img/logo.png) no-repeat; position:relative; border-bottom:1px solid #d4cbac; padding-bottom:23px}
.header #logo{  display: block; height: 74px; left: 9px; position: absolute; top: 4px;width: 395px; }
#slideShow{ height:394px; overflow:hidden}
.top-menu{ position:absolute; bottom:34px; right:4px; line-height:11px;}
.top-menu ul { list-style:none; margin:0; padding:0;}
.top-menu li { float:left; border-left:1px solid #dfd9c2; padding:0 6px;}
.top-menu li:first-child,.top-menu li.first-child {border:none;}
.top-menu a { text-decoration:none;}
.top-menu a:hover {color:#ccc}

.language-bar{ position:absolute; top:14px; right:134px; line-height:9px; font-size:9px; text-transform:uppercase;}
.language-bar ul { list-style:none; margin:0; padding:0;}
.language-bar li { float:left; border-left:1px solid #dfd9c2; padding:0 6px;}
.language-bar li:first-child,.language-bar li.first-child {border:none;}
.language-bar a { text-decoration:none;}
.language-bar li.selected a {font-weight:bold}

.social-media{ position:absolute; top:12px; right:10px; line-height:20px;}
.social-media ul { list-style:none; margin:0; padding:0;}
.social-media li { float:left; margin:0 6px}
.social-media a { text-decoration:none;}


.content{ width:960px; margin:0 auto; padding:10px;}

.search-wrapper{ padding-bottom:10px; position:relative;}
.search-bar-home{ background:url(/img/search-bar-home-bg.png) no-repeat #d4cbac; width:230px; height:140px; padding:10px; margin-right:10px; float:left; overflow:hidden}
#txtSearch{ background:url(/img/text-field-bg.gif) no-repeat; width:209px; height:17px; padding:2px 19px 2px 2px; border:none; margin:10px 0; font-size:10px; color:#000}
#btnSubmit{float:right; color:#fff; background-color:#00aeff; border:1px solid #008bcc; cursor:pointer; margin-bottom:26px;}
.search-map { padding-left:150px; display:block; text-decoration:none;  height:44px;}

.home-content h1{color:#282c26; font-size:14px; padding-bottom:10px;}
.featured-hotels{ float:left; width:792px;  border-right:1px solid #d7cfb2;}
.featured-hotels-wrapper{ padding-right:11px;}
.new-hotels{ float:right; width:138px;}

.featured-hotels-list{ list-style:none;}
.featured-hotels-list li{ float:left; margin-right:10px; margin-bottom:15px; width:250px;}
.featured-hotels-list li div.hotel-intro{ padding:5px; background-color:#f0e7c5; border-top:2px solid #fff}


.hotel-slides-wrapper{ height:135px; position:relative;}
.slideNav{ bottom:10px; right:10px; z-index:90; position: absolute;}
.slideNav a{background: none repeat scroll 0 0 #EEEEEE; border: 1px solid #fff; border-radius: 3px 3px 3px 3px; cursor: pointer;  height: 6px; margin-left: 4px; overflow: hidden; text-indent: -999px; width: 6px; display:block; float:left}
.slideNav a.activeSlide{ background: none;}

.new-hotels-list{ list-style:none}
.new-hotels-list li{ float:left; margin-right:10px; margin-bottom:15px; width:138px;}
.new-hotels-list li div img{ width:138px;}
.new-hotels-list li div.hotel-intro{ padding:5px; background-color:#EBEBEB; border-top:2px solid #fff}

.featured-hotels-list li,.new-hotels-list li { cursor:pointer}
.featured-hotels-list li a ,.new-hotels-list li a{ text-decoration:none}
.featured-hotels-list li h2 ,.new-hotels-list li h2{ padding-bottom:5px;}
.txt-home{ background-color:#d4cbac; height:140px; padding:10px; width:490px; float:right; overflow:hidden; font-size:16px;line-height:24px; margin-right: 22px;}
.txt-home h1{ padding-bottom:16px; font-size:24px; line-height:24px; }
.txt-home span{ font-weight:bold;}
.txt-home span span{ font-style:italic}

.footer-wrapper{ background-color:#ebebeb; color:#787878;}
.footer{width:980px; margin:0 auto; padding:30px 0;}
.footer a{ color:#787878; text-decoration:none}
.footer ul{ list-style:none; text-align:center}
.footer ul li{ display:inline; border-left:1px solid #787878; line-height:10px;}
.footer ul li a{margin:0 10px; display:inline-block; text-transform: lowercase;}
.footer ul li.first-child,.footer ul li:first-child{border-left:none}
.footer .tags{ text-align:center; padding:10px; line-height:22px}
.footer .tags a{}


/** hotel page**/
.txt-hotel-details{ width:700px; float:left; overflow:hidden;}
#hotelsidebar { position:relative;z-index:2;float:left; width:260px;}
	#hside-map {  margin-bottom:20px; width:250px}
	#hside-map h2 { height:22px; font:13px/14px verdana; font-weight:bold; color:#333; letter-spacing:-.05em; }
	#hside-map .description { font-size:10px; color:#666; line-height:12px;}
	#hside-map .map { position:relative; z-index:10}
	#gmap-small { position:relative; z-index:5; }
	#gmap-small a.toggle { padding-left:12px; background:url(/img/maptoggle-on.gif) no-repeat 0 2px; font-size:10px; color:#00a2e6; text-decoration:none; }
	#gmap-small a.toggle:hover { color:#54c6f6;}
	#gmap-small .cont { width:232px; overflow:hidden;}
	#gmap-large { display:none; position:absolute; left:0; top:0; z-index:10;}
	#gmap-large a.toggle { padding-left:12px; background:url(/img/maptoggle-off.gif) no-repeat 0 2px; font-size:10px; color:#00a2e6; text-decoration:none; }
	#gmap-large a.toggle:hover { color:#54c6f6;}
	#gmap-large .cont { border:6px solid #714e11;}
	#hside-panel { margin-bottom:20px;}
	#hside-panel h2 { height:18px; font:13px/14px verdana; font-weight:bold; color:#333; letter-spacing:-.05em; }
	#hside-panel ul { overflow:hidden;}
	#hside-panel ul li { display:block; overflow:hidden; float:left; width:110px; height:18px; padding:2px 5px 2px 0; border-bottom:1px solid #ebebeb; font-size:10px; color:#000; line-height:18px;}
	#hside-panel ul li img { padding-right:4px; vertical-align:middle;}
	#hside-panel ul li a { color:#000; text-decoration:none;}
	#hside-panel ul li a:hover { color:#555;  text-decoration:underline;}
	#hside-ratings { overflow:hidden; margin-bottom:20px; background:#c2e1ee;}
	#hside-ratings .average { margin:3px; padding:11px 12px; background:#fff;}
	#hside-ratings .average h2 { height:16px; font:13px/14px verdana; font-weight:bold; color:#333; letter-spacing:-.05em; }
	#hside-ratings .average .description { font-size:11px; line-height:13px; color:#000;}
	#hside-ratings .average .description strong { font-weight:bold; }
	#hside-ratings .average .stylometer { margin-top:10px;}
	#hside-ratings .each { margin:7px; padding:8px 0; border:1px solid #fff; }
	#hside-ratings .each .stylometer { margin:0 auto 3px auto; }
	#hside-enews { margin-bottom:20px; }
		#hside-enews h2 { display:block; height:22px;font:13px/14px verdana; font-weight:bold; color:#c78513; letter-spacing:-.05em;}
		#hside-enews a { display:inline-block; *display:inline; *zoom:1; padding-left:18px; background-repeat:no-repeat; font-size:10px; color:#3b3b3b; text-decoration:none; line-height:16px}
		#hside-enews .fb { margin-right:10px; background-image:url(/images/icon-fb.png)}
		#hside-enews .twit { background-image:url(/images/icon-twit.png)}
		#hside-enews a:hover { text-decoration:underline}
	#enews h3 { position:relative; height:18px; font:13px/14px verdana; font-weight:bold; color:#333; letter-spacing:-.05em;}
	#enews h3 .icon { position:absolute; left:106px; top:3px; display:block; overflow:hidden; width:14px; height:8px; background:url(/images/icon-email.gif); }
	#enews input.text { width:150px; height:14px; padding:3px 3px 3px 3px; border:1px solid #503a16; background:transparent; color:#333; font:11px/11px Verdana; }
	#enews input.text:focus { background:#f3f3f3;}
	#enews input.submit { width:55px; height:22px; border:none; background:#714e11; color:#fffbdd; font:11px Verdana; text-align:center; cursor:pointer; }
	#enews input.submit:hover { background:#815a15; color:#fff;}
	#enews p.note { width:210px; padding-top:4px; font-size:10px; color:#3b3b3b; line-height:12px;}
	#header-enews p.errormsg {display:block; margin:2px 0; font:10px/12px verdana; color:#FFFFFF; }

#sectwrap.hotel { padding-left:0; }
#sectwrap.hotel #sectcont { width:608px;}
#sectwrap.hotel #sectcont p { margin-bottom:0; }

#h-gallery { overflow:hidden; margin-bottom:15px; }
	#h-gallery h2 { display:none;}
	#h-gallery #large { width:471px; float:left; overflow:hidden;}
	#h-gallery .thumbmenu { float:left; width:125px; margin-left:12px;}
	#h-gallery .thumbmenu ol { display:block; border:1px solid #d3c7a0; padding:5px 0 5px 0;}
	#h-gallery .thumbmenu ol li {display:block;}

	#h-gallery .thumbmenu ol li ul li img { padding:2px;display:block; margin:0 auto; background-color:none; }
	#h-gallery .thumbmenu ol li ul li img:hover {background-color:#e7d496;}
	
	#h-gallery .thumbmenu ol li p{margin-top:4px;}
	
	#h-gallery .thumbmenu .control { font-size:10px; color:#000; padding:4px 0 0 0; line-height:11px;}
	#h-gallery .thumbmenu .control a { padding:0 2px; color:#000; text-decoration:none; vertical-align:middle; }
	#h-gallery .thumbmenu .control a:hover,#h-gallery .thumbmenu .control a.on { /*position:relative; top:1px; left:1px;*/ color:#8e8e8e;}
	#h-gallery .thumbmenu .control span { padding:0 4px; color:#8e8e8e; vertical-align:middle; }
	
	#h-gallery .thumbmenu .control .thumb-arrow {
		position:relative;
		left:23px;
	}
	#h-gallery .thumbmenu .control a.prev { display:inline-block; width:17px; height:7px; padding:0; margin:0 0 0 0px; overflow:hidden; background:url(/img/cleararr.gif); text-indent:-1000px; outline:0;}
	#h-gallery .thumbmenu .control a.next { display:inline-block; width:17px; height:7px; padding:0; margin:0 0 0 12px; overflow:hidden; background:url(/img/cleararr.gif) 17px 0; text-indent:-1000px; outline:0;}
		/* outmost wrapper element, containing all elements  */
	#h-gallery #scrollable {
		background-color:#FFF;
		border:0px solid #FFF;
		padding:0px;
		margin:0px;
		display:inline;
		width:471px; 
		height:253px;
		float:left;
		overflow:hidden;
	}
	
	/* container for the scrollable items */
	#h-gallery div.items {
		height:253px;	
		margin:0px;
		float:left;
		width:478px !important;
	}
	
	/* single item */
	#h-gallery div.items a {
		display:block;
		float:left;
		margin-right:0px;
		width:478px;
		height:253px;
		background:#FFF;
		font-size:50px;
		color:#ccc;
		line-height:66px;
		text-decoration:none;
		text-align:center;
		cursor:pointer;
	}
	
	#h-info { overflow:hidden; margin-bottom:22px; padding:15px 10px; border:1px solid #ccc; width:586px;}
	#h-info h2 { height:18px; font:11px verdana; font-weight:bolder;}
	#h-info .text { height:12px; font-size:10px; color:#666; float:left; }
	#h-info .text p { float:left; line-height:12px; margin-right:30px;}
	#h-info .text p strong { font-weight:bolder; color:#555;}
	#h-info .reserve { display:block; float:right; width:122px; margin-top:-18px; padding-right:10px}
	#h-info .reserve a { font-size:11px; color:#00a2e6; text-decoration:none;cursor:pointer;}
	#h-info .reserve a .label { text-decoration:underline; }
	
	#h-info .reserve a .btn { display:inline-block; width:122px; height:20px; background-color:#ffa200; font-size:11px; color:#fff; text-align:center; line-height:18px; vertical-align:middle; text-decoration:none; cursor:pointer;}
	a .newwin { padding-left:12px; background-image:url(/images/ico-newwin.png); background-repeat:no-repeat; background-position:6px 45%; }
	#h-info .reserve a:hover { color:#ffa200}
	#h-info .reserve a:hover .btn { background-color:#ffb638; }
        #h-info .reserve a .btn.booking { background-color: #b4a36d; margin-top: 5px;}
        #h-info .reserve a:hover .btn.booking { background-color: #d2c59b; }
	#h-description { width:608px;}
	#h-description h2 { height:18px; font:11px verdana; font-weight:bolder; padding-bottom:10px;}
	#h-description .text { font:11px verdana; line-height:18px;}
	#h-description .text p { margin-bottom:18px!important; } 
	#h-fbcomments { margin-bottom:55px;}
	#h-fbcomments h2 { height:18px; padding-left:10px; font:11px verdana; font-weight:bolder;}
	#h-fbcomments #fb-root { padding:6px;}
	
	
	#sectheader { position:relative; z-index:1; margin-bottom:15px; min-height:35px;}
	#sectheader h1 { height:27px; font:17px Helvetica, verdana; color:#000;}
	#sectheader h1 span { color:#b1b1b1; }
	#sectheader p { width:360px; margin-bottom:8px; font:11px verdana; color:#666}
	#sectheader .utils { position:absolute; right:0px; bottom:13px; height:21px; text-align:right; white-space:nowrap}
	#sectheader .utils li { display:inline-block; *display:inline; margin-left:1px; font-size:10px; white-space:normal; vertical-align:top}
	/*#sectheader .utils li * { vertical-align:middle}
	#sectheader .utils li img { padding-right:4px}*/
	#sectheader .utils li a { position:relative; color:#000; text-decoration:none;}
	#sectheader .utils li a:hover { color:#555; text-decoration:underline;}
	#sectheader .utils li iframe { display:inline-block; *display:inline; *zoom:1; height:21px!important; overflow:hidden; background:transparent}
	#sectheader .utils li.twitbutton iframe { width:56px!important}
	#sectheader .utils li.likebutton iframe { width:50px!important}
	#sectheader .tophr {  }
	
/* ----------------------- Search ------------------------------------*/
#sectwrap { position:relative;z-index:1;float:left; width:660px; padding:0 14px 40px 26px; overflow:hidden}

#sectwrap.search ol li p { margin-bottom:0; }
#sectwrap.search ol li { overflow:hidden; padding-bottom:17px; margin-bottom:16px; border-bottom:1px solid #d4cbac}
#sectwrap.search ol li .image { position:relative; top:2px; float:left; margin-right:13px; }
#sectwrap.search ol li h4 { margin-bottom:5px; float:left; width:280px; font:11px/15px verdana; color:#000;}
#sectwrap.search ol li h4 a{font:11px/15px verdana; color:#000;}
#sectwrap.search ol li small { float:left; width:360px; font:10px/11px verdana; color:#a2a2a2;}
#sectwrap.search ol li .info { float:left; width:300px; padding:6px 0 8px 0; color:#666; font-size:10px; line-height:13px; }
#sectwrap.search ol li .info span { margin-right:30px;}
#sectwrap.search ol li .info span strong { font-weight:bold;}
#sectwrap.search ol li cite { float:left; width:490px; font:11px/14px verdana; color:#333;}
#sectwrap.search ol li .menu { float:right; width:200px; font:10px/14px verdana; color:#666; text-align:right;}
#sectwrap.search ol li .menu a { padding:0 5px; font:9px/12px verdana; color:#666; text-decoration:underline;cursor:pointer;}
#sectwrap.search ol li .menu a.reserve { color:#c78513; font-weight:bold; }
#sectwrap.search ol li .menu a:hover { color:#333;}
#sectwrap.search .clearlast { position:relative; top:-3px; display:block; overflow:hidden; background:#fff; height:3px; }
#sectwrap.search .backtop { margin-top:-18px; }	

#sectcont a { color:#666; text-decoration:underline; }
#sectcont a:hover { color:#333; }
#sectwrap .pagenum { margin-top:10px; font-size:10px; color:#000; text-align:right; }
#sectwrap .pagenum a { padding:0 4px; color:#3586bb; text-decoration:none;}
#sectwrap .pagenum a:hover { position:relative; top:1px; left:1px; color:#714e11;}
#sectwrap .pagenum span { padding:0 4px; color:#714e11;}

/* ----------------------- join us ------------------------------------*/
.text_area{ line-height:22px;}
.text_area ul{padding-left:30px; list-style-type: disc;}
.text_area ul li{padding-left:5px;}

/* ----------------------- blog ------------------------------------*/
.blog-nav{}
.blog-nav ul{ list-style:none}
.blog-nav ul li{line-height:15px}

/* ----------------------- map ------------------------------------*/

#map{ height:600px;}

#crumbs{ padding:0px 0 10px 0; font-size:10px; line-height:10px;}
#crumbs a{color:#008bcc}

#map-dialog { display:none; position:absolute; z-index:30;  left:150px; top:5px; width:712px; height:462px;}
#map-dialog a.toggle { float:right; padding-left:12px; margin-bottom:4px; background:#fff url(../images/brown_toggle-off.gif) no-repeat 0 2px; font-size:10px; color:#714e11; text-decoration:none; line-height:12px; }
#map-dialog a.toggle:hover { color:#714e11;}
#map-dialog .cont { clear:both;  border:6px solid #714e11;  width:700px; height:450px;}

.more-photos {
	display: inline-block;
	margin-top: 5px;
}