/* GENERAL ///////////////////////////////////////////////////////////////////////////////// //////////////////////////////////////////////////////////////////////////////////////////*/ body { font-family: Tahoma; font-size: 11px; color:#69a2c7; background:#6793b6 url(../img/design/bg.jpg) repeat-x; background-attachment: fixed; margin: 38px 0 0 0; padding: 0; } a { text-decoration: underline; color:#4f5052; } a:hover { text-decoration: none; background:#e6f5ff; color:#1f5885; } a.pdf { background:url(../img/design/icon_pdf.gif) 0 3px no-repeat; padding-left: 20px; height: 20px; width: 100px; float: left; display: block;} a.pdf:hover { background: #e6f5ff url(../img/design/icon_pdf.gif) 0 3px no-repeat; } #home #shell { width: 900px; background:#fff; margin: 0px auto 10px auto;} #shell { background:#fff url(../img/design/shell_bg_sub.gif); width: 900px; margin: 0px auto 10px auto;} #home h1 { background: none; padding: 0; margin: 0; color:#1f5885;} h1 { background:url(../img/design/icon_starfish.jpg) no-repeat; padding: 10px 0 10px 60px; color:#1f5885; font-family: "Times New Roman"; font-size: 35px;} h2 { color:#3373a6; font-size: 18px;} h3 {color:#3373a6; font-size: 14px; } li { line-height: 180%; color:#717073;} p { line-height: 180%;} hr { border: none; border-bottom: 1px solid #ccc; height: 1px; margin: 40px 0 20px 0; clear:both;} .imgright { float: right; padding: 0 0 10px 15px;} .imgleft { float: left; padding: 0 15px 10px 0;} .required { color:#FF0000;} /* HEAD ///////////////////////////////////////////////////////////////////////////////// //////////////////////////////////////////////////////////////////////////////////////////*/ #home_flash { position: absolute; z-index: 1;} #navigation { margin: 0 auto; width: 900px; height: 28px; text-align: center;} #navigation ul { margin: 12px 0 0 2px; padding: 0; } #navigation ul li { display: inline; margin: 0 16px 0 0;} #navigation ul li a { letter-spacing: -1px; font-weight: bold; text-transform:uppercase ; color:#fff; font-weight: bold; text-decoration: none;} #navigation ul li a:hover {} /* MAIN NAVIGATION WITH DROPDOWN ///////////////////////////////////////////////////////////////////////////////// */ #navshell { display: block; position: absolute; z-index: 300; top: 0; margin: 5px auto 5px auto; width: 901px; height: 28px; } #navshell ul { margin: 0px 0 10px 0; padding: 0; } #navshell ul li { list-style-type: none; position: relative; margin: 0 1px 0 0; float: left; font-weight: bold; } #navshell ul li a { display: inline; font-size: 16px; color:#fff;} #navshell ul li a span { display: none;} #navshell ul li#nhome a { background: url(../img/nav/home1.gif);height: 28px; width: 72px; display: block; } #navshell ul li#nhome a:hover { background: url(../img/nav/home2.gif);} #navshell ul li#nlifestyle a { background: url(../img/nav/lifestyle1.gif);height: 28px; width: 94px; display: block; } #navshell ul li#nlifestyle a:hover { background: url(../img/nav/lifestyle2.gif);} #navshell ul li#nresidences a { background: url(../img/nav/residences1.gif);height: 28px; width: 111px; display: block; } #navshell ul li#nresidences a:hover { background: url(../img/nav/residences2.gif);} #navshell ul li#ndeveloper a { background: url(../img/nav/developer1.gif);height: 28px; width: 140px; display: block; } #navshell ul li#ndeveloper a:hover { background: url(../img/nav/developer2.gif);} #navshell ul li#ncoastalliving a { background: url(../img/nav/coastalliving1.gif);height: 28px; width: 140px; display: block; } #navshell ul li#ncoastalliving a:hover { background: url(../img/nav/coastalliving2.gif);} #navshell ul li#nnews a { background: url(../img/nav/news1.gif);height: 28px; width: 73px; display: block; } #navshell ul li#nnews a:hover { background: url(../img/nav/news2.gif);} #navshell ul li#ncontactus a { background: url(../img/nav/contactus1.gif);height: 28px; width: 111px; display: block; } #navshell ul li#ncontactus a:hover { background: url(../img/nav/contactus2.gif);} #navshell ul li#ncondorentals a { background: url(../img/nav/condorentals1.gif);height: 28px; width: 152px; display: block; } #navshell ul li#ncondorentals a:hover { background: url(../img/nav/condorentals2.gif);} #navshell li ul { position: absolute; z-index: 500; background-color:#CCCCCC; left: 2px; margin-top: 15px; /* Set 1px less than menu width */ top: 0; display: none;} #navshell ul li ul { position: absolute; z-index: 500; background-color:#a0c3da; width: 160px; padding: 5px; padding-top: 15px; margin-top: 28px;margin-left:-2px; } #navshell ul li ul li { margin-bottom: 10px;} #navshell ul li ul li a { width: 150px; background: none; display: block; font-family: arial; font-size: 12px; text-transform:none; text-decoration: none; } #navshell ul li#ncoastalliving ul li a, #navshell ul li#nresidences ul li a, #navshell ul li#nlifestyle ul li a, #navshell ul li#ncontactus ul li a { background: url(../img/nav/icon_starfish.gif) left no-repeat; display: block; width: 125px; padding: 0px 0 0 25px; height: 20px; margin: 0 0 5px 5px; list-style-type: none;} #navshell ul li#ncoastalliving ul li a:hover, #navshell ul li#nresidences ul li a:hover, #navshell ul li#nlifestyle ul li a:hover, #navshell ul li#ncontactus ul li a:hover { background: none; background:#5181a1; } #navshell ul li ul li a:hover { background-color:#5181a1; color:#fff; } /* Holly Hack. IE Requirement \*/ * html #navshell ul li { float: left; height: 1%; } * html #navshell ul li a { height: 1%; } /* End */ #navshell li:hover ul, #navshell li.over ul { display: block; } /* The magic */ /* Fix IE. Hide from IE Mac \*/ * html #navshell ul li { float: left; } * html #navshell ul li a { height: 1%; } /* End */ #home #titlebar { background:url(../img/design/titlebar_home.gif) center no-repeat; height: 34px;} #titlebar { background: #fff url(../img/design/titlebar_sub.gif) center repeat-x; height: 12px;} #home #overlay_header { display: block; position: absolute; z-index: 500; margin: 405px 0 0 0; width: 900px; height: 50px; background:url(../img/design/overlay_homeheader.png);} #overlay_header { position: absolute; margin: 277px 0 0 232px; width: 667px; height: 41px; background:url(../img/design/overlay_subheader.png);} #home #header { width: 900px; height:407px; background:#3b6380;} #header { float: right; width: 667px; height:305px; background:#3b6380;} #home #logo { position: absolute; margin-left: 25px; top: 500px; background: url(../img/design/logo_large.gif) center ; width: 279px; height: 140px; } #logo { z-index: 1; top: 50px; border-bottom: 1px solid #fff; position: absolute; float: left; background: #fff url(../img/design/logo_small.gif) center no-repeat ; width: 225px; height: 151px; } #home #logo a {width: 279px; } #logo a { display: block; width: 225px; height: 150px; } #logo a:hover { background: none; } /* BODY ///////////////////////////////////////////////////////////////////////////////// //////////////////////////////////////////////////////////////////////////////////////////*/ #home #contentShell { display: block; height: 150px; margin: 0 0 25px 0; } #contentShell { display: block; margin-left: 250px; } #home #content_l { display: block; width: 325px; float: left; height: 150px;} #content_l { display: none; width: 265px; float: left; height: 150px;} #home #content_r { float: left; width: 540px; margin: 10px 0 20px 0px; padding: 0 0 0 25px; border-left: 1px solid #b5d4e9;} #content_r { float: left; width: 630px; margin: 0px 0 20px 0px; padding: 0; border: none;} #postcard #content_r strong, #postcard #content_r ul span li { color:#FF0000; font-size: 11px;} fieldset { border: 1px solid #9cc0d8; padding: 10px; margin: 0 0 0px 0; } legend { font-weight: bold; font-size: 17px; color:#4882b0; background:#ebf5fb; border: 1px solid #9cc0d8; margin: 10px 0 0 0; padding: 3px; display: block; width: 250px;} dt { width: 100px; float: left; height: 50px;} dd { height: 50px;} /* CONTENT NAVIGATION -------------------------------------------------------------------------------- */ #home #sub_nav { display: none;} #sub_nav { margin-left: 50px;} #sub_nav ul { text-align: right; border-bottom: 1px solid #d7e8f3; width: 490px; margin: 0 0 15px 60px; padding: 0; padding-bottom: 5px;} #sub_nav ul#slifestyle, #sub_nav ul#sresidences, #sub_nav ul#scoastalliving { display: none;} #lifestyle #sub_nav ul#slifestyle { display: block;} #residences #sub_nav ul#sresidences { display: block;} #coastalliving #sub_nav ul#scoastalliving { display: block;} #lifestyle #sub_nav ul#sgeneral { display: none;} #residences #sub_nav ul#sgeneral { display: none;} #coastalliving #sub_nav ul#sgeneral { display: none;} #sub_nav ul li { display: inline; margin: 0 0 0 15px;} #sub_nav ul li a {} #sub_nav ul li a:hover {} #home #sub_nav2 { display: none; } #sub_nav2 { position: absolute; top: 355px; margin-left: 440px;width: 170px; } #sub_nav2 ul { text-align: right; border-bottom: 1px solid #d7e8f3; margin: 0; padding:0; padding-bottom: 5px; width: 170px;} #sub_nav2 ul li { display: inline; margin: 0 0 0 15px;} #sub_nav2 ul li a { color:#1f5885} #sub_nav2 ul li a:hover { } a:hover { text-decoration: none; background:#e6f5ff; color:#1f5885; } /* ENDCONTENT NAVIGATION -------------------------------------------------------------------------------- */ #tour { width: 185px; text-align: center; float: left; margin: 10px 15px 0 0;} #tour a { font-size: 13px; font-weight: bold; background: none; text-decoration: none; } .nomargin { margin: 0;} #tour a img { margin-bottom: 10px; padding: 3px; border: 1px solid #9cc0d8; } #tour a:hover img { margin-bottom: 10px; padding: 1px; border: 3px solid #1f5885;} #interactive_map { padding: 3px; border: 1px solid #9cc0d8; width: 550px } #phase_download { float: right; background:#e6f1f8; width: 180px; text-align: center; margin: 40px 0 0 20px; padding: 20px 20px 20px 20px; border: 1px solid #9cc0d8; } #phase_download img { margin-bottom: 15px; background:#fff; padding: 10px; border: 1px solid #9cc0d8; } #phase_download a.pdf { font-size: 14px; padding-top: 2px; margin: 0 0 10px 10px; font-weight: bold; width: auto; } #phase_download span { clear: both; display: block; } #contactbox { float: right; background:#e6f1f8; width: 180px; text-align: center; margin: 40px 0 0 20px; padding: 20px 20px 20px 20px; border: 1px solid #9cc0d8; } #contactbox span { clear: both; display: block; } #property { float: left; background:#e6f1f8; width: 190px; text-align: center; margin: 0px 20px 0 0px; padding: 20px; border: 1px solid #9cc0d8; } #property img { margin-bottom: 0px; margin-left: 8px; background:#fff; padding: 10px; border: 1px solid #9cc0d8; } #property h2, #property h3 { margin-bottom: 5px; font-size: 16px;} #property a.pdf { font-size: 14px; padding-top: 2px; margin: 0 0 10px 10px; font-weight: bold; width: auto; } #property p { clear: both; display: block; } #col_l { width: 40%; float: left;} #col_r { width: 40%; float: left; border-left: 1px solid #ccc; margin-left: 40px; padding-left: 40px; } #col_l h2, #col_r h2 { border-bottom: 1px solid #ccc; padding-top: 25px;} ul#postcards { margin: 0; padding:0; } ul#postcards li { list-style: none; margin-right: 20px; float: left;} /* FOOTER ///////////////////////////////////////////////////////////////////////////////// //////////////////////////////////////////////////////////////////////////////////////////*/ #home #ctaShell { position: relative; top: auto; clear: both; width: 900px; background:#d7c0a5 url(../img/design/cta_bg.gif) no-repeat; height: 109px; } #home #ctaShell ul { margin: 0px 0 0 20px; padding: 0 0 0 22px;} #home #ctaShell ul li { float: left;list-style-type: none; margin: 10px 28px 0px 0; } #home #ctaShell ul li#cta_condo { float: left;list-style-type: none; margin: 10px 0px 0px 0; } #home #ctaShell ul li a { display: block;width: 181px; height: 89px;} #ctaShell { width: 225px; background:url(../img/design/cta_bg_sub.gif) no-repeat; height: 309px; position: absolute; top: 200px; } #ctaShell ul { margin: 40px 0 0 0; padding: 0 0 0 22px;} #ctaShell ul li { list-style-type: none; margin: 0 0 30px 0; } #ctaShell ul li a { display: block;width: 181px; height: 89px;} #ctaShell ul li a:hover { cursor: hand;} #ctaShell ul li#cta_brochure a { background: url(../img/design/cta1a.png); } #ctaShell ul li#cta_brochure a:hover { background: url(../img/design/cta1b.png); } #ctaShell ul li#cta_virtual a { background: url(../img/design/cta2a.png); } #ctaShell ul li#cta_virtual a:hover { background: url(../img/design/cta2b.png); } #ctaShell ul li#cta_postcard a { background: url(../img/design/cta3a.png); } #ctaShell ul li#cta_postcard a:hover { background: url(../img/design/cta3b.png); } #ctaShell ul li#cta_condo a { background: url(../img/design/cta4a.png); } #ctaShell ul li#cta_condo a:hover { background: url(../img/design/cta4b.png); } #home #footer { margin:0; background: none; clear: both; height: 50px; padding-top: 0; margin: 5px 0 0px 0;} #home #footer ul { margin: 0; padding: 25px 0 0 15px;} #footer { clear: both; margin: 15px 0 0 0; padding-top: 20px; background: #fff url(../img/design/footer_bg_sub.gif) 0 20px no-repeat; clear: both; height: 60px;} #footer ul { margin: 0; padding: 35px 0 0 15px;} #footer ul li { background:url(../img/design/divfooterli.gif) right no-repeat 3px; padding: 0 8px 0 0; display: inline; margin: 0 5px 0 0;} #footer ul li.noborder { background: none; padding: 0; margin: 0;} #footer ul li.spacing {padding: 0 310px 0 0;} #footer ul li a {} #footer ul li a:hover {} #footerAddress { width: 900px; margin: 10px auto; color:#fff; padding-bottom: 20px;} #footerAddress ul { margin:0 0 0 15px; padding: 0;} #footerAddress ul li {color:#fff; display: inline; margin-right: 15px;}