* { padding:0; margin:0; } .clear { clear:both; } /* wrapper + header */ #wrapper { width:977px; margin:0 auto; } #header { position:relative; background: url('/images/header-background.jpg') no-repeat scroll bottom left; width: 977px; height:70px; } /* #header #now-open { position:absolute; top:15px; right:0px; } #header #now-open a { display:block; text-indent: -999em; overflow:hidden; background: url('/images/contact_us.gif') no-repeat scroll top left; width: 82px; height: 70px; outline:none; } #header #now-open a:hover { background-position: 0 -70px; } */ /* content */ #content { position:relative; background: url('/images/content-background.jpg') repeat-y scroll top left; } #content #logo { position:absolute; top:20px; right:0; } #content-wrapper { padding:2px 0 0 26px; } #content-area { width:855px; min-height:430px; } * html #content-area { height:490px; } .content-area-home { height:490px; } .content-area-splash-page { height:490px; background: url('/images/splash-background.gif') no-repeat scroll top right; } .content-area-floorplans { height:490px; } .content-area-location { height:490px; background:#fff url('/images/location-background.gif') repeat-x scroll top left; } .content-area-location-attractions { height:490px; background:#fff url('/images/location-attractions-background.gif') repeat-x scroll top left; } * html #content-area.content-area-location-attractions { height:483px; background:#fff url('/images/location-attractions-background.gif') repeat-x scroll top left; } html .content-area-location-index { height:490px; background:#5D3E22 url('/images/location-index-background.gif') no-repeat scroll bottom right; height:490px; } .content-area-amenities-index, .content-area-amenities-the-master-baths { height:490px; background: url('/images/amenities_index_background.gif') no-repeat scroll top left; } .content-area-amenities-residences { height:490px; background: url('/images/amenities_residences_background.gif') no-repeat scroll top left; } .content-area-amenities-the-kitchens { height:490px; background: url('/images/amenities_kitchens_background.gif') no-repeat scroll top left; } .content-area-callonjack { height:490px; position:relative; background: url('/images/callonjack-background.jpg') no-repeat scroll top left; height:490px; } .content-area-gallery { height:490px; } .content-area-about { background:#88B3DA; } .content-area-legal { background:#88B3DA; } .content-area-about-index { height:490px; background:#fff url('/images/about-index-background.gif') repeat-x scroll top left; } .content-area-retail { position:relative;padding:0} /*.content-area-contactus { background:#95A155; }*/ .content-area-contactus { background:#88B3DA; } .content-area-residences-index{ height:490px; background: url('/images/amenities_index_background.gif') no-repeat scroll top left; } /* content section shared */ #left-photo-element { padding-left:20px; float:left; } #right-photo-element { float:right; } .content-area-retail #left-photo-element{padding:0} /* home */ #home-page-flash { height:490px; width:855px; position:relative;z-index:10} /* CP Lifestyles Section */ .content-area-lifestyle { height:490px; width: 855px;} .content-area-lifestyle #sub-nav {display: none; } * html #content-area.content-area-lifestyle { height:490px; width: 855px; } .content-area-lifestyle #right { width: 458px; background:url(/images/lifestyles/lifestyles.jpg) top left no-repeat; height: 490px; text-indent:-666em; float: left; border-left: 4px solid #fff;} .content-area-lifestyle #left { width: 339px; padding: 27px 25px 0 29px; float: left; font-family:Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; color: #fff; background-color: #9d9388; height: 463px; } #left h2{ color: #f5ebd1; font-size: 15px; font-weight: normal; padding-bottom: 5px; } #left p {padding-bottom: 27px;} #left p.last {padding-bottom:16px;} #left p.special {padding-top:16px;} #left h1.lifestyles {background:url(/images/lifestyles/lifestyles_header.gif) top left no-repeat; text-indent: -666em; height: 60px;} /* about content section */ .content-area-about {height:490px;} .content-area-about #sub-nav{display:none} #developers-story { padding:0 45px 45px 29px; } #developers-story #intro {font-family:Arial; font-size:12px;color:#fff; font-style:normal; line-height: 15px; font-weight: normal; padding: 0 0 20px 0;} #developers-story .title { font-family:Arial; font-size:12px;color:#603d1d; font-weight:bold; } #developers-story p { color:#fff; font-family:Arial; font-size:12px; padding-bottom:8px; line-height:15px; font-weight:normal;} #developers-story p a { color:#fff; text-decoration:underline; } #developers-story p a:hover { text-decoration:none; } #developers-story h1 { background: url('/images/about-developers-callout.gif') no-repeat bottom left; width: 650px; height: 57px; text-indent:-999em; } #developers-story .teams-on-left { float:left; width:365px; } #developers-story .teams-on-right { float:left; width:365px; padding-left:35px; } #about-content-area { float:left; padding-left:30px; width:333px; } #about-content-area h1 { padding-bottom:15px; background: url('/images/about-index-callout.gif') no-repeat scroll top left; width: 333px; height: 102px; text-indent:-999em; } #about-content-area p { color:#fff; font-family:Arial; font-size:12px; padding-bottom:8px; line-height:15px; } #teams {padding-top: 12px;} /* legal content section */ .content-area-legal {height:auto;} .content-area-legal #sub-nav{display:none} #developers-story { padding:0 45px 45px 29px; } #developers-story #intro {font-family:Arial; font-size:12px;color:#fff; font-style:normal; line-height: 15px; font-weight: normal; padding: 0 0 20px 0;} #developers-story .title { font-family:Arial; font-size:12px;color:#603d1d; font-weight:bold; } #developers-story p { color:#fff; font-family:Arial; font-size:12px; padding-bottom:8px; line-height:15px; font-weight:normal;} #developers-story p a { color:#fff; text-decoration:underline; } #developers-story p a:hover { text-decoration:none; } #developers-story .teams-on-left { float:left; width:365px; } #developers-story .teams-on-right { float:left; width:365px; padding-left:35px; } #legal-content-area { float:left; padding-left:30px; width:333px; } #legal-content-area h1 { padding-bottom:15px; background: url('/images/legal-index-callout.gif') no-repeat scroll top left; width: 333px; height: 102px; text-indent:-999em; } #legal-content-area p { color:#fff; font-family:Arial; font-size:12px; padding-bottom:8px; line-height:15px; } #teams {padding-top: 12px;} /* contact-us content section */ #contactus-content-area { padding:0 0px 45px 45px; } #contactus-content-area h1 { padding-bottom:15px; background: url('/images/contactus-callout.gif') no-repeat scroll top left; width: 427px; height: 33px; text-indent:-999em; } #contactus-content-area p { color:#fff; font-family:Arial; font-size:12px; padding-bottom:8px; line-height:15px; } #contactus-content-area #address-photo-info { width:325px; float:left; } #contactus-content-area #contact-form { width:465px; float:left; } /* floor-plans content section */ #floor-plan-residences-content-area { float:left; padding-left:30px; width:333px; } #floor-plan-residences-content-area h1 { padding-bottom:15px; background: url('/images/floor-plans-residences-callout.gif') no-repeat scroll top left; width: 330px; height: 27px; text-indent:-999em; } #floor-plan-residences-content-area h2 { font-family:Arial; color:#603d1d; font-size:12px; padding-bottom:8px; line-height:18px; font-weight:bold; } #floor-plan-residences-content-area p { color:#fff; font-family:Arial; font-size:12px; padding-bottom:8px; line-height:15px; } #floor-plan-residences-content-area #take-a-tour { margin-top:3px; background: url('/images/take-a-tour-btn.jpg') no-repeat scroll top left; width:125px; height:90px; cursor:pointer; } #floor-plan-residences-content-area #take-a-tour a { display:block; padding:0 0 0 100px; width:125px; height:90px; text-decoration:none; outline:none; } #floor-plan-residences-content-area #take-a-tour .title { color:#EEE1BF; font-family:Arial; font-size:14px; } #floor-plans-flash { width:855px; height:490px; } /* location */ #location-attractions-flash { height:312px; } #location-attractions-content-area { padding:0 20px 0 28px; height:116px; border-bottom:5px solid white; } * html #location-attractions-content-area { padding:0 20px 8px 28px; height:116px; border-bottom:5px solid white; } #location-attractions-content-area h1 { background: url('/images/location-attractions-callout.gif') no-repeat scroll top left; width: 520px; height: 27px; padding-bottom:11px; text-indent:-999em; } #location-attractions-content-area p { color:#fff; font-family:Arial; font-size:12px; padding-bottom:8px; line-height:15px; margin-left: 2px; } #location-attractions-content-area .attraction-list { width:362px; color:#5D3E22; font-family:Arial; font-size:12px; padding-bottom:8px; line-height:15px; } #location-attractions-content-area .attraction-list ul { padding-top:20px; } #location-attractions-content-area .attraction-list ul li { list-style-type:none; } #location-attractions-content-area .attraction-list ul li.title { font-weight:bold; } #location-attractions-content-area .attraction-list ul li.address { padding-bottom:10px; } #location-attractions-content-area .attraction-list .attraction-columns { } #location-attractions-content-area .attraction-list .attraction-columns .left-list { width:200px; float:left; } #location-attractions-content-area .attraction-list .attraction-columns .right-list { width:150px; float:left; } #location-index-content-area { position:relative; padding:0 0 20px 45px; } #location-index-content-area h1 { background: url('/images/location-attractions-callout.gif') no-repeat scroll top left; width: 362px; height: 69px; padding-bottom:15px; text-indent:-999em; } #location-index-content-area h2 { color:#fff; font-family:Arial; font-weight:bold; font-size:12px; padding-bottom:12px; line-height:18px; width:360px; } #location-index-content-area p { color:#fff; font-family:Arial; font-size:12px; padding-bottom:8px; line-height:15px; width:360px; } #location-index-content-area #large-image { position:absolute; z-index:1; top:0; right:0; width:395px; height:230px; } #location-index-content-area #small-image { position:absolute; z-index:2; top:211px; right:90px; width:135px; height:120px; } #location-area-map-content-area { } /* callonjack */ #callonjack-content-area { position:relative; width:345px; padding:22px 24px; background-color:#8DB8D8; } #callonjack-content-area h1 { background: url('/images/callonjack-callout.gif') no-repeat scroll top left; width: 234px; height: 27px; padding-bottom:16px; text-indent:-999em; } #callonjack-content-area h2 { color:#fff; font-family:Arial; font-weight:bold; font-size:12px; padding-bottom:12px; line-height:18px; } #callonjack-content-area p { font-family:Arial; font-size:12px; color:#32373A; padding-bottom:10px; } #callonjack-content-area p.jacktext { font-size: 13px; line-height: 19px; padding-bottom:14px;} #callonjack-content-area p.disclaimer { font-family:Arial; font-size:9px; color:#453728; padding-bottom:0px; } #jack-logo { position:absolute; bottom:31px; left:0px; width:171px; height:30px; } #login-button { position:absolute; bottom:0px; left:0px; width: 171px; height: 30px; } /* splash */ #splash-photo-element { width:420px; float:left; } #splash-content-area { width:333px; float:left; padding:55px 36px 0 28px; } #splash-content-area h1 { background: url('/images/splash-callout.gif') no-repeat scroll top left; width:371px; height:65px; padding-bottom:15px; text-indent:-999em; } #splash-content-area p { color:#9D9388; font-family:arial; font-size:12px; line-height:16px; } #splash-content-area p.learn-more { color:#8D8C50; font-family:arial; font-size:14px; padding-top:15px; line-height:18px; } #splash-content-area #request-form { padding-top:15px; } #splash-content-area #request-form label { width:80px; float:left; padding:5px 0 0 0; } #splash-content-area #request-form .field { padding:4px 0; color:#9D9388; font-family:arial; font-size:12px; } #splash-content-area #request-form #submit-button { text-align:right; padding:10px; width:294px; color:#9D9388; font-family:arial; font-size:12px; } #splash-content-area #request-form #error-message { color:#c00; border:2px solid #9D9388; padding:8px; background:#fff; margin-bottom:15px; font-size:14px; } #splash-content-area #splash-submit-button { cursor:pointer; text-indent: -999em; overflow: hidden; background: url('/images/splash-submit-btn.png') no-repeat scroll top left; width: 71px; height: 27px; } #splash-content-area #splash-submit-button:hover { background-position: 0 -27px; } /* residences */ #residences-index-content-area { padding:0 20px 20px 45px; } #residences-index-copy ul { width:310px; } #residences-index-copy li { list-style-type:none; color:#9D9388; font-family:arial; font-size:12px; line-height:16px; background: url('/images/amenities_bullet.gif') no-repeat scroll 0px 3px; padding-left:15px; } #residences-index-copy p { color:#9D9388; font-family:arial; font-size:12px; line-height:16px; padding-bottom:12px; width:280px; } #residences-index-copy p a { color:#8C8B4F; text-decoration:none; padding-right:12px;} #residences-index-copy p a:hover { text-decoration:underline; background: url('/images/link-arrow.gif') no-repeat scroll 100% 70%; } #residences-index-copy h1.index { background: url('/images/residences-index-callout.gif') no-repeat scroll top left; width:280px; height:33px; padding-bottom:5px; text-indent:-999em; } #residences-index-copy h1.residences{ background: url('/images/residences-index-callout.gif') no-repeat scroll top left; width:280px; height:33px; padding-bottom:5px; text-indent:-999em; } #residences-index-copy h1.kitchens { background: url('/images/kitchens-index-callout.gif') no-repeat scroll top left; width:280px; height:33px; padding-bottom:5px; text-indent:-999em; } #residences-index-copy h1.bathrooms { background: url('/images/bathrooms-index-callout.gif') no-repeat scroll top left; width:280px; height:33px; padding-bottom:5px; text-indent:-999em; } #residences-index-copy h2 { color:#5C3D21; font-family:Arial; font-weight:bold; font-size:12px; line-height:18px; } #residences-index-copy h2.sub-title { padding-top:8px; } #residences_text { height: 342px;width:310px;overflow-y:hidden;} #residences_text .scroll-content {padding-right:30px;} /* galleries */ #gallery-content-area { padding:30px 30px 10px 45px; width:600px; } #gallery-content-area img { margin:0 20px 20px 0; } #gallery-content-area a { outline:none; } /* contact us */ #contact-form { padding-top:15px; } #contact-form label { width:125px; float:left; padding:5px 0 0 0; } #contact-form .field { padding:4px 0; color:#fff; font-family:arial; font-size:12px; } #contact-form .selectbox, #contact-form .inputbox, #contact-form .comments { width:221px; } #contact-form .contact-form-instructions { padding:4px 120px 4px 0; color:#fff; font-family:arial; font-size:12px; text-align:right; } #contact-form #submit-button { padding-top:10px; width:294px; color:#fff; font-family:arial; font-size:12px; } #contact-form #error-message { color:#c00; border:2px solid #9D9388; padding:8px; background:#fff; margin-bottom:15px; font-size:14px; } /* navigation */ #header ul.nav { width:100%; height:70px; } #header ul.nav li { float:left; list-style-type:none; } html #header ul.nav li.selected a, html #header ul.nav li.selected a:hover { background-position: 0 -70px; } #header ul.nav li a { display: block; height: 70px; text-indent: -999em; overflow: hidden; background-position: 0 0; background-repeat: no-repeat; outline:none; } #header ul.nav li a:hover { background-position: 0 -70px; } #header ul.nav .home a { width:56px; background: url('/images/nav_home.gif'); } #header ul.nav .lifestyle a { width:96px; background: url('/images/nav_cp_lifestyles.gif'); } #header ul.nav .residences a { width:99px; background: url('/images/nav_residences.gif'); } #header ul.nav .floor-plans a { width:97px; background: url('/images/nav_floor_plans.gif'); } #header ul.nav .location a { width:81px; background: url('/images/nav_location.gif'); } #header ul.nav .amenities a { width:89px; background: url('/images/nav_amenities.gif'); } #header ul.nav .call-on-jack a { width:116px; background: url('/images/nav_call_on_jack.gif'); } #header ul.nav .gallery a { width:69px; background: url('/images/nav_gallery.gif'); } /*#header ul.nav .about a { width:129px; background: url('/images/nav_developer_story.gif'); }*/ #header ul.nav .retail a { width:62px; background: url('/images/nav_retail.gif'); } #header ul.nav .team a { width:61px; background: url('/images/nav_team.gif'); } #header ul.nav .contact a { width:75px; background: url('/images/nav_contact_us.gif'); } #header ul.nav .availabilities a { width:107px; background: url('/images/nav_availabilities.gif'); } .sub-nav-retail{display:none} /* sub-nav */ #sub-nav { height:58px; width:855px; } html .sub-nav-floorplans { } html .sub-nav-location { } html .sub-nav-gallery { background:#9D9388; } html .sub-nav-retail { } #sub-nav ul.nav { padding-left:24px; } #sub-nav ul.nav li { float:left; list-style-type:none; } html #sub-nav ul.nav li.selected a, html #sub-nav ul.nav li.selected a:hover { background-position: 0 0; } #sub-nav ul.nav li a { width:139px; display: block; height: 38px; text-indent: -999em; overflow: hidden; background-position: 0 -38px; background-repeat: no-repeat; outline:none; } #sub-nav ul.nav li a:hover { background-position: 0 0; } #sub-nav ul.nav .floorplans-residences a { background-image: url('/images/subnav/floorplans/subnav_residences.gif'); } #sub-nav ul.nav .floorplans-index a { background-image: url('/images/subnav/floorplans/subnav_floor_plans.gif'); } #sub-nav ul.nav .location-index a { background-image: url('/images/subnav/location/subnav_location.gif'); } #sub-nav ul.nav .location-area-map a { background-image: url('/images/subnav/location/subnav_area_map.gif'); } #sub-nav ul.nav .location-text { padding-top:10px; } #sub-nav ul.nav .location-attractions a { background-image: url('/images/subnav/location/subnav_attractions.gif'); } #sub-nav ul.nav .about-index a { background-image: url('/images/subnav/about/about_index.gif'); } #sub-nav ul.nav .about-developers a { background-image: url('/images/subnav/about/about_developer.gif'); } #sub-nav ul.nav .amenities-index a { background-image: url('/images/subnav/amenities/subnav_amenities.gif'); } #sub-nav ul.nav .amenities-residences a { background-image: url('/images/subnav/amenities/subnav_residences.gif'); } #sub-nav ul.nav .amenities-the-kitchens a { background-image: url('/images/subnav/amenities/subnav_the_kitchens.gif'); } #sub-nav ul.nav .amenities-the-master-baths a { background-image: url('/images/subnav/amenities/subnav_the_master_baths.gif'); } #sub-nav ul.nav .amenities-secondary-baths a { background-image: url('/images/subnav/amenities/subnav_secondary_baths.gif'); } #sub-nav ul.nav .gallery-residences a { background-image: url('/images/subnav/gallery/gallery_residences.gif'); } #sub-nav ul.nav .gallery-amenities a { background-image: url('/images/subnav/gallery/gallery_amenities.gif'); } #sub-nav ul.nav .gallery-neighborhood a { background-image: url('/images/subnav/gallery/gallery_neighborhood.gif'); } /* footer */ #footer { padding:0 0 0 7px; font-family:arial; color:#9D9387; font-size:12px; position:relative; } #footer #copyright{position:absolute;top:0;right:75px} #footer .title { font-size:13px; font-weight:normal; padding-bottom:25px; } #footer .pipe { color:#A6C7DF; } #footer .footer-links { height:16px; padding:0; color:#A6C7DF; } #footer .footer-links ul li { float:left; list-style-type:none; padding-right:15px; } #footer .footer-links a { color:#5F92BF; font-size:12px; text-decoration:none; padding:5px 0; outline:none; } #footer .footer-links a:hover { text-decoration:underline; } #footer .footer-address { clear:all;padding-top:16px } #footer .footer-copyright {clear:all;padding-top:16px; width: 400px; float:left;} #footer .footer-images {float: right; width: 400px;} #footer .footer-images img {border: none; float: right; margin-right: 75px;} /*#footer img { position:absolute; top:20px; right:0; }*/