/***********************************/
/**        BASE STYLES         **/
/***********************************/
html, body {height: 100%; }
body {margin: 0; padding: 0;}
h1, h2, h3, p {margin: 0; padding: 0;}
img {border: none;}

/*************/
/*   FONTS   */
/*************/
/* GLOBAL FONTS */
body {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 76%; font-style: normal; font-weight: normal;}

body{
	font-size /*\**/:76%\9;
}

/* FONT SIZE */
h1 {font-size: 1.5em;}
h2 {font-size: 1.3em;}
h3, h4 {font-size: 1.1em;}
input, select, textarea {font-size: 90%; font-family: inherit;}


/********/
/* TEXT */
/********/
body, a {color:#29140b;}
p{line-height: 18px;}

/* TEXT DECORATION */
a {text-decoration: none; cursor: pointer;}
a:hover {text-decoration: underline;}

/* TEXT ALIGN */
table th, table td {text-align: center;}


/***********/
/*  LISTS  */
/***********/
ul {margin: 0; padding: 0; list-style: none;}
ol {margin: 0; padding: 0;}


/***********/
/* BORDERS */
/***********/
h1 {border-color:#000;}
fieldset {border-color:transparent;}


#wrapper {margin:0 auto; padding-top:0; text-align: left; position: relative;}
#col-two-three {text-align: left; /* ie4 fix needed due to float:right; */}

/******************/
/*     FORMS      */
/******************/
form {display: inline; margin: 0;}
input, select {vertical-align: middle;}
radio, checkbox {vertical-align: middle; float: left;}
legend {display: none;}
fieldset {margin: 0; border-style: solid; border-width: 0; margin-bottom: 1em; clear: both; padding: 0;}
fieldset label {float: left;}
fieldset div div {clear: none; float: left;}
fieldset div {clear: both;}

/******************/
/* COMMON CLASSES */
/******************/
.bold {font-weight: bold;}
.first {border-left: 0;}
.hide {display: none;}
.left {float: left;}
.right {float: right;}
.clear-all {clear: both; height: 0; line-height: 0; font-size: 0;}
.re-waiHide {position:absolute;left:0px;top:-500px;width:1px;height:1px;overflow:hidden;}


/***** HACKS *****/
/* IE7 - Moz */
html > body table.wizrtable th {font-size:1.1em;width:250px;vertical-align:top;}
html > body table.wizrtable td {font-size: 1.1em;}

/* IE IE 5 - 6 - see "html > body table.wizrtable th" below */
table.wizrtable th {font-size: 90%;}
table.wizrtable td {font-size: 80%;}
/* END IE 5 - 6 */

/***********************************/
/**          PAGE STYLES          **/
/***********************************/
#wrapper {background: #FFF url(../images/bg_body.jpg) top center no-repeat; margin: 0 auto; }
#inner-wrapper {width: 965px; margin: 0 auto;}
#header {
	width: 946px;
	height: 79px;
	margin: 0;
}
#col-one-two-three{
	width: 925px;  background:#FFF; padding: 20px 20px;
}
#col-one-twothree{
	width: 925px;  background:#FFF; padding: 0px 20px;
}
#col-two-three {
	width: 660px;
	float: left;
}
#content{
	padding: 20px 20px;  min-height:550px;
  	height:auto !important;
  	height:100%;
}
#col-one{
	width: 240px;
	float: right;
	padding: 0;
}
#footer-inner{
	width: 965px;
	height: 70px;
	margin-bottom:-20px
}
div.dotline{ border-bottom-style: dashed ; border-bottom-color: #CCC; margin:10px 0; border-bottom-width: 1px; width:100% !important; }
/***********************************/
/**        LAYOUT STYLES         **/
/***********************************/

/* HEADER */
#header .logo{float: left; margin: 7px 0 0 20px;}
#header .topnav{float: right;}
#header .topnav ul.topmenu{margin: 20px 0 10px 0; float: right;}
#header .topnav ul.topmenu li{float: right; text-align: center; background: url(../images/div_topmenu.gif) no-repeat left top; padding: 0 0 0 20px;}
#header .topnav ul.topmenu li.first{background: none; padding: 0 20px 0 0;}
#header .topnav ul.topmenu li img{margin: 0;}
#header .topnav ul.topmenu2 {float: right; margin-top:5px;}
#header .topnav ul.topmenu2 li{float: left; font-family: Arial; font-size: 1em; padding: 0  0 0 18px; line-height: 12px;}
#header .topnav ul li.first{border: none; padding-left: 0;}
#header .topnav ul li a{color: #321000;}
#header .topnav ul li a:hover{text-decoration: underline;}
#header .topnav ul li a.active{color: #8b2900; font-weight: bold;}

/* MAIN LOGO */

/* COL-ONE */
#col-one #offer{width: 240px; margin: 11px 0 12px 0;}
#col-one #offer .head {width: 240px; height: 34px; background: url(../images/hdr_special.jpg) no-repeat left top;}
#col-one #offer .head h2 {display: none;}
#col-one #offer .head .btn {float: right; font-family: Verdana; font-size: 0.9em; color: #000; margin: 10px 4px 0 0;}
#col-one .offer-img img{margin: 0;}
#col-one .sociallink{float: right; width: 240px; height: 46px; background: url(../images/bg_sociallink.jpg) no-repeat left top;}
#col-one .sociallink ul{padding: 0;}
#col-one .sociallink ul li{float: left; margin: 12px 0 0 15px;}
#col-one .quickbook {float: right; width: 240px; height: 100px; background: url(../images/bg_quick.jpg) no-repeat left top; margin-bottom:12px;}
#col-one .quickbook p.btbook{margin: 45px 0 10px 45px; }


/* FOOTER */
#footer{font-size: 0.8em; color: #FFF; background: url(../images/bg_footer.jpg) top center no-repeat;}
#footer-inner{padding-top: 20px; margin:0 auto;  }
#footer .footerlink{height: 55px; width: 420px; margin-left: 20px;float: left;}
#footer .copyright{height: 55px; float: right; margin-right: 20px;}
#footer .footerlink ul li{float: left; padding: 0 6px; margin: 3px 0; border-right: 1px solid; line-height: 10px;}
#footer .footerlink ul li.last{border: none;}
#footer .footerlink ul li a{text-decoration: underline; color: #FFF;}
#footer .footerlink ul{margin: 10px 0 0 0;}
#footer .copyright p{margin: 20px 0 0 0;}

/* HOME PAGE */
.homebanner{width: 945px; height: 416px; margin-bottom: 1px; background: #FFF; margin-left:-4px;}
.homebanner img{margin: 5px 0 0 5px;}
#checkroom{height: 57px; background: url(../images/bg_engine.png) no-repeat left top;}
#checkroom .chart{width: 210px; padding: 32px 0 0 0; float: left;}
#checkroom .chart a{font-size: 0.9em; color: #cd6f00; text-decoration: underline;}
#checkroom .engine{width: 600px; padding: 2px 0 0 0; float: left; }
#checkroom .engine div.txtin, #checkroom .engine div.txtout{width: 138px; height: 21px; padding: 2px 0 0 9px; background: url(../images/bg_selectdate.png) no-repeat left top;}
#checkroom .engine div.txtin img, #checkroom .engine div.txtout img{float: left; display: block; width: 20px; height: 20px; margin: 0 0 0 6px;}
#checkroom .engine .frminput{float: left; font-size: 0.9em; margin-top: 5px;}
#checkroom .engine .calendar{margin: 0 0 0 5px;}
#checkroom .engine .frminput .label{margin: 0 0 1px 0; color: #362f2d; font-weight: bold; font-size: 0.9em;}
#checkroom .engine .frminput input.txtinput{float: left; width: 105px; font-size: 1em; border: none; margin: 1px 0; height: 14px;}
#checkroom .engine .frminput select{width: 40px; margin: 0 9px 0 0px;}
#checkroom .engine .checkout {margin: 5px 3px 0 8px;}
#checkroom .engine .booknow {margin: 10px 0 0 10px; float: left;}
#checkroom .sociallink{height: 42px; margin: 2px 0 0 0; float: right;}
#checkroom .sociallink ul li{float: left; padding: 11px 18px 0 0 ;}

#welcome .welcomemsg{width: 660px; margin: 10px 0 0 0;}
#welcome .welcomemsg h1{float: left; width: 337px; height: 20px; margin-top: 5px; background: url(../images/title_welcome.png) no-repeat left top;}
#welcome .welcomemsg h1 span{display: none;}
#welcome .bookdirect {float: right;}
#welcome .dot {height: 1px; margin-top: 10px; background: url(../images/bg_dotted.gif) top left repeat-x;}
#welcome .welcomemsg p{margin: 5px 0 15px 0;}

#chain{width: 660px; padding-top: 7px; margin-top: 12px; border-top: 2px solid #1b0c04;}
#chain th, #chain td{text-align: left; vertical-align: top; font-size: 1em;}
#chain th.hotel{width: 140px;}
#chain td{ line-height: 20px;}
#chain td.chaincol1, #chain td.chaincol2{padding-right: 12px;}
#chain th{font-weight: bold; color: #452518;}
#chain td span.live{color: #cd6f00;}
#chain td span.notlive{color: #846d5a;}

/* CONTENT AREA */
#content{background:#FFF;}
#content .intro{ padding-bottom:2px;}
#content h3{font-size: 1.2em;text-align: center;padding: 5px 0;color: #9d6727;}
#content table{border-top: 1px solid #000; border-bottom: 1px solid #000;color: #FFC; margin-bottom:10px;}
#content table td{
	text-align: left;
	vertical-align: center;
	color: #29140b;
}
#content table td.heading span.line1{font-size: 1.2em; text-transform: uppercase; color: #FFF;}
#content table td.heading span.line2{font-size: 0.8em;color: #FFF;}
#content table td.title{font-size: 0.95em; font-weight:bold; text-align:center; color: #000; border-top: 1px solid #000;}
#content table td.date{font-size: 0.83em;color: #600;text-align: right;}
#content table td.roomtype{
	font-size: 1em;
	font-weight: bold;
	line-height:2.0em;
	text-align: left;
	padding-left: 15px;
	color: #81725F;
}
#content table td.SDT{width: 60px; font-size:0.9em; text-align: right;}
#content table td.period{font-size: 1.1em;color: #8f6e4c;text-align:center; padding-right:10px;}
#content table td.center{ text-align:center;}
#content table tr.color2{background: #FFF;}
#content .rates ul li, #content .services ul li {list-style: disc; margin-left:20px; line-height:1.4em; font-size:0.95em;}
#content .rates ol li, #content .services ol li {margin-left:20px; line-height:1.4em; font-size:0.95em;}

/* ACCOMMODATION */
#room {}
#room .intro1{ height:35px;}
#room .intro left{ float:left;}
#room .intro right{ float:right;}
#room .first{border: none;}
#room .intro{padding: 15px 0; }
#room div.room-left{width: 450px; float: left;}
#room div.room-left div.img-thumb ul li{width: 60px; float: left; margin: 5px 0 0 5px;}
#room div.room-left div.img-thumb ul li.first{margin: 5px 0 0 0;}
#room div.room-right{width: 450px; float: right;}
#room div.room-right h2{ color:#9d6727; margin: 0 0 10px 0; text-align: left; border-bottom: 1px dotted #b8b6b4; padding-bottom: 10px;}
#room div.room-right ul span.headlist{font-weight: bold; text-decoration: underline;}
#room div.room-right ul li{list-style: disc ; margin: 3px 0 0 20px; width:245px; float:left}
#room div.room-right p.btbook{margin: 20px 0 0 0px; float:left}

/* RATES */
div.facility ul.faclist{margin: 20px 0;}
div.facility ul.faclist li{width: 200px; float: left;  list-style: disc; margin-left:20px;}

/* GALLERY */
.gallerycat{margin: 10px 0 0 0;}
.gallerycat ul li{width: 60px; height: 40px; float: left; margin: 0 15px 10px 0;}
.gallerycat h3.roomtype{width: 190px; font-size: 1.2em; font-weight: normal; background: #e0e0e0; margin: 10px 0 10px 0; padding: 3px 10px;}
.folio_container {	}
.folio_describe {width: 100%;}
.folio_describe li {float: left;}
.moreview li img { margin: 4px 3px 4px 3px ;}
.folio_describe h2 {font-size: 1.2em;}
.folio_describe p {margin-top: 7px; margin-bottom: 10px; font-size: 1.2em; font-family: "Lucida Grande",Tahoma,Verdana,sans-serif; font-style: normal;
	line-height: 1.65; color: #000;}
.moreview {width:100%;  float: left; }

/* CONTACT US */
.contactform{margin: 20px 0px 0px 0px; background-color:#FFF;}
.contactform form{margin: 40px 0 0 40px; display: block;}
.contactform form label{width: 130px; text-align: right; float: left;}
.contactform form span.required{color: #ed1c24;}
.contactform form input.inptxt, .contactform form select, .contactform form textarea{width: 160px; border: 1px solid #808080; float: left; margin: 0 0 3px 5px; font-size: 1em;}
.contactform form select{width: 164px;}
.contactform form textarea{height: 70px;}
div.capcha{margin: 0 0 0 135px;}
div.capcha input.btsubmit{margin: 10px 0 0 0;}
