@charset "utf-8";
/* CSS Document */
/***********************************/
/**        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, Verdana, Geneva, sans-serif;
	font-size: 70%;
	font-style: normal;
	font-weight: normal;
}

/* FONT SIZE */
h1 {font-size: 1.4em;}
h2 {font-size: 1.2em;}
h3, h4 {font-size: 1.4em; }
input, select, textarea {font-family: Verdana, Verdana, Geneva, sans-serif;}


/********/
/* TEXT */
/********/
body, a {color:#403134;}
p{margin: 10px 0; line-height: 1.3em;}

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

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


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


/***********/
/* 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; width:100px;}
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;}
div.dotline{ border-bottom-style: dotted ; border-bottom-color: #000; margin:15px 0; border-bottom-width: 1px; width:100% !important; }
/******************/
/* COMMON CLASSES */
/******************/
.bold {font-weight: bold;}
.orange { color:#FA4305;}
.red {color:#af1611;}
.white { color:#FFF;}
.first {border-left: 0;}
.hide {display: none;}
.left {float: left; text-align:justify}
.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 */


#mainhome1 { height: 520px; margin: 0 0 0px 0; background: url(../images/bg_home.jpg) repeat-x left top ;}
#mainhome2 { margin: 0 0 0px 0;  background: #FFF ;}
/***********************************/
/**          PAGE STYLES          **/
/***********************************/
body{}
#wrapperout {margin: 0 auto; }
#wrapper {width: 910px; margin: 0 auto;}
#wrapper2 {width: 940px; margin: 0 auto;}
#title  {  padding:5px 0; height: 35px; background-color:#f5f5f5; margin: 10px 0; }
#title h1 {width:890px; font-family:Arial, Helvetica, sans-serif; font-size:1.6em; color:#900; float:left; padding-left:50px; border-bottom:dotted 1px #CCC; padding-bottom:15px; text-align:left;}
#title h2 {width:852px; font-family:Arial, Helvetica, sans-serif; font-size:1.6em; color:#900 ; float:left; padding-left:10px; border-bottom:dotted 1px #666; padding-bottom:15px; text-align:left;}
#header {
	width: 860px;
	height: 98px;
	margin: 0;
}
#col-two-three {
	width: 860px;
	float: left;
	padding:0 40px;
	list-style: inside; background: url(../images/bg_content_middle.jpg) left repeat-y ; color:#000;}
#col-two-three #special {padding:0; }	
#offer { float:left; width: 280px;}
#offer .head {width: 280px;  background-color:#7a8287;}
#offer .head h3 a{margin: 4px 6px; text-transform: uppercase; float: left; color:#FFF; font-weight:bold; padding-top:6px;}
#offer .btn a{
	float:right; margin: -30px 200px; position:absolute;
}
#offer .offer-img {width: 250px; }
#offer .promoname {margin: 4px 6px;; font-size: 1.2em; line-height: 18px; color:#e5b957;}
#offer .free {font-size: 1em; padding-top:6px; color:#000;}

#col-two-three #col-two-three.left { width:540px; float:left;}
#col-two-three .right { float:right; text-align: left;}
#col-one-two {
	width: 600px;
	float: left;
	margin: 10px 10px 0 0;
}

#col-two{width: 246px;float: left;padding: 50px 0 10px 0;}
#col-one-two-tree {float:left; padding:10px 0; text-align:justify;}
#footerbody{
	width: 100%; padding-top:0px;
}
#footer{
	width: 940px;
	margin: 0 auto;
	padding-top:10px;
}
/***********************************/
/**        LAYOUT STYLES         **/
/***********************************/

/* HEADER */
#header{}
#header1{ padding:0 0 15px 0; }
#header1 .logo{ float: left; vertical-align:top; }
#header1 .logo img {margin: 20px 0 0 0px; vertical-align:top; }
#header1 .logo .lang {text-align:left; margin-top:10px;}
#header1 .logo .lang a img{text-align:left; margin-top:-0px;}
#header1 .headerright{float: right;}
#header1 .headerright ul{ width:230px;  float:right; }
#header1 .headerright ul li{ float: right;}
#header1 .headerright ul li a{font-size:1.1em; font-weight:bold ; padding-right:7px; margin: 1px 0px 3px 0;  float:right;  text-align:right; width:200px; }
#header1 .headerright ul li a:hover{ background: url(../images/div_menu2.gif) no-repeat right 1px; text-decoration: none;}
#header1 .headerright ul.headmenu1{margin-top: 23px; text-align:left; font-size: 1.1em; line-height:16px; font-family:Arial, Helvetica, sans-serif;}
#header1 .header{padding-top:40px;}
#header1 .header ul{ width:700px;  padding-top:6px; }
#header1 .header ul li{ float: right;  padding-top:5px; }
#header1 .header ul li a{font-size:1.1em;  padding:0 7px; margin: 1px 2px 5px 0;  color:#000; padding: 4px 4px; font-weight:bold;}
#header1 .header ul li a:hover {  color:#600; padding: 4px 4px; text-decoration:underline;}
#header1 .header ul li a.selected{color:#600; padding: 4px 4px; text-decoration:underline;}
#header1 .header ul.headmenu1{font-size: 1.1em; font-family:Arial, Helvetica, sans-serif; float: right;}
#p-toc {margin-right: 4em;padding-right: 0.5em;width: 12em;padding-left: 0px;}
#p-toc ul, .toc ul {
list-style-type: none;
list-style-image: none;
}
.portlet ul {
line-height: 1.5em;
list-style-type: square;
list-style-image: url(bullet.gif);
font-size: 95%;
}
.pBody {font-size: 95%;background-color: white;color: black;border-collapse: collapse;border: 1px solid #AAA;padding: 0 .8em .3em .5em;}
#jump-to-nav {display: none;}
h2, h3 {
font-size: 140%;
}

h1, h2,  h5, h6 {
color: black;
background: none;
font-weight: normal;
margin: 0;
padding-top: .5em;
padding-bottom: .5em;
border-bottom: 1px solid #AAA;
}

/* COL-ONE */
#col-one #offer{width: 260px; margin: 0px 0 15px 0; padding: 10px 0; background:#999;}
#col-one #offer .dot {width: 260px; margin: 0 0 10px 0; border-bottom:dotted 1px #FFF;}
#col-one #offer .t1{ font-size:1.4em; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#FFF; text-align:left; padding-left:15px;}
#col-one #offer .t2{ font-size:1em; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#FFF; text-align:left; padding-left:15px;}
#col-one #offer .t3{ font-size:1.0em; font-family:Arial, Helvetica, sans-serif; color:#FFF; text-align:left; margin:0px 12px 10px; background: #000; padding:4px 4px; width:228px;}
#col-one #offer .t3 a{ font-size: 1em; font-family:Arial, Helvetica, sans-serif; color:#FFF; text-align:right; float:right; text-decoration:underline;  }
#col-one #offer .discount { padding-left:0px; } 
#col-one #offer .offer-img img{margin: 2px 0 5px 10px; } 
#col-one #bookdirect img{ float:left; padding: 15px 0;}
#col-one .quickbook {float: left; width: 260px; height: 100px; background: url(../images/bg_quick_reservation.png) no-repeat left top; margin-bottom:8px;  }
#col-one .quickbook p.btbook{margin: 12px 0 10px 70px; }
#col-one .quickbook h3 a{text-transform: uppercase; font-size: 1.0em; margin: 0 0 0 28px ; color:#FFF; }
#col-one .offer-over .promoname a, #col-one .gallery-over .promoname a {margin: 0px 2px 4px 10px; font-size: 0.8em; color:#FFF; float:right; line-height: 15px; width:220px; font-weight:bold;}
#col-one .offer-over{
	width: 236px;
	margin: -38px 0 0 10px;
	position: absolute;
	background: url(../images/bg_promo.png);}
	#col-one .gallery-over{
	width: 236px;
	margin: -22px 0 0 10px;
	position: absolute;
	background: url(../images/bg_promo.png);}

#col-one .sociallink ul li{margin:  0; float:left; list-style:none;}
#col-one{ width: 260px; float: right; padding-top:0px;}
#col-one h1{ text-align:center; font-size:1.4em; padding-top:4px; line-height:0.8em;}
#col-one .offer{width: 260px; margin-top:0px; height: 160px; text-align: left; float:left; border:solid #9C0 1px; }
#col-one .text{width: 160px; padding: 4px 4px 4px 10px; text-align: left; float:right; line-height:17px;}

#col-one #facebook{padding: 15px 15px;}
/* COL-TREE */
#col-three {
	width: 860px; 
	float: left;
	margin: 0;
}
#col-four {
	width: 860px;
	float: left; background:#98896a;
}
#homebox{margin: 0px 0px 20px 0px;}
#homebox .homenewsletter{width: 177px; float: left;}
#homebox .homepromo{width: 208px; margin: 0 10px 0 0; float: right;}
.facebook{margin: 15px 0 0 0;}

/* FOOTER */
#footer{height: 80px; font-size: 0.9em; color: #b7b7b7;}
#footer .footerright{width: 246px;  float: right; text-align:right;}
#footer .footerleft{width: 600px;  float: left; text-align:left;}
#footer .footerlink{height: 20px; width: 890px; 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; background: url(../images/div_menu.gif) 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 */
#checkroom .engine .propinput{float: left; font-size: 0.8em; margin: 25px 0 0 8px; width:200px;}
#checkroom .engine .frminput{float: left; font-size: 0.9em; margin: 25px 0 0 0;}
#checkroom .engine .calendar{margin: 0 0 0 5px;}
#checkroom .engine .frminput .label{margin: 0 0 2px 3px; color: #603913; font-weight: bold;}
#checkroom .engine .frminput input.txtinput{float: left; width: 80px; font-size: 1em; border: none; margin: -4px 0; height: 15px; border:#999 solid 1px;}
#checkroom .engine .frminput select{width: 40px; margin: 0 0 2px 4px;}
#checkroom .engine .frminput img{ float:left; margin: -5px 0 0 5px;}
#checkroom .engine .booknow img{ float:left; margin: 24px 0 0 12px;}
#checkroom{width: 900; height: 68px; background: url(../images/check_availability.jpg) no-repeat left top; padding-bottom:10px;}
#checkroom .engine{padding: 6px 0 0 215px;}
#checkroom .engine div.txtin, #checkroom .engine div.txtout{width: 125px; height: 24px; padding: 5px 0 0 0;}
#homebanner{width: 603px; float: right; margin: 9px 60px 0 0;}
#homebanner1{ height:350px; margin-top:11px; 
	padding-bottom:30px;}
.intro h2{padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #c2c2c2;}
.intro p{margin: 15px;}
#checkroom .engine .chart a{margin: 25px 0 0 10px; float:left; text-decoration:underline; color:#666; }
#checkroom2{width: 260px; margin-top:5px; height: 226px; background: url(../images/bg_quick_reservation.png) left ; text-align: center; margin-bottom:20px;}
#checkroom2 .quick{height:40px; padding:10px 0 0 20px; }
#checkroom2 .quick div.txtin, #checkroom2 .quick div.txtout{width: 140px; font-size: 1em; border: none; margin: 1px 0; height: 20px; border:solid 1px #CCC; background-color:#FFF; }
#checkroom2 .quick div.txtin img, #checkroom2 .quick div.txtout img{float: right; display: block; width: 20px; height: 20px; margin: 0;}
#checkroom2 .quick .frminput{float: left; font-size: 0.9em; margin-top: 5px; margin-left:17px; text-align:left;}
#checkroom2 .quick .calendar{margin: 0 0 0 5px;}
#checkroom2 h3 { padding-top:30px; color:#FFF;}
#checkroom2 .quick .frminput .label{margin: 0 0 1px 0; color:#FFF; font-weight: bold; font-size: 1em;}
#checkroom2 .quick .frminput input.txtinput{float: left; width: 110px; font-size: 1em; border: none; margin: 3px 5px; height: 11px;}
#checkroom2 .quick .frminput select{width: 20px; margin: 0 9px 0 0px;}
#checkroom2 .quick .checkin {margin: 5px 3px 0 25px;}
#checkroom2 .quick .checkout {margin: 5px 3px 0 25px;}
#checkroom2 .quick .booknow {margin: 10px 0 0 25px; float: left;}
#checkroom2 .quick .chart a{margin: 15px 0 0 25px; float:left; text-decoration:underline; color:#FFF; }

/* ACCOMMODATION */
#roombody{margin: 20px 0 40px 0;}
#roombody .roomimage{width: 450px; float: left;}
#roombody div.vr{margin: 10px 0 0 0; text-align: center;}
#roombody .roomdetails{width: 360px; float: right; padding-right: 0px;}
#roombody .roomdetails ul{list-style: disc;}
#roombody .roomdetails ul li{width: 300px; float: left; margin: 0 15px 0 15px;}
#roombody h2{margin: 0 0 5px 0; font-size: 1.1em;}
#roombody h2 span{color: #0054A6; font-size: 1.4em;}
#roombody h4{margin: 10px 0; padding: 0; font-size: 1em;}
#roombody .button{margin: 25px 0 0 0;}


/* SPECIAL OFFERS */
#special {padding: 10px 20px; margin:  }
#special.first{border: none;  margin: 0 60px; background-color:#FFF7D5; padding:10px; }
#special div.special-left{width: 235px; float: left; margin-top:15px; margin-left:15px;}
#special div.special-right{width: 460px; float:right; }
#special div.special-right h2{margin: 5px 0 15px 0;text-align: left;color:#900; font-size:15px}
#special div.special-right span.title{font-weight: bold; text-decoration: underline;}
#special div.special-right p.btbook{margin: 10px 0 0 0;}
/* 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 {width: 560px; padding:10px 0}
.folio_describe {width: 100%;}
.folio_describe li {float: left;}
.moreview li img { margin: 6px 4px 6px 4px ;}
.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; }

.worktype {float: left; margin-top: 20px; overflow: hidden;}
.anchorbutton {margin-left: 908px; margin-top: 50px;}
.workdivider {background: url(../images/divider.png) no-repeat; margin-bottom: 10px;
}
.manybutton {margin-left:10px; margin-top: 30px;}
#manybutton img {border: none;}
.anchorbutton {margin-left: 300px;}

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


/* RATES */
div.rate{
	margin-bottom: 20px;
	color: #630;
}
div.rate .rate-left{
	margin:20px 0;
	color: #630; width:640px; float:left;
}
div.rate h3{font-size: 1.4em; text-align: center; border-top: 1px solid #000; margin-top: 10px; padding: 3px 0;}
div.rate table{
	width: 640px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	color: #FFC;
}
div.rate table td{
	height: 20px; 
	color: #600; 
}
div.rate table td.heading span.line1{
	font-size: 1.2em;
	text-transform: uppercase;
	color: #FFF;
}
div.rate table td.heading span.line2{
	font-size: 0.8em;
	color: #FFF;
}
div.rate table td.title{
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	height: 25px;
	color: #FFF;
}
div.rate table td.date{
	font-size: 1em;
	color: #600;
	text-align: right; padding-right:60px;
}
div.rate table td.roomtype{
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	line-height:2.0em;
	padding-left: 6px;
	color: #630;
}
div.rate table td.SDT{font-size:1em; text-align: left; padding-left:20px;}
div.rate table td.period{
	width: 54px;
	font-size: 1.1em;
	color: #630;
	text-align: right;
}
div.rate table tr.color1{background: #c0c0c0;}
div.rate table tr.color2{background: #FFF;}
div.rate li {list-style: disc; margin-left:20px; line-height:1.6em;}
/* GALLERY */
#gallerybody{margin: 0 0 20px 0; }
#gallerybody h2{margin: 10px 0 15px 0; font-size: 1.3em; float: left;  width:570px;}
#gallerybody h2 span{color: #0054A6;}
#gallerybody div.vr{float: right; margin: 0 0 3px 0;}
#download{margin-top: 5px;}
/* SERVICE */
/* SERVICE */
#service { width:860px; }
#service  div.service-left{width: 570px; float: left;  text-align:left; }
#service div.service-left img{float: left; padding-bottom:5px;}
#service div.service-right{width: 420px; float: right;  padding-bottom:10px;}
#service div.service-right h2{margin: 0 0 10px 0; text-align: left; color:#F60;}
#service div.service-right span.title{font-weight: bold; text-decoration: underline;}
#service h2.services img{ float:left; padding-bottom:3px;}
#service  div.service-left ul{margin-top: 10px;}
#service  div.service-left ul li{width: 535px; float: left; padding: 5px 0 0 15px; margin-left:20px; background: url(../images/bl_list1.gif) no-repeat 0px 12px;}
/* Tooltip */
.hotspot {color:#900; padding-bottom:1px; cursor:pointer; width:350px;}

#tt {position:absolute; display:block; background:url(../images/tt_left.gif) top left no-repeat}
#tttop {display:block;  height:5px; margin-left:5px; background:url(../images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:5px 15px 6px 10px; margin-left:5px; background:#666; color:#FFF; font-size:14px;}
#ttbot {display:block;  height:5px; margin-left:5px; background:url(../images/tt_bottom.gif) top right no-repeat; overflow:hidden}
	
/* End Structure */