/***********************************/
/**        BASE STYLES         **/
/***********************************/

body {margin: 0; padding: 0;}
h1, h2, h3, p {margin: 0; padding: 0;}
img {border: none;}

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

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

/* FONT SIZE */
h1 {font-size: 1.5em;}
h2 {font-size: 1.2em; padding:15px 0;}
h3, h4 {font-size: 1.1em;}
input, select, textarea {font-size: 100%;}


/********/
/* TEXT */
/********/
body{color: #999;} 
a {color:#3b1c07;}
p{text-align: justify;}

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

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


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


/***********/
/* BORDERS */
/***********/
h1 {font-family:Century Gothic; font-size:30px; color:#fe0000; font-weight:normal; padding:20px 0px; text-align:left;}
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;}
.orange { color:#F60;}
.hot { font-size:0.9em; font-weight:bold; color:#FFF; background-color:#F00; padding:1px 5px;}
.pink { color:#F09;}
.green {color:#97C212;}
.gray {color:#999;}
.blue { color:#09F;}
.white {color:#FFF}
.first {border-left: 0;}
.hide {display: none;}
.left {float: left;}
.right {float: right; padding-top:20px;}
.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          **/
/***********************************/
body {background: #FFF;}
#wrapper {width: 100%;}
#wrapper-header{width: 100%; margin: 0 auto;  border-bottom: solid #000 6px;}
#wrapper-header2{width: 100%; background: url(../images/bg_wrapperheader.gif) repeat-x; margin: 0 auto;}
#wrapper-banner{width: 100%; height: 425px; background: url(../images/bg_wrapperbanner.gif) center; margin: 0 auto;}
#banner{width: 989px;height: 430px;background:  no-repeat left top;margin: 0 auto;}
#banner img{margin: 0px 0 0 0px;}
#wrapper-content{width: 100%; background: #FFF url(../images/bg_wrappercontent.jpg) repeat-x; margin: 0 auto;}
#content{width: 989px;background: #FFF;margin: 0 auto;}
#content2{width: 989px;background: #000; margin: 0 auto;}
div.dotline{ border-bottom-style: dashed ; border-bottom-color: #CCC; margin:15px 0; border-bottom-width: 1px; width:100% !important; }

#content-body{
	width: 1013px;
	background: url(../images/bg_content.png) repeat-y;
}
#col-one-two-three{
	margin:0 40px 20px 40px; width:910px;
}
#col-one-two-three2{
	margin:0 32px 20px 32px;}
#col-two-three {
	width: 670px;
	float: left;
	margin: 30px 0 0 0;
}
#col-one{
	width: 240px;
	float: right;
	margin: 10px 0;
}
#wrapper-footer{width: 100%; margin: 0 auto;}
/***********************************/
/**        LAYOUT STYLES         **/
/***********************************/

/* HEADER */
#header {width: 989px;height: 130px;margin: 0 auto;}
#header .logo{float: left; margin: 28px 0 0 0px;}
#header .topnav{float: right; margin: 25px 0 0 0;}
#header .topnav ul li{float: left; font-family: Arial;}
#header .topnav ul li a{display: block; color: #000; padding-bottom:6px;border-bottom:1px solid #fe0000; margin:0 10px;}
#header .topnav ul li a.selected, #header .topnav ul li a:hover{ color:#fe0000; padding-bottom:6px;border-bottom:1px solid #000; margin:0 10px;}
#banner{position: relative;}
.vr{float: right; margin: 0 0 10px 0; z-index: 9999;}
.gallerydiv h1{float: left;}
.vrgallery{float: right; margin: 5px 0 0 0;}
.adword{font-family: Century Gothic; color: #000; font-size: 1.5em; margin: 20px 0 20px 0; text-align: left;}

/* COL-ONE */
#col-one{margin: 10px 20px 0 0;}
#col-one #offer{width:240px;height: 212px; background: url(../images/bg_promo1.png);}
#col-one #gallery {width:240px;height: 95px; background: url(../images/bg_promo2.png);}
#col-one #offer .head, #col-one #gallery .head{width: 240px;}
#col-one #offer .head h2{color: #FFF; margin: 8px 10px; float: left; font-size: 1.2em;}
#col-one #offer .head .btn {float: right; margin: 10px 10px 0 0;}
#col-one #gallery{margin: 15px 0 15px 0;}
#col-one #quickbook{width: 240px; margin-top:15px; height: 100px; background: url(../images/bg_promo2.png) left ; text-align: center;  padding-top:13px;}
#col-one #quickbook .body {height:90px; background: #C06;}
#col-one #quickbook .body h3{text-transform: uppercase; font-size: 1.4em; color:#000 ; padding-top:10px; margin-bottom:10px;}
.gallery-img img{margin: 12px 0 0 2px;}
#sociallink{width: 240px; height: 77px; background: url(../images/bg_sociallink.png) no-repeat left top;}
#sociallink ul li{float: left; margin: 27px 0 0 16px;}

/* COL-TWO */
#col-two {width: 910px; float: left; margin: 20px 20px 0 0px;}
#col-two #2 {width: 260px; float: right;background: #a186be;}

/* LOCATIONS */
#locate{width: 570px;}
#locate div.address{width: 300px; float: left;}
#locate div.map{width: 270px; float: right; text-align: center;}
#locate div.map img.mapthumb{border: 2px solid #000; margin: 0 0 5px 0;}

/* FOOTER */
#footer{width:100%;position:relative;float:left;overflow:hidden;padding-bottom:20px; border-top:1px solid #999;}
#footerWrap{width:900px;padding:10px 0px;position:relative;margin:0 auto;overflow:visible}
#footer{height: 40px; font-size: 0.9em; color: #b7b7b7; padding-top:10px;}
#footer .footerright{width: 250px;  float: right; text-align:right;}
#footer .footerright img{ padding-left:3px;}
#footer .footerleft{width: 600px;  float: left; text-align:left;}
#footer .footerlink{height: 20px; width: 900px; float: left; margin-right: 50px;}
#footer .footerlink ul{float: left; color:#000;}
#footer .footerlink ul li{float: left; padding-right: 6px; margin: 3px 6px 5px 0;  no-repeat right 2px; }
#footer .footerlink ul li.last{background: none;}
#footer .footerlink ul li a{text-align:left;}
#footer .copyright {margin:10px 0;}
#footer .address {margin: 12px 0; float:left;}

/* HOME PAGE */
#homebanner{padding: 5px 0 0 51px;}
#checkroom{width: 989px; height: 88px; margin: 0; background-color:#000;}
#checkroom{}
#checkroom .engine{margin: 0; padding: 30px 0 0 25px; }
#checkroom .engine div.txtin, #checkroom .engine div.txtout{float: left;}
#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: 7px;}
#checkroom .engine .calendar{margin: 0 0 0 5px;}
#checkroom .engine .frminput .label{float: left; margin: 2px 8px 0 0; color: #FFF; font-weight: bold; font-size: 0.933em;}
#checkroom .engine .frminput input.txtinput{float: left; width: 72px; font-size: 0.8em; border: 1px solid # 999; margin: 0; height: 15px;}
#checkroom .engine .frminput select{width: 40px; margin: 2px 9px 0 0px;}
#checkroom .engine .checkout {margin: 7px 8px 0 10px;}
#checkroom .engine .booknow {margin: 0px 0 0 0px; float: left;}
#checkroom .engine .chart a{margin: 9px 0 0 10px; float:left; text-decoration:underline; color:#FFF; font-size: 0.9em;}

#checkroom2{width: 295px;  background-color:#fe0000; text-align: center;  padding:13px 0; height:240px; margin-top:80px;}
#checkroom2 .quick{ padding-left:30px;}
#checkroom2 .quick h2{ font-size:16px; color:#FFF; text-transform: uppercase; padding:15px 17px; float:left;}
#checkroom2 .quick div.txtin, #checkroom2 .quick div.txtout{width: 138px; height: 21px; padding: 2px 0 0 0px; display: block;  }
#checkroom2 .quick div.txtin img, #checkroom2 .quick div.txtout img{float: left; display: block; width: 20px; height: 20px; margin: 0 0 0 15px;}
#checkroom2 .quick .frminput{float: left; font-size: 0.9em; margin-top: 5px; margin-left:40px; text-align:left;}
#checkroom2 .quick .calendar{margin: 0 0 0 5px;}
#checkroom2 .quick .frminput .label{margin: 0 0 1px 0; color:#FFF; font-size: 1em;}
#checkroom2 .quick .frminput input.txtinput{float: left; width: 120px; font-size: 1em; border: none; margin: 2px 0px; height: 18px;}
#checkroom2 .quick .frminput select{width: 20px; margin: 0 9px 0 0px;}
#checkroom2 .quick .checkout {margin: 5px 3px 0 40px;}
#checkroom2 .quick .booknow {margin: 20px 0 0 40px; float: left;}
#checkroom2 .quick .chart a{margin: 15px 0 10px 40px; float:left; text-decoration:underline; color:#FFF; }
#home-left .intro{border-bottom: 1px dotted #b47327; padding-bottom: 15px;}
#home-left .intro h2{float: left; margin: 10px 0 0 0;}
#home-left a.bookdirect{float: right;}
#home-left .homedesc p{padding: 15px 15px 10px 15px; line-height: 20px;}
#home-left .homedesc h1{ line-height:25px;}

/* ACCOMMODATION */
#room {}
.roomimage{width: 450px; float: left;}
#room .intro1{}
#room .intro left{ float:left;}
#room .intro right{ float:right;}
#room .first{border: none;}
#room .intro{margin: 40px 0 40px 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: 420px; float: right; text-align:left}
#room div.room-right h2{ margin: 0 0 5px 0; font-size: 1.1em;}
#room div.room-right h2 span{color: #000; font-size: 1.4em;}
#room div.room-right h4{margin: 10px 0; padding: 0; font-size: 1em;}
#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:180px; float:left}
#room div.room-right p.btbook{margin: 20px 0 0 0px; float:left}

/* RATES */
div.rate{margin-bottom: 20px; color:#300}
div.rate .intro{ padding-bottom:5px;}
div.rate h3{font-size: 1.2em;text-align: center;padding: 5px 0;color: #F06}
div.rate table{border-top: 2px solid #000; border-bottom: 2px solid #000;color: #FFC;}
div.rate table td{text-align: left; vertical-align: center;color: #600;  }
div.rate table td.heading span.line1{font-size: 1.2em; text-transform: uppercase; color: #FFF;  margin-left:8px;}
div.rate table td.heading span.line2{font-size: 0.8em;color: #FFF;  margin-left:8px;}
div.rate table td.title{font-size: 0.95em; font-weight:bold; text-align:center; color: #000;}
div.rate table td.date{
	font-size: 0.83em;
	color: #600;
	text-align: right;
	line-height: normal; border-right: 1px solid #999;
}
div.rate table td.roomtype{font-size: 1em;font-weight: bold; line-height:1.4em;text-align: left;padding-left: 6px;color: #630; border-left: 1px solid #999; border-right: 1px solid #999;}
div.rate table td.SDT{width: 60px; font-size:0.9em; text-align: center; border-right: 1px solid #999;}
div.rate table td.period{font-size: 1.1em;color: #630;text-align: right; padding-right:10px; border-right: 1px solid #999;}
div.rate table td.center{ text-align:center;}
div.rate table tr.color2{background: #FFF;}
div.rate li {list-style: disc; margin-left:20px; line-height:1.4em; font-size:0.95em;}
div.facility ul.faclist{margin: 20px 0;}
div.facility ul.faclist li{width: 200px; float: left;  list-style: disc; margin-left:20px;}

/* GALLERY */
#gallerybody{margin: 30px 0 0 0;}
#gallerybody h2{margin: 10px 0 5px 0; font-size: 1.3em; float: left;}
#gallerybody h2 span{color: #0054A6;}
#gallerybody div.vr{float: right; margin: 0 0 3px 0;}
#download{margin-top: 5px;}

/* 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;}

.post{width:910px;float:left; padding:20px 0;}
.post.last{border:none}
.imgWrap{float:left;margin-right:50px}
.imgWrap img{display:block}
.infoPost{width:570px;position:relative;float:left;padding:10px 0px 30px 0px;}
.infoPost h1{ font-family:Century Gothic; font-size:30px; color:#000; font-weight:normal; padding:20px 0px; text-align:left;}
.infoPost p {padding:10px 0;}
.infoPost ul{list-style: disc;  text-align:left; padding:20px 0}
.infoPost ul li{width: 250px; float: left; margin: 0 15px 0 15px; line-height:26px; }
.PostRight{width:290px;position:relative;float:right;overflow:hidden}
.bookdirect{width: 290px; float:right; border:0; padding:20px 0 10px 0;}
.special a {width: 290px; float:right; border:0; padding:20px 0 10px 0;}
.gallery a {width: 290px; float:right; border:0; padding:20px 0 10px 0;}
.news{width: 290px; padding:10px 0 10px 0; float: left;}
.call{width: 290px; float: left; padding: 5px 0 0px 0;}
#homebox{margin: 20px 0px 0px 0px;}
#homebox .homenewsletter{width: 177px; float: left;}
#homebox .homepromo{float: left; padding-right:20px;}
#homebox .homepromo.last{ padding:0;}
.facebook{margin: 15px 0 0 0;}
.line {border-top:1px solid #999; margin:10px 0;}