/*******************************************************/
/*                  GLOBAL STYLES
********************************************************/

/* GLOBAL RESET - in addition to imported reset, more specific to this site
********************************************************/

.hidden { display: none; }
a { color: #456ab6; text-decoration: none; }
a:hover { color: #2aa4dd; }
a:active, a.current { color: #2aa4dd; }
a.linkOut {
  padding-right: 20px;
  background: url(/media/image/1/external_link.gif) no-repeat right 50%;
}
p { padding-bottom: 10px;}
h1, h2, h3, h4, strong {
  text-transform: uppercase;
}

.error {
  color: red;
  font-weight: 800;
}

/* providing comfortable padding around basic lists */
ul, ol { margin: 10px 0 0 0; }
/* giving LIs generated numbers/disc markers */
ul li { float: none; list-style: square outside; padding: 0 0 5px 0; margin-left: 20px; }
ol li { list-style: decimal outside; padding: 0 0 5px 0; margin-left: 25px; }


/* BODY
********************************************************/
body {
  background: #afc3cc url(/media/image/1/bg_bodygradation.gif) repeat-x;
  margin: 0 auto;
  font: small Helvetica, Arial, Geneva, sans-serif;
  color: #47506c;
  width: 100%;
  display: table;
}

body div#mainContent h3 {
  font-size: 100%;
}

body div#mainContent ul, body div#mainContent ol {
  font-size: 85%;
}

/* MAIN CONTAINER
********************************************************/
div#backgroundWrap { background: url(/media/image/1/bgsparkles.jpg) no-repeat scroll center top; display: table; width:100%;}
div#wrap { margin: 0 auto; width: 960px; position: relative;}

/*************** HEADER ***************/
div#eventBanner a { background: url(/media/image/1/banner_event.png) no-repeat; width: 145px; height: 173px; z-index: 800; position: absolute; text-indent: -9999em; top: 0; right: 20px; }
div#globalNav { background: url(/media/image/1/bg_hdr.jpg) no-repeat left top; float: left; width: 940px; color: #FFF; padding: 12px 0 0 20px; }
div#globalNav a.logo { float: left; position: relative; }
div#globalNav a.logo img { display: block; }
div#globalNav a.printLogo { display: none; }
div#globalNav p.tagline { background: url(/media/image/1/hdrtagline.png) no-repeat; text-indent: -9999em; float: left; width: 308px; height: 34px; margin: 30px 0 0 25px; padding: 0; }
div#globalNav a { color: #FFF; }

div#globalNav ul { background: url(/media/image/1/bgnav.png) no-repeat; float: left; width: 930px; padding: 2px 0 0 0; margin: 0 0 0 10px; display: inline; }
div#globalNav ul li { list-style: none; float: left; text-align: center; height: 48px; margin: 0 0 0 1px; padding: 0; display: inline; line-height: 1; }
div#globalNav ul li a { font-size: 85%; }
div#globalNav ul li.current, div#globalNav ul li:hover { background: url(/media/image/1/bgnavonstate.png) repeat-x; }
div#globalNav ul li a { float: left; position: relative; text-transform: uppercase; padding: 0 13px; padding-top: 16px; height: 32px; display: block;}
div#globalNav ul li#about a { width: 132px;}
div#globalNav ul li#moa a { width: 107px;}
div#globalNav ul li#hotels a { width: 48px;}
div#globalNav ul li#activities a { width: 79px; }
div#globalNav ul li#nightlife a { width: 58px; }
div#globalNav ul li#restaurants a { width: 83px; }
div#globalNav ul li#deals a { width: 62px; }

/*************** CONTENT ***************/
div#contentWrap { float: left; margin-top: 10px; font-size: 95%;}
div#contentTop { background: url(/media/image/1/bgcontenttop.png) no-repeat left bottom; height: 14px; width: 960px; float: left; display: inline;}
div#contentBtm  { background: url(/media/image/1/bg_contentbtm.png) no-repeat; height: 10px; width: 960px; float: left; }
div#contentBody { background-color: #adc2d7;  width: 900px; padding: 16px 30px 0px 30px; float: left;}
div#contentBody p { line-height: 16px;}

/********** Interior Backgrounds ***************/
div.interior div#contentTop {
  background: url(/media/image/1/bgcontenttopinterior.png) no-repeat;
}

div.interior div#contentBody {
  background: url(/media/image/1/bggradient.gif);
  padding: 3px 30px;
}

div.interior div#contentBtm {
  background: url(/media/image/1/bgcontentbottominterior.png) no-repeat left bottom;
}

/* FOOTER CONTAINER
********************************************************/
div#footer { background: url(/media/image/1/bgfooter.png) no-repeat; float: left; width: 929px; padding:  20px 0 0 30px; margin-top: 10px; color: #FFF; font-size: 77%; }
div#footer div { float: left;  width: 200px; padding: 0 15px 0 15px; }

/*************** FORM ***************/
div#footer form label { display: block; padding: 5px 0; font-size: 77%; }
div#footer input { margin-bottom: 10px; }
div#footer ul { margin-top: 0px; }
/* trick to use png as background image for submit */
div#footer div.deals button { width: 123px; height: 37px; border: none; background: url(/media/image/1/btn_deals.png) no-repeat left top;}
/* need to fix the cursor  */
div#footer div.deals button:hover { cursor:pointer; }
div#footer div.deals p.txting { } 

div#footer h4, div#footer a {color: #FFF; font-weight: bold; text-transform: uppercase; }
div#footer h4 { padding-bottom: 15px; 100%; font-size: 100%; }
div#footer h5 { font-size: 100%; }
div#footer a { position: relative; font-size: 77%; }
div#footer p { font-size: 77%; }
div#footer ul { padding: 0; }
div#footer ul li { list-style: none; margin: 0; padding: 0; }
div#footer a#facebookFan { padding: 6px 20px 4px 0px; background: transparent url(/media/image/icon_facebook.png) no-repeat scroll right center; }
div#footer ul.legal { float: left; width: 900px; color: #47506c; margin-bottom: 30px;}
div#footer ul.legal li { float: left; padding: 0 10px 0 10px; font-size: 77%; background: url(/media/image/1/divlegal.gif) no-repeat right center;}
div#footer ul.legal li.last { background: none}
div#footer ul.legal a { color: #47506c; font-weight: normal; text-transform: none; font-size: 100%; }