html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

body {
line-height: 1;
}

ol, ul {
list-style: none;
}

blockquote, q {
quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

/* remember to define focus styles! */
:focus {
outline: 0;
}

sup {
vertical-align: top;
font-size: 10px;
}

p em {
font-size: 10px;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/***End Reset***/

body {
background: #cbe7db;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
padding-bottom: 18px;
}

.logo-banner {
position: absolute;
background: url(/images/logo-banner.png) no-repeat;
width: 186px;
height: 521px;
display: block;
z-index: 99;
left: 24px;
}

.wrapper {
width: 990px;
margin: 0 auto;
position: relative;
*overflow: hidden;
}

.header {
background: #e4e1d2;
padding: 0 0 0 24px;
width: 966px;
position: relative;
height: 157px\9;
*z-index: 99;
}

.logo {
width: 186px;
display: inline-block;
*display: block;
*float: left;
*position: relative;
*z-index: 999;
padding: 29px 0 11px 0;
}

.logo a {
display: block;
cursor: pointer;
width: 153px;
margin: 0 auto;
position: relative;
z-index: 100;
}

.logo img {
display: block;
}

.container {
background: #e6e7e1;
position: relative;
}

.nav li {
float: left;
}

.nav li a {
background: url(/images/nav.png) no-repeat 0 0;
display: block;
height: 30px;
text-indent: -9999px;
}

.nav li ul.sub-acco {
margin-left: 227px;
width: 500px;
}

.nav li ul.sub-rest {
margin-left: 226px;
}

.nav li ul.sub-meet {
margin-left: 583px;
}

.nav li ul.sub-dest {
margin-left: 400px;
}

.nav li ul.sub-galle {
margin-left: 550px;
}

.main-nav {
position: absolute;
bottom: 0;
right: 12px;
float: right;
}

.nav li div {
display: none;
background: url(/images/bg-nav.png) repeat-x;
position: absolute;
top: 30px;
right: 0;
width: 990px;
height: 23px;
overflow: hidden;
}

.nav li#acco-li div {
background: url(/images/bg-nav.png);
height: 45px;
}

.nav li:hover div, .nav li div#active {
display: block;
position: absolute;
right: -12px;
z-index: 98;
}

.nav li ul li {
padding-top: 5px;
color: #fff;
background: url(/images/nav-bullet.png) no-repeat 0 8px;
padding-left: 15px;
margin: 0 5px;
height: 18px;
*background-position: 0 9px;
}

.nav li ul li.first {
list-style: none;
padding-left: 0;
margin-left: 0;
background: none;
}

.nav li ul li.last {
margin-right: 0;
}

.nav li ul li a {
background: none;
text-indent: 0;
color: #fff;
font-size: 11px;
text-decoration: none;
width: auto;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
height: auto;
*line-height: normal;
}

.nav li ul li a:hover,
.sugar-mill .sugar-mill,
.superior-luxury-sugar-mill .superior-sugar-mill,
.villas .villas,
.villa-suites .villa-suites,
.luxury-villas .luxury-villas,
.superior-luxury-villas .superior-luxury-villas,
.grand-luxury-villas .grand-luxury-villas,
.two-bed-grand-villas .two-bed-grand-villas,
.great-room .great-room,
.bayside-rest .bayside-rest,
.bayside-bar .bayside-bar,
.cane-bar .cane-bar,
.late-night-bar .late-night-bar,
.palm-court-bar .palm-court-bar,
.add-dining .add-dining,
.venues .venues,
.meetings .meetings,
.weddings .weddings,
.dest-information .dest-information,
.reso-activities .reso-activities,
.gall-hotel .gall-hotel,
.gall-acco .gall-acco,
.gall-rest .gall-rest,
.gall-spa .gall-spa,
.gall-meet .gall-meet {
color: #282519;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);
}

.nav li a.rese {
width: 81px;
background-position: 0 0;
}
.nav li a.rese:hover, .nav .active a.rese,
#reser .rese {
background-position: 0 -30px;
}

.nav li a.offe {
width: 51px;
background-position: -81px 0;
}
.nav li a.offe:hover, .nav .active a.offe,
#offe a.offe {
background-position: -81px -30px;
}

.nav li a.acco {
width: 119px;
background-position: -132px 0;
}
.nav li a.acco:hover, .nav .active a.acco,
#acco a.acco {
background-position: -132px -30px;
}

.nav li a.rest {
width: 123px;
background-position: -251px 0;
}
.nav li a.rest:hover, .nav .active a.rest,
#rest a.rest {
background-position: -251px -30px;
}

.nav li a.spa {
width: 31px;
background-position: -374px 0;
}
.nav li a.spa:hover, .nav .active a.spa,
#spa a.spa {
background-position: -374px -30px;
}

.nav li a.meet {
width: 137px;
background-position: -405px 0;
}
.nav li a.meet:hover, .nav .active a.meet,
#meet a.meet {
background-position: -405px -30px;
}

.nav li a.dest {
width: 83px;
background-position: -542px 0;
}
.nav li a.dest:hover, .nav .active a.dest,
#dest a.dest {
background-position: -542px -30px;
}

.nav li a.resi {
width: 76px;
background-position: -625px 0;
}
.nav li a.resi:hover, .nav .active a.resi,
#resi .resi {
background-position: -625px -30px;
}

.nav li a.galle {
width: 51px;
background-position: -701px 0;
}
.nav li a.galle:hover, .nav .active a.galle,
#galle a.galle {
background-position: -701px -30px;
}

.ter-nav {
float: right;
position: relative;
right: -6px;
top: -32px;
margin-bottom: -32px;
}

.ter-nav li {
float: left;
padding: 0 6px 0 6px !important;
background: url(/images/sep-subnav.png) no-repeat right 6px !important;
}

.ter-nav li.last {
background: none !important;
}

.ter-nav li a {
font-size: 11px;
text-decoration: none;
}

.ter-nav li a:hover, .ter-nav li a.active {
color: #3b5d59;
}

.ter-nav li a.active {
font-weight: bold;
}

.info-specs dt {
float: left;
width: 100px;
}

.info-specs-alt dt {
width: 200px; 
float: left;
font-weight: normal !important;
}

.main {
width: 100%;
}

.promo {
position: relative;
}

.promo div.image-container {
width: 990px;
height: 494px;
*background: #000; /* lte ie7 */
background /*\**/: #000 \9; /* ie8 */
}

.promo div.container-small {
height: 364px;
}

.promo div.home-slides {
height: 446px;
}

.promo-tag {
position: absolute;
width: 100%;
height: 70px;
background: url(/images/bg-promo.png) repeat-x;
bottom: 0;
left: 0;
z-index: 99;
}

.promo-tag h3, .promo-tag p, .featured-offer h3 a {
font-family: times, georgia, serif;
font-weight: normal;
display: inline;
}

.featured-offer h3 {
display: inline !important;
float: left;
}

.featured-offer h3 a {
text-decoration: none;
color: #4a4645;
}

.promo-tag h3 {
color: #fff;
font-size: 13px;
text-transform: uppercase;
letter-spacing: .2em;
padding-bottom: 6px;
font-weight: bold;
display: block;
}

.promo-tag p, .featured-offer h3 a {
color: #fff;
font-weight: normal;
font-size: 17px;
text-transform: capitalize;
font-family: arial, verdana, sans-serif;
letter-spacing: normal;
padding-bottom: 0;
}

.offer {
padding: 18px 0 0 88px;
}

.featured-offer {
display: inline;
}

.offer .btn_reserve {
height: 15px;
display: inline-block;
position: relative;
top: 2px;
text-decoration: none;
color: #fff;
font-family: times, georgia, serif;
font-style: italic;
font-size: 15px;
font-weight: bold;
}

.offer .btn_reserve:hover {
color: #fff;
text-decoration: underline;
background-position: 0 -15px;
}

.offer span.arw-btn_reserve {
font-size: 12px;
font-style: italic;
display: inline-block;
padding: 0 4px 0 12px;
position: relative;
top: 2px;
color: #fff;
}

.promo-tag p, .content h1 {
color: #4a4645;
}

.content {
padding: 40px 102px 55px 88px;
background: #eeeee7;
position: relative;
}

.content-extended {
padding-left: 120px;
}

.press-ul li {
background: none !important;
padding-left: 0 !important;
}

.content h1 {
font-size: 18px;
font-weight: normal;
padding-bottom: 20px;
font-weight: normal;
color: #7ab2ab;
font-family: georgia, times, serif;
text-transform: uppercase;
}

.content h1 span {
color: #5a5246;
font-size: 16px;
padding-right: 5px;
font-style: italic;
text-transform: none;
}

.content h2 {
font-size: 12px;
color: #5a5246;
font-weight: bold;
}

.content h3, .content h3 {
font-size: 12px;
color: #5a5246;
font-weight: normal;
}

.content h2 {
padding: 6px 0 14px 0;
}

.content h3 {
padding: 8px 0;
}

.content h4 {
color: #7ab2ab;
padding: 4px 0;
line-height: 1.5em;
}

.content h4 a {
color: #2d8686 !important;
line-height: 1.8em;
}

.content p, .content ul, .content dl, .content ol, .resi-disclaimer p {
color: #5a5246;
padding-bottom: 14px;
line-height: 1.8em;
*position: relative;
}

.content ol {
list-style: decimal;
margin-left: 20px;
}

.content ol li {
padding-bottom: 12px;
}

/*#dest dl {
padding-bottom: 8px;
}

#dest dl dd {
font-weight: bold;
}*/

.content a, .resi-disclaimer a {
color: #50c1a3;
}

.content a:hover {
color: #3b5d59;
}

.content ul li {
background: url(/images/bullet.png) no-repeat 0 8px;
padding-left: 14px;
}

.content dl dt {
font-weight: bold;
}

#rest dl dt {
font-weight: normal;
float: left;
width: 75px;
}

#SocialMediaFooter{
	padding: 28px 0 0 0;
}

.footer {
padding: 28px 0 0 0;
}

.footer ul.links {
float: left;
padding-bottom: 0;
}

.footer ul.links li {
float: left;
background: none;
margin: 0;
padding: 0;
}

.footer p {
padding-bottom: 10px;
*padding-bottom: 14px;
clear: both;
}

.footer p, .footer li, .footer li a {
font-size: 10px;
color: #7f7e7a;
text-decoration: none;
}

.footer li {
*line-height: normal;
}

.footer a {
display: inline-block;
margin-right: 23px;
}

.footer a.social {
margin: 0;
position: relative;
top: 3px;
*position: relative;
*top: -3px;
}

.footer a.last {
margin-right: 7px;
}

.social-first {
margin: 0 6px 0 9px !important;
}

.footer ul.links li a:hover {
color: #3e2b21;
text-decoration: underline;
}

.vhg {
padding: 6px 0 12px 0 !important;
float: left;
clear: both;
}

.vhg li {
float: left;
background: none !important;
padding-left: 0 !important;
}

.vhg li a {
background: url(/images/vhg-footer.png) no-repeat;
display: block;
height: 22px;
margin-right: 0;
text-indent: -9999px;
}

.vhg li a.vihg {
width: 151px;
}

.vhg li a.vihr {
width: 88px;
background-position: -151px 0;
}

.vhg li a.tidr {
width: 81px;
background-position: -239px 0;
}

.vhg li a.urrh {
width: 116px;
background-position: -320px 0;
}

form#email-offers {
padding: 60px 0 22px 0;
}

form#email-offers input {
background: url(/images/bg-input.png) repeat-x;
border: 1px solid #caccc4;
border-top: 0;
border-bottom: 0;
border-right: 0;
font-size: 11px;
color: #514e3e;
padding: 0 8px 0 8px;
padding: 4px 8px 0 8px\9;
height: 22px;
height: 18px\9;
font-family: arial, verdana, sans-serif;
float: left;
}

form#email-offers input[type=submit] {
line-height: 0;
border: 0;
background: #55aaa9 url(/images/arw-submit.png) no-repeat;
width: 22px;
height: 22px;
cursor: pointer;
position: relative;
left: -2px;
text-indent: -9999px;
}

form#email-offers label {
float: left;
color: #514e3e;
text-transform: uppercase;
font-size: 10px;
padding: 6px 5px 0 0;
}

.left-nav {
position: absolute;
top: 32px;
left: 0;
line-height: 1.8em;
}

.left-nav li {
background: url(/images/bullet.png) no-repeat 0 5px;
padding-left: 10px;
}

.left-nav li a {
color: #c09735;
font-family: georgia;
font-size: 12px;
text-decoration: none;
}

.left-nav li a:hover, .left-nav li a.active {
color: #2d8686;
}

.area-map {
padding: 22px 0 38px 0;
}

.dest-inner {
width: 690px;
}

.dest-info {
margin-top: -18px;
}

/* PHOTO GALLERY */
#photo, #thumbs {
	float: left;
}

#thumbs {
	background: #fff;
	overflow: hidden;
	padding: 26px 37px;
	height: 394px;
	width: 222px;
}

#thumbs li {
	float: left;
	margin-bottom: 12px;
	width: 106px;
}

#thumbs .odd {
	margin-left: 10px;
}
#thumbs .bottom {
	margin-bottom: 1px;
}

#photo {
	background: #fff;
	height: 446px;
	overflow: hidden;
	width: 618px;
}

#photo li {
	background: #000;
	display: none;
}
#photo li.current {
	display: block;
}

form.stylized input, form.stylized select, form.stylized textarea {
	border: none;
	clear: right;
	float: left;
	font-size: 11px;
	color: #5a5246;
	margin-bottom: 10px;
	*clear: none;
}

.jalousie-offers .specials_wrapper select {
font-size: 11px;
color: #514e3e;
border: none;
}

form.stylized input[type=text]{
	padding: 5px;
	width: 150px;
	border: 1px solid #CDCEC4;
}
form.stylized select{
	padding: 5px 0px 5px 5px;
	width: 160px;
}
form.stylized textarea{
	height: 110px;
	width: 400px;
	border: 1px solid #CDCEC4;
}
form.stylized input[type=checkbox] {
	margin-bottom: 4px;
	float: none;
}
form.stylized label {
	clear: left;
	color: #5a5246;
	float: left;
	font-size: 11px;
	padding: 3px 0 0 0;
	width: 150px;
	*clear: none;
}

form.stylized input[type=submit] {
	padding: 2px 24px 2px 24px;
	margin-top: 14px;
	cursor: pointer;
}
form.stylized input[type=submit] {
	background-color: #c9ebe2;
	color: #74726f;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	border: 1px solid #d0d1ca;
	float: right;
	margin: 30px 250px 0 0;
}
form.stylized input[type=submit]:hover {
	background: #fff;
	color: #30231d;
}
form.stylized p{
	clear: both;
}
form.stylized label.contact_me_label{
	width: 25px;
	padding: 0;
}
form.stylized p.contact_me_label{
	clear: right;
	float: left;
	width: 400px;
}
/* best rate form */
form.stylized.best_rate label {
	width: auto;
}
form.stylized.best_rate label span {
	display: block;
	line-height: 18px;
}
form.stylized.best_rate textarea {
	clear: left;
}

#form_errors ul {
color: #ff0000;
margin-bottom: 22px;
}

.clear-div{
	clear: both;
	height: 1px;
	display: block;
}
.hr {
height: 0;
padding-top: 1px;
overflow: hidden;
display: block;
background: url(../images/hr.png) repeat-x;
margin: 18px 0 22px 0;
}

.press-subhead {
padding: 15px 0 !important;
line-height: 1.5em;
}

ul.sitemap ul {
	padding-bottom: 0;
}

ul.sitemap a {
	text-decoration: none;
}

ul.list {
	margin-left: 20px;
}

.email-offer-form input[type=submit]{
margin: 12px 0 48px 220px !important;
float: left !important;
clear: both;
}

#rese-widget {
	position:relative;
float: right;
padding: 55px 12px 0 0;
z-index:500;
}

#reser #rese-widget {
width: 100%;
padding: 18px 0;
}

#rese-widget .datepicker {
width: 100px;
background: #fff url(/images/icon_calendar.png) no-repeat 95% 2px;
cursor: pointer;
padding: 3px 5px;
}

#rese-widget input, #rese-widget select, #jumpToSelect {
border: 1px solid #cdcec4;
font-size: 11px;
color: #514e3e;
margin-bottom: 0;
background: #fff;
padding: 3px 0;
margin-right: 8px;
}

.lbl-rese-widget {
float: left;
color: #74726f;
font-size: 9px;
padding: 20px 4px 0 0;
text-transform: uppercase;
}

#reser #rese-widget input, #reser #rese-widget select {
background: #fff;
border: 1px solid #c8cac1;
color: #514e3e;
}

#rese-widget select {
padding: 2px 0;
*margin-top: 2px;
}

#reser #rese-widget input {
background: #fff url(/images/icon_calendar.png) no-repeat 95% 2px;
}

#rese-widget label {
color: #74726f;
font-size: 10px;
float: left;
}

#rese-widget label span {
display: block;
padding: 0 0 2px 0;
}

#rese-widget input[type=submit], #reser #rese-widget input[type=submit] {
background: #c6e7dc;
color: #74726f;
border: 1px solid #cdcec4;
cursor: pointer;
width: 100%;
margin: 4px 0 12px 0;
}

#rese-widget input[type=submit], #reser #rese-widget input[type=submit] {
width: 70px;
padding: 0;
margin: 0;
position: relative;
top: 12px;
*top: 13px;
font-size: 9px;
text-shadow: 0 1px 1px rgba(177, 202, 193, 0.3);
font-weight: bold;
padding: 2px 0 3px 0;
height: 22px;
text-transform: uppercase;
}

#rese-widget input[type=submit]:hover, #reser #rese-widget input[type=submit]:hover {
background: #fff;
color: #30231d;
}

#reser #rese-widget input#code {
background: #fff;
}

.code-wrap {
float: left;
}

#code {
width: 85px;
margin-top: 12px;
padding-left: 4px !important;
}

.wrap-scrollable {
padding-bottom: 120px;
display: block;
width: 100%;
clear: both;
}

.wrap-slideshow {
background: #eeeee7 !important;
height: auto !important;
}

.scrollable {
position: relative;
overflow: hidden;
width: 750px;
height: 81px;
float: left;
}

.slideshow {
text-align: center;
position: relative \9;
z-index: 10 \9;
}

.slideshow h1 {
font-weight: normal;
font-size: 11px;
padding-top: 8px;
color: #514e3e;
line-height: normal;
*background: #eeeee7; /* lte ie7 */
background /*\**/: #eeeee7 \9; /* ie8 */
}

.ie-bg {
background: #000 \9 !important;
height: 494px \9 !important;
width: 990px \9;
position: absolute \9;
}

.slideshow img {
*display: block;
display: block \9; /* ie8 */
}

.scrollable .items {
width: 20000em;
position: absolute;
clear: both;
}

/* single scrollable item */
.scrollable img {
float:left;
margin: 0 9px;
background-color: #fff;
cursor: pointer;
width: 107px;
height: 81px;
}

/* active item */
.scrollable .active {
position: relative;
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
background: url(/images/arw-gall.png) no-repeat;
display: block;
width: 11px;
height: 13px;
float: left;
margin: 35px 14px;
cursor: pointer;
font-size: 1px;
}

/* right */
a.right {
background-position: 0 0;
clear: right;
margin-right: 0;
}

a.right:hover {
background-position: 0 -13px;
}

a.left:active {
background-position: 0 -13px;
}

/* left */
a.left {
background-position: -11px 0;
margin-left: 0;
}
 
a.left:hover {
background-position: -11px -13px;
}

a.left:active {
background-position: -60px 0;
}

/* disabled navigational button */
a.disabled {
visibility: hidden !important;		
}

.resi-disclaimer {
position: absolute;
background: #eeeee7;
display: none;
width: 390px;
font-size: 10px;
height: auto;
padding: 12px 30px 22px 30px;
text-align: justify;
border: 2px solid #cdcec4;
border-left: 1px solid #cdcec4;
border-top: 22px solid #cbe7db;
z-index: 101;
top: 157px;
right: 12px;
}

.resi-close {
text-align: right;
padding-bottom: 6px !important;
}

.resi-close a {
line-height: normal;
}

.resi-close a:hover {
color: #3b5d59;
}

.resi-disclaimer a.terms {
background: #6DCCAF;
color: #74726f;
border: 1px solid #cdcec4;
cursor: pointer;
padding: 5px 12px;
display: block;
width: 40px;
margin: 0 auto;
font-size: 14px;
text-shadow: 0 1px 1px rgba(177, 202, 193, 0.3);
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
text-align: center;
display: block;
}

.resi-disclaimer a.terms:hover {
background: #fff;
color: #30231d;
}


/*** Offers-Details Page ***/

#offer-detail #offer-title {
	font-size: 18px;
	font-family: georgia,times,serif;
	color:#7AB2AB;
	text-transform:uppercase;
	margin:16px 0;
}
.offer-all_link {
	font-size:12px;
	font-weight:normal;
}
 #offer-title .offer-all_link {
 	margin-left:10px;
 }
 #offer-detail #offer-short_description, #offer-detail #offer-short_description p{
 	color:#48261A;
	font-size:13px;
	font-weight:bold;
 }
 .ReserveNow {
 	margin:12px;
 }
.ReserveNow .btn_reserve {
	float:none;
	
	
	background-color: #C9EBE2;
	border: 1px solid #D0D1CA;
	color:#74726F;
	font-family: "Lucida Grande",Arial,sans-serif;
	padding: 5px 12px;
	
	
	font-weight: bold;
	font-size: 9px;
	cursor: pointer;
	position: relative;
	text-transform: uppercase;
	right: 12px;
	text-decoration:none;
}
#offer-description, #offer-description p{
	margin-top:2em;
	font-size:13px;
}
#offer-description ul {
	display:block;
	float:left;
	margin:0 0 16px 16px;
	width:100%;
} 
#offer-description ul li {
	list-style:none outside none;
	background: url("/images/bullet.png") no-repeat scroll 0 -2px transparent;
	float:none;
	padding:0 12px;
	line-height:17px;
	margin-left:-8px;
	font-size:13px;
} 
#offer-terms_conditions, #offer-terms_conditions p{
	font-size:11px;
}
#JumpToFrm{
display:inline;
float: right;
}