/* element selectors */
html, body {height: 100%}
* html body {behavior: url(library/styles/csshover.htc)}
body {font-family: Times New Roman, serif; font-size: 12px; margin: 0px; padding: 0px; background: #b1953b url(../images/body_background.gif) repeat scroll top center; text-align: center}
p, h1, h2, h3, h4, h5, h6 {line-height: 12pt; padding: 0; margin: 0; margin-bottom: 15px}
h1, h2 {color: #b1953a; font-family: Times New Roman, serif; line-height: 15pt; font-size: 13pt; letter-spacing: 0; font-weight: normal}
h2 {margin-bottom: 3px}
input, select, textarea {font-family: Arial; font-size: 8pt}

/* id selectors */

#divContainer {position: relative; top: 0px; width: 990px; height: 100%; min-height: 100%; margin-left: auto; margin-right: auto; text-align: left; background-color: #FFFFFF; padding-bottom: 50px}
html>body #divContainer {height: auto}
#divHeaderContainer {position: relative; top: 0px; width: 990px; height: 200px}
#divLogo {position: absolute; top: 33px; left: 82px; width: 147px; height: 132px}
#divNavigationBackground {position: absolute; left: 335px; top: 0px; width: 100px; height: 50px}
#divNavigation {position: absolute; left: 380px; top: 23px; width: 565px; height: 180px; background-color: #FFFFFF; background: transparent url(../images/navigation_background.gif) no-repeat scroll top left}
div#divNavigation ul {position: absolute; list-style-type: none; padding: 0; margin: 0; border: 0; top: 0px; height: 21px}
div#divNavigation ul li {float: left; padding: 0; margin: 0; position: relative; cursor: hand; cursor: pointer; line-height: 21px; background: transparent none no-repeat scroll top left}
div#divNavigation ul li img {height: 27px}
div#divNavigation ul li#liRegister {width: 110px; background-image: url(../images/navigation_register.gif)}
div#divNavigation ul li#liRegister:hover {width: 110px; background-image: url(../images/navigation_register_alt.gif)}
div#divNavigation ul li#liRegister.clsSelected {width: 110px; background-image: url(../images/navigation_register_alt.gif)}
div#divNavigation ul li#liRegister img {width: 110px}
div#divNavigation ul li#liEsperanza {width: 133px; background-image: url(../images/navigation_esperanza.gif)}
div#divNavigation ul li#liEsperanza:hover {width: 133px; background-image: url(../images/navigation_esperanza_alt.gif)}
div#divNavigation ul li#liEsperanza.clsSelected {width: 133px; background-image: url(../images/navigation_esperanza_alt.gif)}
div#divNavigation ul li#liEsperanza img {width: 133px}
div#divNavigation ul li#liResidences {width: 140px; background-image: url(../images/navigation_residences.gif)}
div#divNavigation ul li#liResidences:hover {width: 140px; background-image: url(../images/navigation_residences_alt.gif)}
div#divNavigation ul li#liResidences.clsSelected {width: 140px; background-image: url(../images/navigation_residences_alt.gif)}
div#divNavigation ul li#liResidences img {width: 140px}
div#divNavigation ul li#liLocation {width: 126px; background-image: url(../images/navigation_location.gif)}
div#divNavigation ul li#liLocation:hover {width: 126px; background-image: url(../images/navigation_location_alt.gif)}
div#divNavigation ul li#liLocation.clsSelected {width: 126px; background-image: url(../images/navigation_location_alt.gif)}
div#divNavigation ul li#liLocation img {width: 126px}
div#divNavigation ul li#liGallery {width: 56px; background-image: url(../images/navigation_gallery.gif)}
div#divNavigation ul li#liGallery:hover {width: 56px; background-image: url(../images/navigation_gallery_alt.gif)}
div#divNavigation ul li#liGallery.clsSelected {width: 56px; background-image: url(../images/navigation_gallery_alt.gif)}
div#divNavigation ul li#liGallery img {width: 56px}
div#divNavigation ul li ul {top: 27px; padding-top: 6px; z-index: 10; position: absolute; width: 150px; height: 150px; padding-bottom: 0px; left: 2px; display: none}
div#divNavigation ul li ul {left: -15px; voice-family: "\"}\""; voice-family:inherit; left: 2px}
div#divNavigation ul li ul li {float: none; position: relative; cursor: hand; cursor: pointer; line-height: 14px; font-family: Verdana; font-size: 8pt; letter-spacing: 0; width: 150px}
div#divNavigation ul li ul li a {text-decoration: none; color: #b1953a}
div#divNavigation ul li ul li a:hover {color: #000000}
div#divNavigation ul li ul li a.clsSelected {color: #000000}
div#divNavigation ul li.clsSelected ul {display: block}
#divBodyContainer {position: relative; top: 14px; left: 0px; width: 990px; height: 442px; min-height: 442px; height: auto; background-color: #efe7ce; margin-bottom: 100px}
#divBodyControlsContainer {position: relative; top: 0px; left: 0px; height: 14px; z-index: 100}
#divBodyControlsContainer #divControlClose {position: absolute; left: 571px; height: 8px; width: 56px; display: none}
#divBodyControlsContainer #divControlOpen {position: absolute; left: 914px; height: 8px; width: 56px; display: block}
body #divFooterContainer {position: fixed; z-index: 99; bottom: 0; padding: 0}
#divFooterContainer {left: 0px; margin: 0; padding: 0; height: 40px; margin-left: auto; margin-right: auto; overflow: hidden; width: 100%; color: #b1953a; font-family: Arial; font-size: 10px; z-index: 200; text-align: center}
#divFooterContainer #divFooterContainerOuter {position: relative; width: 990px; margin-left: auto; margin-right: auto; text-align: center}
#divFooterContainer #divFooterContainerInner {position: relative; top: 0px; left: 0px; width: 990px; padding-top: 15px; height: 25px; background-color: #FFFFFF; text-align: center}
#divFooterContainer #divFooterContainerInner {padding-top: 5px; voice-family: "\"}\""; voice-family:inherit; padding-top: 15px}
#divFooterContainer #divFooterContainerInner a {color: #b1953a}
#divFooterContainer #divFooterContainerInner #divCopyright {position: absolute; left: 50px}
#divFooterContainer #divFooterContainerInner #divFooterNavigation {position: absolute; left: 300px; width: 656px; text-align: right}
#divFooterContainer #divFooterContainerInner #divFooterNavigation a {padding-left: 11px; padding-right: 11px; text-decoration: none}
#divFloorplanContainer {position: absolute; top: 0px; left: 0px}
#divMasterPlanContainer {position: absolute; top: 0px; left: 0px}
#divActivitiesInLosCabosContainer {position: absolute; top: 0px; left: 0px}
#divCurrentPromotions {position:absolute;right:0px;top:-124px;z-index:20;}
#divCurrentPromotions a {background-image:url(../images/sunburst_button.png);width:217px;height:124px;display:block;}
#divCurrentPromotions a:hover {background-image:url(../images/sunburst_button_hover.png) !important;}

/* class selectors */
.clsContentTable {position: relative; background-color: #efe7ce; width: 990px}
.clsContentTable .clsColumn1 {vertical-align: top; position: relative; height: 442px; width: 487px}
.clsContentTable .clsColumn1 img {position: relative; margin: 0; padding: 0; display: inline-block}
*:first-child+html .clsContentTable .clsColumn1 img {display: block} 
* html .clsContentTable .clsColumn1 img {display: block} 
.clsContentTable .clsColumn2 {position: relative; vertical-align: top; top: 0px; left: 0px; height: 442px; width: 503px; background: transparent url(../images/content_background1.gif) repeat-y scroll top left}
.clsContentTable .clsColumn2 .clsHeading {position: relative; margin-top: 68px; margin-left: 61px; height: 42px}
.clsContentTable .clsColumn2 .clsContent {position: relative; margin-top: 12px; margin-left: 63px; margin-right: 60px; margin-bottom: 30px; font-family: Times New Roman, serif; font-size: 11pt}
.clsContent ul {padding: 0; margin: 0; margin-left: 17px; margin-bottom: 15px; list-style-image: url(../images/bullet.gif)}
.clsContent ul li {padding: 0; margin: 0}
.clsSubmitButton {padding: 0; margin: 0; border: 0; padding-right: 12px; display: inline; padding-top: 5px; overflow: visible}