/***********************************/
/**          PAGE STYLES          **/
/***********************************/
body {background: #FFF url(../images/bg_body.jpg) repeat-x fixed; margin: 0 auto;}
#wrapper {width: 968px; margin: 0 auto;}
#header {
	width: 968px;
	height: 96px;
	background: url(../images/bg_header.png) no-repeat left top;
	margin: 15px 0 0 0;
	padding: 25px 0 0 0;
}
#content-body{
	width: 968px;
	background: url(../images/bg_content.png) repeat-y;
}
#col-one-two-three{
	width: 945px;
	margin: 0px;
}
#col-two-three {
	width: 620px;
	float: left;
	height:auto;
	margin: 30px 0 0 45px;
}
#col-three {
	width: 880px;
	float: left;
	margin: 20px 0 0 45px;
}
#col-one{
	width: 240px;
	float: right;
}
#footer{
	width: 968px;
	background: url(../images/bg_footer.png) no-repeat left top;
	padding: 50px 0 30px 0;
}
/***********************************/
/**        LAYOUT STYLES         **/
/***********************************/

/* HEADER */
#header .logo{height: 63px; text-align: center;}
#header .logo img{margin-top: 7px;}
#header .topnav{margin: 0 0 0 24px;}
#header .topnav ul li{float: left; font-size: 0.9em; padding: 0 8px; height: 33px; line-height: 33px; text-transform: uppercase; background: url(../images/div_topnav.gif) no-repeat top left;}
#header .topnav ul li.active{background: url(../images/bg_liactive.gif) repeat-x top left;}
#header .topnav ul li a{color: #FFF;}

/* MAIN LOGO */

/* COL-ONE */
#col-one{margin: 30px 20px 0 0;}
#col-one #offer{background: #FFF; border-top: 4px solid #000; border-bottom: 3px solid #a0926f;}
#col-one #offer .head, #col-one #gallery .head{width: 240px; height: 28px; background: url(../images/bg_promo.png); position: absolute; margin-bottom: -28px;}
#col-one #offer .head h2, #col-one #gallery .head h2{color: #FFF; margin: 4px 5px; float: left;}
#col-one #offer .head .btn, #col-one #gallery .head .btn {float: right; margin: 6px 4px 0 0;}
#col-one .offer-img, #col-one .gallery-img {width: 240px; height: 145px;}
#col-one .offer-img img, #col-one .gallery-img img, .facebook-img img {margin: 0;}
#col-one #gallery{margin: 15px 0 0 0; height:137px;}
#col-one #discount {margin: 0px 0 15px 0;}
#col-one .discount-img{margin: 0px 0 15px 0; height:70px;}
#col-one #quickbook{width: 240px; margin-bottom:10px; height: 230px; background: url(../images/bg_quick_reservation.png) no-repeat left ; text-align: center; }
#col-one #quickbook h3{text-transform: uppercase; font-size: 1.4em; margin-bottom: 3px; padding-top:20px;}
#quickbook .engine{padding: -10px 0 0 0px; height:200px;}
#quickbook .engine div.txtin, #quickbook .engine div.txtout{}
#quickbook .engine div.txtin img, #quickbook .engine div.txtout img{float: left; display: block; width: 20px; height: 20px; margin: 0 0 0 6px;}
#quickbook .engine .frminput{float: left; font-size: 0.9em; margin-top: 5px; padding: 5px 0 0 40px ;}
#quickbook .engine .calendar{margin: 0 0 0 5px;}
#quickbook .engine .frminput .label{ margin-right:8px;; color: #FFF; font-weight: normal; font-size: 1.2em; width: 140px; text-align:left; color:#630;}
#quickbook .engine .frminput input.txtinput{float: left; width: 120px; font-size: 1em; border: 1px solid # 999; margin: 0; height: 15px;}
#quickbook .engine .frminput select{width: 40px; margin: 2px 9px 0 0px;}
#quickbook .engine .checkin {margin: 5px 8px 0 8px;}
#quickbook .engine .checkout {margin: 5px 8px 0 8px;}
#quickbook .engine .booknow {margin: 10px 0 0 48px; float: left;}
#quickbook .engine .chart a{margin: 10px 0 0 50px; float:left; text-decoration:underline;  color:#630; }
#col-one #facebook{margin: 5px 0 0 0; height:70px;}

/* COL-THREE */

/* FOOTER */
#footer{font-size: 0.8em; text-align: center;}
#footer .footerlink ul li{display: inline; padding: 0 6px; border-left: 1px solid; line-height: 10px;}
#footer .footerlink ul li.first{border: none;}
#footer .footerlink ul li a{text-decoration: underline;}
#footer .copyright{margin: 10px 0;}