/* web fonts */
@font-face { font-family: "Rage Italic"; font-style: normal; font-weight: bold; src: url(/styles/fonts/ragei.ttf); }

body, h1, h2, h3, h4, h5, h6, a, ul, li, p, div, span, table, td, tr, blockquote { margin: 0; padding: 0; }

body.gallery, 
body { font: normal 1em "Times New Roman", serif; color: #222; background: #75685b url(/images/background-24.png) repeat-x scroll 0 0; } 

h1,h2,h3 { color: #444444; }
h1#title { background: transparent url(/images/title-24.png) repeat-x scroll 0 0; color: #433b33; font-size: 2.5em; font-weight:normal; height: 50px; line-height: 1.3; padding-left: 30px; position: absolute; right: 0; top: 410px; width: 620px; }

a { color: #222; text-decoration: underline; }
a:hover { color: #da8008; }
p { margin-bottom: 1em; }
ul { list-style-type: none; }
.link { text-decoration: underline; }
.link:hover { text-decoration: underline; color: #da8008; cursor: pointer; }

#main { margin: 0 auto; position: relative; width: 980px; }

#outer { width: 980px; float: left; background: #e2c371; }
#inner { width: 980px; float: left; background:#E2C371 url(/images/leaf3.jpg) no-repeat scroll 0 0; }

/* header */
#header { background: #4B433A; height: 460px; padding: 10px 0; width: 980px; }
#logo { background:#E2C371 url(/images/leaf1.jpg) no-repeat scroll 0 0; height: 204px; width: 180px; border-top:2px solid #E8A040; border-bottom:2px solid #E8A040; }
#logo a { left: 34px; position: relative; top: 15px; }
#logo img { border: 1px solid #4b433a; }
#subtitle { background:#E2C371 url(/images/leaf2.jpg) no-repeat scroll 0 0; border-top:2px solid #E8A040; border-bottom:2px solid #E8A040; height: 64px; position: absolute; right: 0; top: 10px; width: 650px; }
#subtitle p { background: transparent url(/images/subtitle.png) no-repeat scroll 0 0; height: 54px; left: 95px; position: absolute; text-indent: -9999px; top: 6px; width: 467px; }
.es #subtitle p { background: transparent url(/images/subtitle-spanish.png) no-repeat scroll 0 0; }
#header .vcard { background:#E2C371 url(/images/flower.jpg) no-repeat scroll 0 0; height: 240px; width: 180px; margin-top:10px; border-bottom:2px solid #E8A040; text-indent: -9999px; }
#slide { background:#E2C371 url(/images/slidepic.jpg) no-repeat scroll 0 0; border-bottom: 2px solid #E8A040; height: 380px; position: absolute; right: 0; top: 88px; width: 650px; }
#slideshow { background: #4B433A; }

/* navigation */
#navContainer { background: #433b33; height: 480px; width:150px; left: 180px; position: absolute; top: 0; }
#nav { position: relative; top: 98px; width:130px; margin-left:10px; }
#nav ul#main-items { border-bottom: 1px solid #e8a040; margin-bottom: 20px; padding-bottom: 20px; }
#nav ul#other-items { border-bottom: 1px solid #e8a040; margin-bottom: 5px; padding-bottom: 20px; font-size:0.8em; line-height:1.5; }
#nav ul#language { border-top: 1px solid #e8a040; padding-top:20px; font-size:0.8em; }
#nav li a { display: block; width: 150px; background: #433B33; color: #c4c8cc; font-size: 1.1em; text-align:center; text-decoration: none; margin-left:-10px; }
#nav li a:hover { color: #e8a040; }
     
.home #nav li.home a,
.accommodations #nav li.accommodations a,
.rates #nav li.rates a,
.reservations #nav li.reservations a,
.guest-services #nav li.guest-services a,
.resort-layout #nav li.resort-layout a,
.location #nav li.location a,
.guest-reviews #nav li.guest-reviews a,
.info-beaches #nav li.info-beaches a,
.about-us #nav li.about-us a,
.contact-us #nav li.contact-us a,
.image-gallery #nav li.image-gallery a,
.language #nav li.language a
{ color: #e8a040; }

/* content */
#contentPane { background-color: #F8F8F8; float: right; min-height: 500px; padding: 20px; width: 760px; }
img.right { border: 2px solid #3a332d; float: right; margin-left: 20px; margin-bottom:1em;}
.narrow { width:500px; }

iframe#googlemap { border: 2px solid #3a332d; }
#contentPane ul { list-style-position: outside; list-style-type: disc; margin-left: 1em; margin-bottom: 1em; }

/* special offers */
#specialOffers { text-align: center; position: absolute; left: 0; width: 90px; font-size: 0.8em; background: #990000 no-repeat 0 0 ; padding: 10px 10px; margin: 0 32px; border: 1px solid #433B33; }
#specialOffers a { color: white; }
#specialOffers p { margin-bottom: 0.6em; }

/* badges */
#bravo h4 {background: url(../images/bravo-title-tripadvisor.jpg) no-repeat; display:block; height: 26px; color: white; width: 146px;font-family:arial,helvetica,verdana; font-size:1.5em; font-weight:lighter;}
#bravo p { margin-bottom: 0.6em; }
#bravo { background-color:white; border:1px solid #433B33; font-size:0.9em; left:0; margin:165px 16px; position:absolute; text-align:center; width:146px;}


/* footer */
#footer { border-top: 2px solid #E8A040; float: right; font-size: 0.75em; margin-bottom: -20px; position: relative; top: -22px; width: 800px; }
#footer a { color: #222; text-decoration: none; }
#phoneNrs { display: none; }
#copyright,
#credits { float: left; display:inline; width: 49%; padding-top: 0.2em; }
#copyright { margin-left: 1%; }
#credits { text-align:right; display:none; }
.home #credits { display:block; }

/* awards */
#contentPane ul#awards { list-style-type: none; margin-left: 0; margin-right: 0; }
ul#awards { font-size: 0.75em; text-align:center; margin-top:50px; }
ul#awards li#adv06, 
ul#awards li#adv08  { float: left; margin-right: 40px; }
ul#awards li#seh,
ul#awards li#arasa { float: right; margin-left: 40px; }
ul#awards img { margin-bottom: 10px; }

/* awards about */
#contentPane ul#awards-adv,
#contentPane ul#awards-other { list-style-type: none; margin-left: 0; margin-right: 0; }
ul#awards-adv, 
ul#awards-other { font-size: 0.75em; text-align:center; }
ul#awards-other { clear: left; }
ul#awards-adv li#adv, 
ul#awards-adv li#adv06  { float: left; margin-right: 100px; } 
ul#awards-adv li#adv08  { float: left; margin-right: 0; }
ul#awards-adv li#adv06, 
ul#awards-adv li#adv08  { margin-top: 15px; }
ul#awards-other li#seh,
ul#awards-other li#arasa { float: left; margin:20px 80px 14px 0; }
ul#awards-other li#arasa { margin-top: 26px; }

/* accommodations */
#contentPane ul#accommodations { list-style-type: none; margin-left: 0; margin-right: 0; }
ul#accommodations { text-align:center; margin-top: 20px; }
ul#accommodations li#deluxe-studio, 
ul#accommodations li#one-bedroom-suite, 
ul#accommodations li#two-bedroom-suite  { float: left; padding: 0 25px; margin-bottom: 80px; }
ul#accommodations img { border: 1px solid #3a332d; margin-bottom: 10px; }
ul#accommodations a { display: block; text-decoration: none; }
ul#accommodations a span { text-decoration: underline; }
ul#accommodations a:hover span { color: #da8008; }
ul#accommodations a:hover img { border: 1px solid #e8a040; }

#contentPane ul.amenities { float: left; padding-right: 20px; width: 470px; }
.floor-plan { display:block; position: relative; float:left; width:110px; background: transparent url(/images/floor-plan.png) no-repeat scroll 0 0; height: 25px; text-indent: 40px; white-space:nowrap; }
.two-bedroom-suite .floor-plan { width: 180px; margin-bottom:5px; white-space:nowrap;}
.clearleft { clear: left; }

/* rates */
table { background: #E2C371 none repeat scroll 0 0; margin-bottom: 1em; width: 100%; }
#specials { float:none; margin-right:5px; width:50%; }
#extra { width:50%; }
td { text-align: center; }
.even, .odd { background: #c4c8cc none repeat scroll 0 0; color: black; }
td.price { text-align: left; text-indent: 4em; }
.package { font-size: .75em;}

/* resort layout */
.resort-layout #contentPane { background-color: white; }
#resort-layout { background: url(/images/resort-layout.png) no-repeat scroll 0 0; height: 475px; width: 706px; position: relative; }
#resort-layout li { list-style-type: none; display:inline; }
#resort-layout li a { text-indent:-9999px; display: block; position: absolute; }
#resort-layout li.map a:hover { background-color: orange; opacity: 0.2; filter: alpha(opacity=20); }
#resort-layout li.photo a:hover { background-color: red; opacity: 0.5; filter: alpha(opacity=50); }

#resort-layout li.deluxe-studio-first a { height: 91px; left: 400px; top: 15px; width: 248px; display:block; }
#resort-layout li.deluxe-studio-ground a { height: 78px; left: 417px; top: 300px; width: 244px; display:block; }
#resort-layout li.one-bedroom-suite a { height: 111px; left: 85px; top: 278px; width: 108px; display:block; }
#resort-layout li.two-bedroom-suite-111 a  { height: 85px; left: 252px; top: 304px; width: 83px; display:block; }
#resort-layout li.two-bedroom-suite-116 a  { height: 109px; left: 24px; top: 254px; width: 61px; display:block; }
#resort-layout li.two-bedroom-suite-117 a  { height: 109px; left: 38px; top: 0; width: 61px; display:block; }

#resort-layout li.boardwalk a  { height: 27px; left: 144px; top: 209px; width: 25px; }
#resort-layout li.pool-west a  { height: 27px; left: 235px; top: 224px; width: 30px; }
#resort-layout li.lounge-chairs a  { height: 29px; left: 376px; top: 224px; width: 32px; }
#resort-layout li.lounge-garden a  { height: 70px; left: 480px; top: 206px; width: 69px; }
#resort-layout li.hammocks a  { height: 38px; left: 591px; top: 229px; width: 34px; }

#legendphoto, #legendmap { float: left; height: 15px; line-height: 1em; margin-bottom: 1em; margin-top: -4px; text-indent: 22px; }
#legendphoto { background: transparent url(/images/camera.png) no-repeat scroll 0 0; width: 74px; }
#legendmap { background: transparent url(/images/magnifier.png) no-repeat scroll 0 0; width: 95px; }

/* Guest Reviews */
#brought { height: 35px; background: green url(/images/green-gradient.png) repeat-x scroll 0 0; padding: 5px; margin-bottom: 15px; margin-top: -10px; }
#brought img { border: none; }
#brought img#tripadvisor-logo { float: left; }
#brought img#bestoftheweb-08 { float: right; border: 5px solid white; }
#bestlinks { text-align:right; border-bottom: 3px solid green; margin-bottom: 30px; }
#bestlinks a { text-decoration: none; }
#readmore { border-top: 1px solid green; margin-top: 35px; padding-bottom: 20px; padding-top: 5px; text-align: right; }

/* beaches */
ul#beaches1,
ul#beaches2,
ul#beaches3 { margin: 0; } 
#beaches1 li,
#beaches2 li,
#beaches3 li { background: #fcfcfc none repeat scroll 0 0; border: 1px solid #ddd; float: left; height: 255px; list-style-type: none; margin: 15px; padding: 10px; width: 200px; }
#beaches3 li { margin-bottom: 40px; }
#beaches1 li img,
#beaches2 li img,
#beaches3 li img { border: 1px solid #4B433A }
#beaches1 li a:hover img,
#beaches2 li a:hover img,
#beaches3 li a:hover img { border: 1px solid #E8A040; } 

#beachphotos { background: transparent url(/images/camera.png) no-repeat scroll 0 4px; display:block;
text-indent:24px; }

/* specialty packages */
ul#packages1,
ul#packages2,
ul#packages3 { margin: 0; } 
#packages1 li, 
#packages2 li, 
#packages3 li { background:none repeat scroll 0 0 #FCFCFC; border:1px solid #DDDDDD; float:left; height:400px; list-style-type:none; margin:5px; padding:10px; width:335px; }
#packages3 li { margin-bottom: 40px; }
#packages1 li img,
#packages2 li img,
#packages3 li img { border: 1px solid #4B433A }
#packages1 li a:hover img,
#packages2 li a:hover img,
#packages3 li a:hover img { border: 1px solid #E8A040; } 
.package-name  { float:right; font-size:1.2em; margin-top:-1em; padding-right:1em;}

/* reservation form */
.reservations fieldset { width: 37em; margin-bottom:15px; border:1px solid silver; padding:10px; }
legend { font-weight: bold; color: #333; }
.reservations label { float: left; width: 10em; }
.confirm dl { width:40em; }
.confirm dt { width:20em; clear:left; float:left; font-weight:bold; }
.confirm dd { margin-left:0; }
.confirm dt, .confirm dd { border-bottom:1px solid #e8a040; margin-bottom:0; min-height:1.5em;}
.confirm #contentPane h3 { margin: 35px 0 -5px; } 
.note {font-style: italic; margin: 0.5em 0 0 10em; }
.note.wide { margin:1em 0; }
.radio div { margin-left:9.8em; }
.radio div input { border: none; }
.radio div label { display:inline; float:none; }
.radio span.label { display: inline; float: left; }
.hide { display:none; }
#contentPane .field p.am { margin-top: 10px; margin-bottom: 0; }
.reservations .select-border { border-bottom: 1px dotted; margin-bottom: 5px; }
#expDate { display:block; overflow:hidden; }
#expDate .label { float:left; width:10em; }
#expDate label { width:auto; margin-right:.5em; }
#expDate,#carRentals .field { float:left; width:6em; }
.required-indicator { display:inline; font-size: .5em; color: red; font-family: "Arial Unicode MS", Helvetica, sans-serif; }
.reservations a.info-indicator { float: left; margin-left: -22px; margin-top: -3px; display: inline; font-size: 1em; color: navy; font-weight: bold; font-family: "Arial Unicode MS", Helvetica, sans-serif; text-decoration: none; }		
.reservations a.info-indicator:hover { color:#da8008; }
.reservations textarea { display:block; width:auto;}
.optin label, .conditions label { width: 20em; float: none; }
#fineprint h2 { font-size:.9em; }
.calendarButton { text-indent:-9999px; overflow:hidden; border:none; width: 13px; height: 13px; background: transparent url(/images/p_cal.gif) no-repeat scroll 0 0; margin-right:-12px; left: -20px; position: relative; top: 3px; padding: 0;}
.error, .field input.error { border: 1px solid red; }
.reservations table#ssl { background: transparent; position: absolute; right: 12em; width: 130px; }

/* popups, e.g. CSC */
#sbox-window { background-color:#433B33; }
#sbox-window h1 {font-size:110%; color:white; margin:1em 0; }
#sbox-window img { border:1px solid #433B33; margin-left:1em;}
#sbox-window #content { background-color: #75685B; color:white; padding:1em; }

/* contact form */
.contact input, .contact textarea { width:350px; padding:4px; clear:none; }
label { float: left; width: 10em; }
.field { padding-bottom: 5px; }
.field input, .field textarea { border:1px solid silver; }
fieldset { margin: .5em; width: 26em; border:1px solid silver; padding:10px; }
textarea { clear: left; font-family: serif;}
.checkbox label {  width: 100%; float:none; text-indent:1em; }
.checkbox input { float:none; /*margin-right:.5em;*/ border:none; }
#submitButton { clear: both; margin: .5em .5em 2em 0; width:auto; }
#errors {color:red;}

/* SLIMBOX */
#lbOverlay { position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer; }
#lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; overflow: hidden; background-color: #fff; }
.lbLoading { background: #fff url(/images/loading.gif) no-repeat center; }
#lbImage { position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; }
#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; }
#lbPrevLink { left: 0; }
#lbPrevLink:hover { background: transparent url(/images/prevlabel.gif) no-repeat 0 15%; }
#lbNextLink { right: 0; }
#lbNextLink:hover { background: transparent url(/images/nextlabel.gif) no-repeat 100% 15%; }
#lbBottom { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none; }
#lbCloseLink { display: block; float: right; width: 66px; height: 22px; background: transparent url(/images/closelabel.gif) no-repeat center; margin: 5px 0; outline: none; }
#lbCaption, #lbNumber { margin-right: 71px; }
#lbCaption { font-weight: bold; }

span.oasis { font-family:"Rage Italic", Trebuchet; font-size:1.1em; }

/* gallery */
body.gallery { text-align:left; margin:0; }
body.gallery #gallery { text-align:center; }
body.gallery h4 a { font-family: "Rage Italic"; font-size: 1.2em; text-decoration: none; }
body.gallery .gbSystemLinks,
body.gallery .footer { display:none; }