/* basic elements */
body {
	margin:0;
	padding:0 0 14px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	color:#cccccc;
	background-color:#762123;
}
.clear {clear:both;margin:0;padding:0;height:0;overflow:hidden;}
a {color:#cccccc;text-decoration:underline;outline:none;}
a:visited {color:#cccccc;}
a:hover, a:active {color:#ff9933;text-decoration:none;}
form {margin:0;padding:0;}
fieldset {border:0;margin:0;padding:0;}
img {border:0;margin:0;padding:0;}
* html img {behavior:url(/javascripts/iepngfix.htc);}

.whiteBig {font-size:13px;color:#f0f0f0;}


/* specific divs */
#headerWrap {
	margin:0;
	padding:0;
	width:100%;
	height:152px;
	background:transparent url(../images/pattern.jpg) repeat-x left top;
}

#header {
	margin:0 auto;
	padding:0;
	width:940px;
}

#logo {
	float:left;
	margin:19px 0 0 0;
	padding:0;
	width:26%;
}

#topMenu {float:right;margin:114px 0 0 0;padding:0;width:72%;}
#topMenu ul {float:right;margin:0;padding:0;list-style-type:none;}
#topMenu ul li {float:right;margin:0;padding:0;font-size:1.16em;font-family:"Times New Roman", Times, serif;}
#topMenu ul li.separator {background-color:#cccccc;height:12px;margin-top:3px;overflow:hidden;width:1px;}
#topMenu ul li a {font-size:1em;padding:0 5px;text-decoration:none;}
#topMenu ul li a:hover {color:#fcbe03;}
#topMenu ul li.active a {color:#fcbe03;}


#mainMenu-wrap {
	margin:0;
	padding:0;
	width:100%;
	background:transparent url(../images/bg-mainmenu.gif) repeat-x left top;
}
#mainMenu {margin:0 auto;padding:0;width:940px;}
#mainMenu ul {float:left;margin:0;padding:0;list-style-type:none;}
#mainMenu ul li {
	float:left;
	margin:0;
	padding:0;
	font-family:"Times New Roman", Times, serif;
	font-size:1.083em;
	text-transform:uppercase;
}
#mainMenu ul li.separator {background-color:#FFF;height:10px;margin:11px 10px 0 11px;overflow:hidden;width:1px;}
#mainMenu ul li a {
	font-size:1em;
	padding:8px 0 0 0;
	text-decoration:none;
	color:#FFF;
	display:block;
	height:33px;
	width:auto;
	text-align:center;
}
#mainMenu ul li a:hover {color:#bc040a;background:transparent url(../images/arrow-01.gif) no-repeat center bottom;}
#mainMenu ul li.active a {color:#bc040a;background:transparent url(../images/arrow-01.gif) no-repeat center bottom;}

#mainMenu ul li.home a {text-align:left;width:37px;}
#mainMenu ul li.guestroom a {width:120px;}
#mainMenu ul li.promotion a {width:82px;}
#mainMenu ul li.service a {width:138px;}
#mainMenu ul li.catamaran a {width:85px;}
#mainMenu ul li.restaurant a {width:144px;}
#mainMenu ul li.gallery a {width:106px;}
#mainMenu ul li.location a {text-align:right;width:64px;}

#container-wrap {
	margin:0 0 30px;
	padding:0;
	width:100%;
	background:transparent url(../images/bg-container.jpg) repeat-x left top;
}
* html #container-wrap {height:707px;}

#container {margin:0 auto;padding:15px 0 0 0;width:940px;}

#container h1 {margin:0 0 15px;padding:0;font-family:"Times New Roman", Times, serif;font-size:1.83em;color:#ff9933;font-weight:normal; text-transform:uppercase;}

#container p {margin:0 0 15px; 0padding:0;}

#container .remark {font-size:0.916em;}

#container .left ul {margin:0 0 10px;padding:0;list-style:none;}
#container .left ul li {margin:0 0 2px 15px;padding:0 0 0 10px;background:transparent url(../images/bull-02.gif) no-repeat left 7px;}


#showcase-wrap {
	margin:0;
	padding:0 0 24px 0;
	width:940px;
	background:transparent url(../images/shadow-showcase.jpg) no-repeat center bottom;
}
#showcase {margin:0 auto;padding:8px;width:924px;height:370px;background-color:#FFF;}


#subMenu {
	float:left;
	margin:0 8px 0 0;
	padding:0 16px;
	width:148px;
	height:370px;
	background:transparent url(../images/bg-submenu.gif) no-repeat left top;
}
#subMenu h2 {margin:26px 0 14px 0;padding:0;font-family:"Times New Roman", Times, serif;font-size:1.5em;color:#ae0f0f;font-weight:normal;text-transform:uppercase;}

#subMenu ul {margin:0 20px 0 0;padding:0;list-style:none;}
#subMenu ul li {margin:0 0 8px 0;padding:0;color:#af2929;font-size:1.25em;font-family:"Times New Roman", Times, serif;}
#subMenu ul li a {color:#af2929;text-decoration:none;}
#subMenu ul li a:hover {color:#ff9933;}
#subMenu ul li a.active {color:#ff9933;}

#display {float:left;margin:0;padding:0;width:730px;}


#booking {
	float:right;
	margin:0;
	padding:0 8px 0 10px;
	width:168px;
	height:370px;
	background:transparent url(../images/bg-booking.gif) no-repeat left top;
}
#booking h3 {margin:65px 0 14px 4px;padding:0;font-family:"Times New Roman", Times, serif;font-size:1.66em;color:#FFF;}

#booking fieldset {margin:0 0 5px;padding:0;}
#booking fieldset label {margin:0 0 2px 4px;padding:0;display:block;color:#660000;font-family:Georgia, "Times New Roman", Times, serif;font-size:1em;}
#booking fieldset select, #booking fieldset input {margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:1em;}
#booking fieldset input {width:140px;margin-right:5px;}
#booking fieldset select.location {margin-bottom:10px;width:85%;}
#booking fieldset select.date {width:50px;}
#booking fieldset select.month {width:90px;}
#booking button.btnBooking {
	margin:10px 0 6px 4px;
	padding:0 0 4px 0;
	width:124px;
	height:29px;
	border:0 none;
	color:#FFF;
	font-size:1em;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
	background:transparent url(../images/buttons.gif) no-repeat left top;
}
#booking ul {margin:0;padding:0;list-style:none;}
#booking ul li {margin:0 0 4px 5px;padding:0 0 0 12px;color:#993333;font-size:0.83em;text-transform:uppercase;background:transparent url(../images/bull-01.gif) no-repeat left center;}
#booking ul li a {color:#993333;text-decoration:none;}
#booking ul li a:hover {color:#FFF;}



#container .left {float:left;margin:0 0 40px 8px;padding:0;width:480px;}

#container .left h1 {margin:0 0 15px;padding:0;font-family:"Times New Roman", Times, serif;font-size:1.83em;color:#ff9933;font-weight:normal;}
#container .left h2 {margin:0 0 15px;padding:0;font-family:"Times New Roman", Times, serif;font-size:1.416em;color:#ff9933;font-weight:normal;}
#container .left h2.nospace {margin-bottom:4px;}
#container .left h3 {margin:0 0 5px;padding:0;font-family:"Times New Roman", Times, serif;font-size:1.33em;color:#ff9933;font-weight:normal;}

#container .times {font-family:"Times New Roman", Times, serif !important;}
#container .left .textLeftBox {
	float:left;
	margin:0 0 10px;
	padding:10px 10px 14px 10px;
	width:218px;
	text-align:center;
	background-color:#863638;
	border:1PX solid #762124;
}
#container .left .textRightBox {
	float:right;
	margin:0 0 10px;
	padding:10px 10px 14px 10px;
	width:218px;
	text-align:center;
	background-color:#863638;
	border:1PX solid #762124;
}

#container .left table.rate td {
	background-color:#863638;
	margin:0 0 10px;
	padding:10px 10px 14px;
	text-align:center;
}

#container .left .bttmLine {border-bottom:1px solid #954a4d;padding:0 0 15px;margin:0 0 15px;}
#container .left .topLine {border-top:1px solid #954A4D;margin:15px 0 0;padding:15px 0 0;}
#container .left .formBox {margin:0;padding:0;width:480px;}
#container .left .formBox fieldset {margin:0 0 10px;padding:0;border:0 none;}
#container .left .formBox fieldset label {
	float:left;
	font-size:1em;
	margin:0 0 3px;
	padding:0 14px 0 0;
	text-align:right;
	width:114px;
}
#container .left .formBox fieldset select {
	color:#191919;
	float:left;
	font-size:0.916em;
	margin:0 5px 0 0;
	padding:0;
}
#container .left .formBox fieldset input {
	background:transparent url(../images/sprite-tab.gif) no-repeat scroll 0 0;
	border-color:-moz-use-text-color -moz-use-text-color #A3A3A3;
	border-style:none none solid;
	border-width:0 0 1px;
	color:#191919;
	float:left;
	font-size:0.916em;
	margin:0 5px 0 0;
	padding:3px;
	width:177px;
}
#container .left .formBox fieldset textarea {
	background:transparent url(../images/sprite-tab.gif) no-repeat scroll 0 0;
	border-color:-moz-use-text-color -moz-use-text-color #A3A3A3;
	border-style:none none solid;
	border-width:0 0 1px;
	color:#191919;
	float:left;
	font-size:0.916em;
	margin:0 5px 0 0;
	padding:3px;
	width:266px;
}
#container .left .formBox img {border:0 none;}

#container .left .formBox fieldset label.msg {
	border:0 solid #FFFFFF;
	text-align:left;
	width:200px;
	font-size:0.916em;
}

button.btnSend {
	background:transparent url(../images/buttons.gif) no-repeat scroll 0 -34px;
	border:0 none;
	color:#FFFFFF;
	cursor:pointer;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1em;
	font-weight:bold;
	height:29px;
	margin:10px 0 6px 128px;
	padding:0 0 4px;
	text-align:center;
	width:124px;
}

#container .left #content .promoBox {margin:0;padding:0 0 20px;width:670px;margin-bottom:20px;border-bottom:1px solid #d0d0d0;}
#container .left #content .promoBox img {float:left;width:170px;margin:0 20px 0 0;}
#container .left #content .promoBox .info {margin:0;padding:0;overflow:hidden;color:#666666;}
#container .left #content .promoBox .info h4 {margin:0 0 15px;padding:0;font-size:1.16em;font-weight:normal;}
#container .left #content .promoBox .info p {font-size:0.916em;}
#container .left #content .promoBox .info a.booking {
	margin:0;
	padding:0 0 0 27px;
	width:75px;
	height:22px;
	display:block;
	font-size:0.83em;
	text-transform:uppercase;
	color:#FFF;
	text-decoration:none;float:right;
	line-height:20px;
	background:transparent url(../images/b-booking.gif) no-repeat left center;
}
#container .left #content .promoBox .info a.booking:hover {color:#ffbf00;}

#container .left #content .promoBox .bttmLine {margin-bottom:20px;border-bottom:1px solid #d0d0d0;}


#container .right {float:right;margin:0 8px 0 0;padding:0;width:358px;}
#container .right h2 {margin:0 0 15px;padding:0;font-family:"Times New Roman", Times, serif;font-size:1.5em;color:#ff9933;font-weight:normal;}
#container .right h3 {margin:0 0 5px;padding:0;font-family:"Times New Roman", Times, serif;font-size:1.33em;color:#ff9933;font-weight:normal;}


#container .right .promotion {margin:0 8px 15px 0;padding:0 0 25px;width:358px;border-bottom:1px solid #954a4d;}
#container .right .promotion img {float:left;width:164px;}
#container .right .promotion .info {float:right;margin:0;padding:0;width:176px;}
#container .right .promotion .info h3 a {text-decoration:none;color:#FF9933;}
#container .right .promotion a.all {
	margin:0;
	padding:0 0 0 16px;
	display:block;
	font-size:0.83em;
	text-transform:uppercase;
	color:#FFF;
	text-decoration:none;
	background:transparent url(../images/arrow-02.gif) no-repeat left center;
}
#container .right .promotion a.all:hover {color:#ff9933;}


#container .right .addressBox {margin:0 8px 0 0;padding:0 0 25px;width:358px;font-size:0.916em;}
#container .right .addressBox h5 {margin:0;padding:0;font-size:1em;}
#container .right .addressBox address {font-style:normal;}
#container .right .addressBox ul {float:left;margin:0;padding:0;list-style-type:none;}
#container .right .addressBox ul li {float:left;margin:0;padding:0;text-transform:uppercase;}
#container .right .addressBox ul li.separator {background-color:#c1b5b5;height:10px;margin:3px 5px 0 5px;overflow:hidden;width:1px;}

#container.twocolumns .left {
	margin:0;
	padding:0 0 10px;
	width:726px;
	background-color:#FFF;
}
#container.twocolumns .left #display {margin:0 0 5px;padding:8px;width:710px;}
#container.twocolumns .left #content h1 {color:#cc3333;}
#container.twocolumns .left #content h2 {color:#cc3333;}
#container.twocolumns .left #content .grey {color:#666666;}
#container.twocolumns .left #content {margin:0px 30px;color:#666666;}
#container.twocolumns .left #content a {color:#666666;}
#container.twocolumns .right {
	margin:0;
	padding:8px;
	width:186px;
	background-color:#FFF;
}
*html #container.twocolumns .right {padding-bottom:0;}
#container.twocolumns #booking h3 {margin:65px 0 14px 4px;padding:0;font-family:"Times New Roman", Times, serif;font-size:1.66em;color:#FFF;}

#footer-wrap {margin:0;padding:0;width:100%;background-color:#460102;}
#footer {margin:0 auto;padding:8px 0;width:924px;}
#footer .copy {float:left;margin:3px 0 0 0;padding:0;width:40%;font-size:0.916em;color:#b47c7c;}

#subscribe {float:right;margin:0;padding:0;width:40%;}
#subscribe fieldset {float:right;margin:0;padding:0;}
#subscribe fieldset input {
	margin:0 5px 0 0;
	padding:4px 5px 0;
	height:19px;
	width:167px;
	border:0;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.916em;
	background:transparent url(../images/bg-input-text.gif) no-repeat left top;
}
#subscribe button.btnSubmit {
	margin:3px 0 0 0;
	padding:0;
	width:54px;
	border:0 none;
	color:#FFF;
	font-size:1em;
	font-weight:bold;
	text-transform:uppercase;
	background-color:#460102;
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
}
#subscribe #subscribeThankYou {margin:0;padding:0;float:right;display:none;}
#subscribe fieldset input.error {color:#CC1D1A;}

.kwicks {
	/* recommended styles for kwicks ul container */
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
}
.kwicks li{
	/* these are required, but the values are up to you (must be pixel) */
	height: 370px;

	/*do not change these */
	display: block;
	overflow: hidden;
	padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
}
.kwicks.horizontal li {
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-right: 1px; /*Set to same as spacing option. */	
	float: left;
}

/* Validation */
form fieldset input.error, .form fieldset select.error, form fieldset textarea.error {color:#CC1D1A !important;}
form fieldset label.error {margin:3px 0 0 130px !important;color:#FF9933 !important;display:block !important;text-align:left !important;width:auto !important;clear:both;}
form label.msg.invalid {color:#FF9933 !important;}