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;}
html {}
body {line-height: 1; text-align: center; padding-bottom: 30px;background: url(images/dca/bg-html.jpg) repeat; min-width: 1024px;}
.body-bg { background: url(images/dca/bg-body.jpg) center top no-repeat; width: 100%; height: 100%}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}
div {position: relative;}
strong {font-weight: bold;}
em {font-style: italic;}
code {font-family: courier;}
img {display: block;}
ul {list-style: none;}
a {outline: none; text-decoration: none; color: #056287; position: relative; z-index: 20;}
a:hover {text-decoration: underline;}
.clr {clear: both; height: 0px; overflow: hidden;}
.alignright {float: right; margin: 15px 0 10px 25px; display: inline;}
.alignleft {float: left; margin: 15px 25px 10px 0; display: inline;}
.aligncenter {margin: 15px auto 0 auto; text-align: center;}
div.aligncenter img {display: inline; vertical-align: middle; margin: 15px 5px;}
.fb-like { width:100px; float: right; z-index: 1000;}
.share-icons iframe {float: right;}
.header-share {position: absolute; top: 30px; right: -20px;}
#popup-container .share-icons {float: left; margin-left: 0;}
#popup-container .share-icons iframe {float: left;}
#popup-container .fb-like {width: auto;}
#popup-container .fb-like > span > iframe {width: 450px !important; height: 190px !important;}

#page-con-header {background: #868686; height:40px;}
#gde_chromeContainer {margin: 0 auto;}
#gde_chromeContents {width: 992px !important; overflow: hidden;}
#page-con {margin: 0 auto; text-align: left; width: 992px; font-family: Arial; font-size: 12px; color: #333; line-height: 1.2em; }
.container {padding: 0px 0 90px 0;}
.resort-logo {margin: 0 auto;}

.feature {height: 490px;}
.carousel {height: 490px; -moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-radius: 7px 7px 0px 0px; border-radius: 7px 7px 0px 0px;}
.slide {position: absolute; top: 0; left: 0; width: 992px; height: 490px;}
.slide:first-child p {display: none;}
.slide img {width: 992px; height: 490px;}
.slide p {position: absolute; right: 0; top: 15px; z-index: 10; background: #000; color: #fff; display: block; padding: 4px 13px; width: 770px;}
.slide p span {color: #fe6d00;}
.blog-logo {position: absolute; top: -10px; left: 8px; z-index: 1000;}
.arrow-left, .arrow-right {background: url(images/dca/arrows.png) no-repeat top left; position: absolute; top: 190px; left: 0; z-index: 999; opacity: .5; filter: alpha(opacity=50); height: 62px; width: 55px; text-indent: -9999px;}
.arrow-right {left: auto; right: 0; background-position: top right;}
.arrow-left:hover, .arrow-right:hover {opacity: 1; filter: alpha(opacity=100);}
.timeline {position: absolute; bottom: 0; left: 0; width: 992px; height: 95px; background: url(images/dca/bg-timeline.png) no-repeat top center; z-index: 999;}
.timeline img {position: absolute; top: 52px; left: 175px;}
.timeline img.seven {left: 175px;}
.timeline img.eight {left: 303px;}
.timeline img.nine {left: 430px;}
.timeline img.ten {left: 559px;}
.timeline img.eleven {left: 686px;}
.timeline img.twelve {left: 814px;}
.year {position: absolute; width: 36px; height: 36px; text-indent: -9999px; display: block; z-index: 1000; bottom: 40px;}
.year-seven {left: 168px;}
.year-eight {left: 297px;}
.year-nine {left: 424px;}
.year-ten {left: 552px;}
.year-eleven {left: 680px;}
.year-twelve {left: 807px;}
.year:hover {background: url(images/dca/year-hover.png);}

.well {background: #fcfbf2 url(images/dca/bg-well.jpg) no-repeat; width: 992px; padding-top: 109px;}

.nav {position: absolute; top: 605px; text-align: center; z-index: 2000; min-width: 992px; width: 100%; background: url(images/dca/bg-nav.png) no-repeat center top; margin-top: -2px;}
.nav .center {width: 992px; margin: 0 auto; height: 38px; padding-top: 73px; }
.nav h1 {font-size: 1px; position: absolute; top: -12px; left: 100px; color: #000;}
.nav ul {margin: 0 0 0 103px;}
.nav li {float: left; display: inline; padding: 0 20px;}
.nav li a {display: block; height: 31px; background: url(images/dca/nav.png) no-repeat; width: 140px; text-indent: -9999px;}
.nav li a.nav-first {}
.nav li a.nav-second {background-position: -180px 0;}
.nav li a.nav-third {background-position: -360px 0; width: 171px;}
.nav li a.nav-fourth {background-position: -571px 0; width: 175px;}

#day-to-night, #around-the-resort {background: #fcfbf2 url(images/dca/bg-well.jpg) no-repeat; padding: 0 0 6px 7px;}
#day-to-night {padding-top: 96px;}
.blue-box p, p.intro {padding: 50px 20px 0 20px; text-align: center; font: 12px/20px Helvetica, Arial, sans-serif; color: #303a52; }
p.intro {color: #000; padding-top: 20px;}
.panels {width: 963px; padding-left: 23px;}
#day-to-night .panels {padding-left: 17px;}
.panel {float: left; display: block; margin: 22px 20px 0 0; position: relative; width: 300px; padding-bottom: 20px;}
.bumper { position:absolute; top:-140px; height:140px; width:1px; }
.panel img.panel-image {padding: 8px; background: #fcfcf4; border: 1px solid #fff; width: 284px; height: 213px;
    -webkit-box-shadow:  0px 0px 1px 1px rgba(85, 85, 85, .2);
    -moz-box-shadow:  0px 0px 1px 1px rgba(85, 85, 85, .2);
    box-shadow:  0px 0px 1px 1px rgba(85, 85, 85, .2);
}
.panel a.popup {position: absolute; top: 202px; left: 131px; z-index: 20;}
.panel a.popup img {padding: 0; background: none; border: none; -webkit-box-shadow:  none; -moz-box-shadow:  none; box-shadow:  none;}
.panel h4, .blue-box h3 {padding-top: 14px; font: bold 16px/21px 'Open Sans', sans-serif; text-shadow: 0px 1px 0px #fff;}
.panel h4, .panel h4 a, .blue-box h3 {color: #f77000;}
.panel p {padding: 12px 0 0 0; font: 12px/20px Helvetica, Arial, sans-serif; color: #303a52; text-align: left}
.divider {background: url(images/dca/divider-dtn.png) no-repeat top left; height: 2px; width: 100%; overflow: hidden;}
#watch-us-grow .divider {background-image: url(images/dca/divider-wug.png);}

#around-the-resort {padding-top: 100px;}
.blue-box h2 {text-indent: -9999px;}
.around-the-resort-top, .day-to-night-top {background: url(images/dca/around-the-resort-top.png) no-repeat; width: 977px; height: 152px; position: absolute; top: -100px; left: 0;}
.day-to-night-top {background-image: url(images/dca/day-to-night-top.png);}
.blue-box {width: 977px; background: url(images/dca/bg-blue-dots.png) repeat-y; border-bottom: 1px solid #ccdde0; padding-bottom: 20px;}
.day-to-night-top {background: url(images/dca/day-to-night-top.png) no-repeat; width: 977px; height: 152px; position: absolute; top: -100px; left: 0;}
#around-the-resort .blue-box p, #around-the-resort .blue-box h3 {padding: 15px 40px 0 40px; position: relative; z-index: 20;}
.point-map {padding: 10px 0 0 18px;}
.point-map .popups { display:none; }
a.dot {width: 20px; height: 20px; position: absolute; z-index: 20; top: 0; left: 0; background: #000; opacity: .01; filter: alpha(opacity=01); border-radius: 10px;}
a.dot-1 {left: 323px; top: 343px;}
a.dot-2 {left: 351px; top: 410px;}
a.dot-3 {left: 362px; top: 328px;}
a.dot-4 {left: 487px; top: 435px;}
a.dot-5 {left: 523px; top: 306px;}
a.dot-6 {left: 495px; top: 349px;}
a.dot-7 {left: 722px; top: 229px;}
a.dot-8 {left: 631px; top: 225px;}
a.dot-9 {left: 279px; top: 106px;}
a.dot-10 {left: 319px; top: 379px;}
a.dot-11 {left: 574px; top: 371px;}
a.dot-12 {left: 418px; top: 400px;}
a.dot-13 {left: 688px; top: 152px;}
a.dot-14 {left: 293px; top: 315px;}
a.dot-15 {left: 328px; top: 260px;}
a.dot-16 {left: 284px; top: 283px;}
a.dot-17 {left: 536px; top: 367px;}
a.dot-18 {left: 787px; top: 212px;}
a.dot:hover {opacity: .25; filter: alpha(opacity=25);}

#page-con-footer {width: 992px; overflow: hidden}

#watch-us-grow {background: url(images/dca/bg-where-weve-been.png); border: 1px solid #cddde0; border-top: none; padding-top: 77px;}
.bg {position: absolute; top: 0; left: 0;}
#watch-us-grow .panel h4 {color: #4c2c7d;}
.sprite {background: url(images/dca/sprite.png) no-repeat; display: block; text-indent: -9999px;}
.container-bottom {width: 992px; height: 87px; background: url(images/dca/container-bottom.png) no-repeat; overflow: hidden;}
.container-bottom a {display: block; width: 94px; height: 38px; background: url(images/dca/top-button.png) no-repeat; text-indent: -9999px; position: absolute; right: 7px; top: 18px;}
#scroll-watch-us-grow, #scroll-around-the-resort {position: absolute; bottom: 108px; left: 0;}

#popup-container {width: 100%; height: 100%; position: fixed; top: -40px; left: 0; z-index: 999999999; display:none; }
.popup-image .popup-slider { height:430px; }
.panel .popup-box { display:none; }
.popup-box {min-height: 600px; margin: 5% auto 0 auto; width: 688px; padding: 5px 66px 40px 66px; background: #d8e0e1 url(images/dca/bg-popup-content.png) repeat-x left top; border: 1px solid #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow:  1px 1px 75px 13px rgba(55, 55, 55, .76); -moz-box-shadow:  1px 1px 75px 13px rgba(55, 55, 55, .76); box-shadow:  1px 1px 75px 13px rgba(55, 55, 55, .76); }
.popup-image img {margin: 0 auto; min-width: 688px; min-height: 380px;}
.popup-image img.day, .popup-image img.night { display:none; }
.popup-slide img {width: 688px; height: 429px;}
.popup-text {text-align: left; position:relative; z-index: 10;}
.popup-switch {position:absolute; bottom: 0; left: 0; z-index: 100;}
.popup-switch img {width: 75px; height: 120px;}
.day .popup-text, .night .popup-text {padding: 8px 0 0 155px; background: url(images/dca/bg-on.png) no-repeat top left; margin-left: -60px; min-height: 130px;}
.night .popup-text {background-position: 0 -165px;}
.popup-box h4 {padding-top: 12px; font: bold 16px/21px 'Open Sans', sans-serif; text-shadow: 0px 1px 0px #fff; color: #f77000;}
.popup-box p {padding: 12px 0 0 0; font: 12px/20px Helvetica, Arial, sans-serif; color: #303a52;}
.left-arrow, .right-arrow {position: absolute; top: 215px; left: -48px; cursor: pointer; width:25px; height:42px; display: block;}
.left-arrow {background:url(images/dca/left-arrow-orange.png) no-repeat;}
.right-arrow {left: auto; right: -48px; background:url(images/dca/right-arrow-orange.png) no-repeat;}
.close-popup {position: absolute; top: 7px; right: 7px;}
.popup-details { display:none; }
.popup-box a:hover {cursor: pointer;}