/******************************************************************************* NEARLY ANY AND ALL GLOBAL & DEFAULT STYLES ARE SET IN base.css MOST STYLES CAN BE OVERWRITTEN HERE IN style.css NOTES & THINGS TO KEEP IN MIND ABOUT base.css & style.css: ALL MARGINS & PADDING ARE RESET TO EITHER 0 OR A GLOBAL DEFUALT THAT YOU CAN OVERWRITE IN THIS STYLE SHEET FONT-SIZE IS SET TO A DEFAULT OF 12px FONT-COLOR IS SET TO A DEFAULT OF #333, OVER-WRITE THE COLOR BELOW *******************************************************************************/ @import "base.css"; /* BASIC STRUCTURE *******************************************************************************/ html {} body { background:#e6e2c9; } /*#container, #header, #panel, #main, .sidebar, #sidebar-left, #sidebar-right, #footer { position: relative; }*/ #container { margin:0 auto; width: 970px; background:url(../images/bg_container.jpg); } #home #container { padding: 0; width:970px; min-height: 768px; overflow: hidden; } .col1, .col2, .col3, .col4 { float: left; display: inline; position: relative; } #panel { width:970px; background:url(/assets/images/main-background.jpg) repeat-y; } #home #main {margin-left:expression(38+"px");} /* LINKS - DEFAULT COLORS ARE SET IN BASE.CSS, CHANGE THESE COLORS AS NEEDED. *******************************************************************************/ a:link, a:visited { color: #b4925d; } a:hover { color: #846b44; } /* BASIC FORM STYLES *******************************************************************************/ input, textarea { color: #333; } /* HEADER *******************************************************************************/ #header { padding:15px 0 0 0; height:94px; background:url(/assets/images/home/header-background.jpg) no-repeat top; } #header h1 { display: none; } #header #mainlogo { margin:0 0 0 41px; } #header #mainlogo a { display:block; width:280px; height:93px; background:url(/assets/images/home/header-logo.gif) no-repeat top; text-decoration:none; } #header #mainlogo a span { visibility:hidden } #header #tagline { position: absolute; top: 22px; right: 103px; } #header #header-right { float:right; margin:35px 43px 0 0; width:360px; text-align:right; } *html #header #header-right { margin:35px 20px 0 0; float:right; } #header #header-right #current-temp { padding:0 18px 0 0; color:#8e693c; font:bold 14px times,serif; line-height:18px; } #header #header-right #watch-film { float:right; display:inline; margin:-5px 0 0 10px; padding:0 0 0 0px; border-left:0px solid #d5d0bc; } #header #header-right #watch-film a { display:block; width:188px; height:46px; background:url(/assets/images/home/watchvideo_button.gif) no-repeat top; text-decoration:none; } #header #header-right #watch-film a span { visibility:hidden; } #music-player { float:right; margin:-11px 7px 0 0; } /* MAIN NAV ****************************************************************************** #home #nav-wrap { margin-left:0px !important; } #nav-wrap { margin:0 0 0 38px; width:890px; height:27px; color:#ffffff; background:#48300e url() no-repeat top; } #nav-wrap { margin-left:expression(38+"px"); } */ #home #nav-wrap { margin-left:0px !important; } #nav-wrap { width:890px; height:27px; color:#ffffff; background:#48300e url(/assets/images/home/nav-background.jpg) no-repeat top; } #nav-wrap { margin:0 0 0 38px; } .mainnav li { text-align:center; } .mainnav li ul li { text-align:left; } ._mainnav li.the-story span { position:absolute; left:0; top:0; display:block; height:27px; } ._mainnav li.residences span { position:absolute; left:0; top:0; display:block; height:27px; } ._mainnav li.amenities span { position:absolute; left:0; top:0; display:block; height:27px; } ._mainnav li.amenities span { position:absolute; left:0; top:0; display:block; height:27px; } ._mainnav li.retail span { position:absolute; left:0; top:0; display:block; height:27px; background:transparent url(../images/mainnav.gif); } ._mainnav li.island-life span { position:absolute; left:0; top:0; display:block; height:27px; background:transparent url(../images/mainnav.gif); } .mainnav li.the-story span { z-index:10; position:absolute; left:0; top:0; display:block; height:27px; background:transparent url(/assets/images/nav/mainnav.jpg); background-repeat:no-repeat; background-position:0 0; } .mainnav li.residences span { z-index:10; position:absolute; left:0; top:0; display:block; height:27px; background:transparent url(/assets/images/nav/mainnav.jpg); background-repeat:no-repeat; background-position:-220px 0; } .mainnav li.amenities span { z-index:10; position:absolute; left:0; top:0; display:block; height:27px; background:transparent url(/assets/images/nav/mainnav.jpg); background-repeat:no-repeat; background-position:-374px 0; } .mainnav li.retail span { z-index:10; position:absolute; left:0; top:0; display:block; height:27px; background:transparent url(/assets/images/nav/mainnav.jpg); background-repeat:no-repeat; background-position:-528px 0; } .mainnav li.island-life span { z-index:10; position:absolute; left:0; top:0; display:block; height:27px; background:transparent url(/assets/images/nav/mainnav.jpg); background-repeat:no-repeat; background-position:-658px 0; } .mainnav li.the-story, .mainnav li.the-story a, .mainnav li.the-story span { width:220px; cursor:pointer; } .mainnav li.residences, .mainnav li.residences a, .mainnav li.residences span { width:154px; cursor:pointer; } .mainnav li.amenities, .mainnav li.amenities a, .mainnav li.amenities span { width:154px; cursor:pointer; } .mainnav li.retail, .mainnav li.retail a, .mainnav li.retail span { width:130px; cursor:pointer; } .mainnav li.island-life, .mainnav li.island-life a, .mainnav li.island-life span { width:190px; cursor:pointer; } /*Hover*/ .mainnav li.the-story a:hover span, .mainnav li.the-story a.active span { background-position:0 -27px; } .mainnav li.residences a:hover span, .mainnav li.residences a.active span { background-position:-220px -27px; } .mainnav li.amenities a:hover span, .mainnav li.amenities a.active span { background-position:-374px -27px; } .mainnav li.retail a:hover span, .mainnav li.retail a.active span { background-position:-528px -27px; } .mainnav li.island-life a:hover span, .mainnav li.island-life a.active span { background-position:-658px -27px; } .mainnav { position:absolute; padding:0; list-style-type:none; list-style-position:outside; line-height:23px; } .mainnav ul { position:absolute; margin:0 0 0 -15px; list-style-type:none; list-style-position:outside; line-height:23px; background-color:#8e6934; /*filter:alpha(opacity=95);-moz-opacity:.95;opacity:.95;*/ z-index: 5;} .mainnav a { display:block; padding:0px; color:#FFF !important; font-family:times new roman; font-variant:small-caps; text-decoration:none; opacity:50%; font-size:14px; } .mainnav a:hover { color:#deaf77 !important; } .mainnav ul li a:hover { background-color:#48300e; } .mainnav li { float:left; position:relative; } .mainnav ul { position:absolute; display:none; top:27px; } .mainnav ul, .mainnav ul * { background-image:none !important; } .mainnav li ul a { float:left; padding:6px 0 1px 15px; width:170px !important; font:normal normal normal 11px arial; height:16px; background-color:#8e6934; } .mainnav li.island-life ul { width:185px; } .mainnav ul ul { top:auto; } .mainnav li ul { left:0; } .mainnav li ul ul { left:200px; } .mainnav li ul ul li { margin:0; } .mainnav li:hover ul ul, .mainnav li:hover ul ul ul, .mainnav li:hover ul ul ul ul { display:none; } .mainnav li:hover ul, .mainnav li li:hover ul, .mainnav li li li:hover ul, .mainnav li li li li:hover ul { display:block; } /* CONTENT AREA *******************************************************************************/ #right-side-ads .block { margin:0 0 10px 0; } #left-side-ads .block { margin:0 0 10px 30px; } .content-page { text-align: justify; font-weight: 100; line-height: 20px; padding-right: 20px; } /* SIDE MENUS *******************************************************************************/ #side-menu { float:left; width:232px; } *html #side-menu { margin:0 -3px 0 0; } #side-menu h3 { display:none; } #side-menu ul { margin:0 0 0 15px; } #--side-menu .property_availability { margin:40px 0 0 16px; } #side-menu ul li a { display:block; margin:0; padding:0 0 0 20px; width:194px; height:28px; font-family:times new roman, serif; font-size:1.1em; color:#7e6a49; text-decoration:none; } #--side-menu ul li { display:block; margin:0; padding:0 0 0 16px; width:216px; height:28px; list-style-type:none; } #side-menu ul li { margin:0; padding:0 0 0 0px; width:216px; list-style-type:none; } #side-menu ul li a:hover, #side-menu ul li a:active { color:#325774; outline:none; background:url(/assets/images/nav/twoleaf.gif) no-repeat top left; text-decoration:none; } #side-menu ul ul { margin-bottom:0; } #--side-menu ul li.makai-cottage-collection { margin-bottom:170px; } #--side-menu ul li.living-garden { margin-bottom:60px; } #right-side-menu { background:#; margin:0 30px 0 0; float:right; width:162px; } *html #right-side-menu { margin:0 15px 0 -3px; } #side-menu a.active { color:#325774; outline:none; background:url(/assets/images/nav/twoleaf.gif) no-repeat top left; text-decoration:none; } /* MAIN *******************************************************************************/ #main { margin:0 0 0 38px; width:890px; } #main { margin-left:expression(0); z-index:1;} *html #home #main {margin-top:-598px; } #main #home-image { margin:0; width:890px; height:431px; z-index:-2; } #main #home-image #image-large { margin:0 0 0 0; width:890px; height:431px; z-index:-2; } #main #sub-images { background:pink; margin:0 0 35px 0; width:890px; min-height:5px; } #main #section-gallery { background:#c0bc9f; margin:0 0 35px 0; width:890px; } #main #section-gallery #section-gallery-thumbnails { height:63px; } #main #section-gallery #section-gallery-thumbnails .section-gallery-thumbnail { margin:5px 0 5px 12px; border:2px solid #b0a894; cursor:pointer; } #main #left-column-content { margin:0 0 0 232px; width:628px; } #main #three-column-content { margin:0 0 0 232px; width:466px; } *html #main #three-column-content { margin:0 -3px 0 -3px; } /* SOJ / SOFT JOIN *******************************************************************************/ #soj-wrapper { border:1px solid #48300e; background:#48300e; padding:2px 0 0 0; width:100%; min-height:54px; height:auto !important; height:54px; color:#ffffff; } #home #soj-content { padding-top:expression(12+"px"); width:100%; border-top:1px solid #705b2c; } #soj-wrapper { border-width:expression(0); } #soj-right { padding-top:expression(12+"px"); width:100%; } #soj-left { padding-top:expression(12+"px"); width:100%; } #home .zia-form-element-wrapper { display:inline; float:left; margin:-14px 7px 0 7px; } #home .zia-form-element-wrapper input { margin:0 0 2px 0; padding:4px 0 4px 12px; border:1px solid #877551; background:#bbb595; font-size:11px; } #home .zia-form-element-wrapper input.image { display:inline; float:left; margin:12px 0 0 0; border:none; background:none; } #home .zia-form-element-wrapper label { display:none; } #home .zia-form-element-wrapper ul.errors { margin:0 0 0 15px; padding:0; font-size:11px; } #home #softjoin .softjoin-copy { display:inline; float:left; margin:0 7px 0 22px; font-family:times new roman,serif; font-size:13px; } #home #softjoin { margin:10px 0 0 0; } #soj-right .zia-form-element-wrapper { display:block; } #soj-right .zia-form-element-wrapper input { margin:0 0 -9px 16px; padding:4px 0 4px 4px; border:1px solid #877551; background:#fff; font-size:11px; color:#524120; width:140px; } #soj-right .zia-form-element-wrapper input.image { display:block; margin:12px 0 0 75px; border:none; background:none; width:85px; height:22px; } #soj-right .zia-form-element-wrapper label { display:none; } #soj-right .zia-form-element-wrapper ul.errors { display:block; margin:24px 0 0 16px; padding:0; font-size:11px; } #soj-right #softjoin .softjoin-copy { display:block; margin:0 7px -15px 16px; font-family:times new roman,serif; font-weight:bold; font-size:18px; color:#a98845; } #soj-right #softjoin .softjoin-copy-italic { display:block; margin:0 7px 0 16px; font-family:times new roman,serif; font-style:italic; font-size:17px; color:#a98845; } #soj-right #softjoin .soft-join-title-image { margin:0 0 0 15px; } #soj-left #softjoin { margin:0 0 0 20px; } #soj-left .zia-form-element-wrapper { display:block; } #soj-left .zia-form-element-wrapper input { margin:0 0 -9px 16px; padding:4px 0 4px 4px; border:1px solid #877551; background:#fff; font-size:11px; color:#524120; width:140px; } #soj-left .zia-form-element-wrapper input.image { display:block; margin:12px 0 0 75px; border:none; background:none; width:85px; height:22px; } #soj-left .zia-form-element-wrapper label { display:none; } #soj-left .zia-form-element-wrapper ul.errors { display:block; margin:24px 0 0 16px; padding:0; font-size:11px; } #soj-left #softjoin .softjoin-copy { display:block; margin:0 7px -15px 16px; font-family:times new roman,serif; font-weight:bold; font-size:18px; color:#a98845; } #soj-left #softjoin .softjoin-copy-italic { display:block; margin:0 7px 0 16px; font-family:times new roman,serif; font-style:italic; font-size:17px; color:#a98845; } #soj-left #softjoin .soft-join-title-image { margin:0 0 0 15px; } /* HOME PAGE */ #home #block-user-delta-soft-join ul.errors { background-color:#867B5B; padding:3px; border:1px solid #ccc; text-align:center; position:relative; right:1; list-style-type:none; margin:0 auto 5 auto; width:90%; } #home #block-user-delta-soft-join ul.errors li { display:inline; margin:0 0 0 10px; color:#fff; } /* SUBLEVEL PAGES */ #block-user-delta-soft-join #ErrorBox p { color:#361C03; font-weight:bold; } #block-user-delta-soft-join #ErrorBox { margin:20px 0 0 0; color:#fff; margin-left:0px; background-color:#DEDAB5; opacity: 0.60; filter:alpha(opacity=60); padding:3px; border:1px solid #ccc; text-align:left; } #block-user-delta-soft-join #ErrorBox ul.errors { position:relative; right:1; list-style-type:none; margin:0; width:100%; padding:0; } #block-user-delta-soft-join #ErrorBox ul li { margin:0 0 3px 0; color:#361C03; } #softjoin-form .zia-form-elements ul.errors { display:none; } /* GUEST REGISTRATION FORM *******************************************************************************/ #registry #zia-form-elements { width:700px; height:600px; } #registry form { width:150px; margin:10px 0 15px 0; /* set margin left and right below */ } #registry form, #registry form label, #registry form .checkbox, #registry form .multiCheckbox { font-family:arial,helvetica,clean,sans-serif !important; font-size:12px !important; font-size-adjust:none !important; font-style:normal !important; font-variant:normal !important; font-weight:normal !important; line-height:1.22 !important; } #registry form label { font-size:.95em; } #registry .text { width:200px; } #registry select { width:200px; } #registry input, #registry textarea, #registry select, #registry checkbox { color:#000; vertical-align: middle; margin-bottom:4px; padding-top:1px; padding-left:4px; } #zia-form-element-wrapper-registry_form-referred_by_magazine label.select, #zia-form-element-wrapper-registry_form-referred_by_newspaper label.select, #zia-form-element-wrapper-registry_form-referred_by_other label.select, #zia-form-element-wrapper-registry_form-referred_by_other label.text { display:none; } #registry #zia-form-element-wrapper-registry_form-submit .zia-form-element-wrapper input.image { float:left; background:transparent none repeat scroll 0% 0%; display:inline; float:left; margin:12px 0pt 0pt; } #registry #zia-form-element-wrapper-registry_form-referred_by_magazine { display:block; width:400px; float:left; margin:-15px 0 0px 0; padding:0; } #registry #zia-form-element-wrapper-registry_form-referred_by_newspaper { display:block; width:400px; float:left; margin:-15px 0 0px 0; padding:0; } #registry #zia-form-element-wrapper-registry_form-referred_by_other { display:block; width:400px; float:left; margin:-15px 0 0px 0; padding:0; } #registry #zia-form-element-wrapper-registry_form-contact_method { display:block; width:400px; float:left; margin:-0px 0 0px 0; padding:0; } #registry .zia-form-element-wrapper #zia-form-element-wrapper-registry_form-contact_method .select { height:40px; padding-bottom:5px; } #registry #zia-form-element-wrapper-registry_form-golf_optin .zia-form-element-wrapper { height:40px; padding-top:5px; } #registry #zia-form-element-wrapper-registry_form-golf_optin { width:400px; } #registry #zia-form-element-wrapper-registry_form-submit #submit{ margin-top:20px; background:transparent !important; border:none;} #registry #zia-form-element-wrapper-registry_form-referred_by label { width:400px; } #zia-form-element-wrapper-registry_form-optin .checkbox { border:0px solid green !important; margin:2px 0px 0px 0; } #zia-form-element-wrapper-registry_form-referred_by label { width:400px !important; } #zia-form-element-wrapper-registry_form-optin { width:400px !important; margin:0 0 10px 0; font-weight:bold; } #referred_by_magazine-copy { margin:0 0 -10px 0; font-weight:bold; } #registry .multiCheckbox { border:0px solid green !important; margin:2px 5px 2px 0; } /* BORDERS *******************************************************************************/ .left-border { float:left; margin:0; width:38px; min-height:598px; background:url(/assets/images/home/left-background.jpg) no-repeat top; } .right-border { float:right; margin:0; width:42px; min-height:598px; background:url(/assets/images/home/right-background.jpg) no-repeat top; } .bottom-border { background:url(/assets/images/home/bottom-background.jpg); width:970px; height:43px; } .sublevel-bottom-border { background:url(/assets/images/sublevel/bottom-background.jpg); width:970px; height:50px; } * html #home #container .left-border { margin-right:-3px; height:598px; } * html #container .left-border { margin-right:-41px; height:598px; } * html #container .right-border { margin-left:-3px; height:598px; } * html #main { height:1%; margin-left:38px; margin-right:0; } * html #home-image { height:1%; margin-left:0; margin-right:0; } /* SITEMAP *******************************************************************************/ #sitemap_wrapper #sitemap ul { list-style-type:disc; line-height:1.5em; } #sitemap_wrapper #sitemap ul ul { list-style-type:square; } #sitemap_wrapper #sitemap ul li a:hover, #sitemap_wrapper #sitemap ul li a:active { color:#325774; outline:none; text-decoration:underline; } /* FOOTER *******************************************************************************/ #footer { position:relative; margin:1% 0 5% 0; height:30px; text-align:center; } #footer #footer-menu ul { margin-top:0 !important; margin-bottom:-10px; } #footer #footer-menu ul li { display:inline; padding:0 2px 0 2px; border-right:1px solid #998c66; } #footer #footer-menu ul li.footer-island-life, #footer #footer-menu ul li.footer-contact-us, #footer #footer-menu ul li.footer-hud { border:none !important; } #footer #footer-menu ul li a, #footer #footer-menu ul li a:hover { font-size:11px; color:#998c66; } #footer #footer-menu { margin:0 0 12px 0; padding:0; } #footer #footer-menu a, #footer #footer-menu a:hover { text-decoration:none; } #footer .footer_alt { margin:0; } #footer .footer_alt a, #footer .footer_alt a:hover { text-decoration:none; } #footer .phone { color:#76693d; font:normal 16px times,serif; line-height:24px; } #footer .footer-copy { color:#998c66; font:normal 11px arial,sans-serif; line-height:18px; } /* sIFR *******************************************************************************/ /* DO NOT ADJUST THESE STYLES */ .sIFR-flash { visibility: visible !important; margin: 0; } .sIFR-replaced { visibility: visible !important; } span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } /* Hide Adblock Object tab */ .sIFR-flash + div[adblocktab=true] { display: none !important; } /* YOU CAN ADJUST, ADD OR REMOVE FROM THESE STYLES - Decoy styles are used to hide the browser text before it is replaced */ .sIFR-hasFlash h2 { visibility: hidden; } /*.sIFR-hasFlash h2 { visibility: hidden; }*/ /* WHATS NEW *******************************************************************************/ #home .whats-new-wrapper { color:#48300E; width:890px; height:85px; background:#BEB898 url(/assets/images/home/whats-new-left.jpg) no-repeat 0 0; } #home .whats-new-wrapper .whats-new-online-tools { padding:9px 0 0 0; margin:0 0 0 10px; float:right; width:385px; height:76px; background:#BEB898 url(/assets/images/home/whats-new-right.jpg) no-repeat 0 0; text-align:center; } #home .whats-new-wrapper .body { padding:20px 0 0 30px; font-size:11px; } #left-column-content .whats-new-wrapper { margin:0 0 15px 0; width:100%; height:75px; border-bottom:1px solid #bbb595; } #left-column-content .whats-new-wrapper .inset_image { float:left; } #left-column-content .whats-new-wrapper .whats-new-description { float:left; margin:0 0 0 10px; width:568px } .whats-new-description .title { margin:0 0 2px 0; font:normal normal bold 14px; color:#48300d; } .whats-new-description .subtitle { margin:0 0 2px 0; font-style:italic; font-size:11px; color:#87754f; } .whats-new-description .abstract, .whats-new-description p a { } #whats-new-wrapper { margin:0; padding:15px; } #whats-new-wrapper #title { margin:0 0 5px 0; font:normal normal bold 18px arial; color:#48300d; } #whats-new-wrapper #subtitle { margin:0 0 10px 0; font:italic normal normal 14px arial; color:#48300d; } #whats-new-wrapper p { margin:0; color:#87754f; } #whats-new-wrapper #inset_image { margin:0 15px 0 0; float:left; } /* ARTICLE *******************************************************************************/ #previous-next-controller { border-bottom:1px solid #bbb595; padding:0 0 15px 0; } #previous-next-controller { margin-bottom:expression(25+"px"); } #previous-next-controller a { margin:0 10px 0 0; text-decoration:none; } .article-wrapper { border-top:1px solid #bbb595; padding:20px 0 0 0; margin-top:-1px; } .article-wrapper { margin-top:expression(-26+"px"); padding-bottom:expression(20+"px"); } .article-wrapper img { float:left; } #previous-next-item-1 .article-wrapper { border:none; padding-top:21px; } .article-copy { margin:0 0 20px 150px; width:460px; } .article-copy p { margin:10px 0 0 0; width:460px; } .article-copy .article-title { font:normal normal bold 14px arial; color:#48300d; } .article-copy .article-subtitle { font-style:italic; font-size:14px; color:#87754f; } .article-copy .article-date { margin:0 0 2px 0; font-style:italic; font-size:11px; color:#87754f; } /* MISC. CLASSES & IDS *******************************************************************************/ .sans-serif { font-family:arial,sans-serif; } .error { font-family:times new roman, serif; font-size:1.7em; color:#7e6a49; text-decoration:none; } .copy { text-align:justify; font-weight:100; line-height:20px; padding-right:20px; } .clear {clear:both; } /* SHADOWBOX *******************************************************************************/ #shadowbox_top_close { display:block; padding:5px; background-color:#eae5d2; text-align:right; height:15px; width:100%; } #shadowbox_top_close a { margin:0 20px 0 0px; text-decoration:underline; cursor:pointer; } #shadowbox_nav { display:none; } /* GOLF COURSE DESCRIPTION *******************************************************************************/ #golf-course-description-wrapper { padding:20px; width:687px; background:#efe9c7; border:5px solid #cbc7a8; } /* FLOORPLAN POP UP *******************************************************************************/ #floorplan-pop-up {} #floorplan-pop-up #container { margin:0 auto; width:800px; } #floorplan-pop-up #container .header { width:800px; height:110px; background:url(/assets/images/residences/floorplans/pop-up/header.jpg) no-repeat top; } #floorplan-pop-up #container .header .close-popup { float:right; margin:30px; cursor:pointer; } #floorplan-pop-up #container .main { margin:0 0 32px 0; padding:0 0 32px 0; width:800px; background:#f8f6e8 url(/assets/images/residences/floorplans/pop-up/main-background.gif) no-repeat top; } #floorplan-pop-up #container .main .center-content { display:block; margin:0 0 0 32px; width:720px; } #floorplan-pop-up #container .main .center-content h2 { display:none; }