/* ============= Global Settings ============= */ * { padding: 0; margin: 0; border: 0; } body { background: #fff; } /* ============= Links ============= */ a, a:visited { text-decoration: underline; color: #5F4C3B; } a:hover { text-decoration: underline; color: #5F4C3B; } /* ============= Global Classes ============= */ .clear { clear: both; } .left { float: left; } .right { float: right; } .center { text-align: center; } p { margin: 0 0 20px 0; } h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; color: #B73E36; } h1 { font-size: 19px; font-weight: normal; padding: 0 0 10px 0; letter-spacing: .5px; line-height: 25px; } h2 { font-size: 16px; font-weight: normal; padding: 0 0 10px 0; } h3 { font-size: 12px; font-weight: bold; padding: 0 0 0 0; margin: 0; text-transform: uppercase; } h4 { } h5 { } h6 { } /* ============= Structure ============= */ #wrapper { width: 100%; } #top-container { width: 965px; margin: 0 auto; padding: 0 0 0 20px; } #top-container #logo { float: left; width: 209px; height: 120px; } #top-container #nav { float: right; width: 695px; height: 120px; } #top-container #nav #bar { width: 695px; height: 12px; background: #604D3C; font-size: 0; line-height: 0; margin: 0 0 0 0; } #top-container #nav #top-nav { margin: 0 0 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #b83d38; } #top-container #nav #top-nav .links { float: left; margin: 10px 0 0 0; } #top-container #nav #top-nav .number { float: right; background: #c85349; color: #ffffff; padding: 4px 6px; font-size: 11px; } #top-container #nav #top-nav a { color: #b83d38; text-decoration: none; } #top-container #nav #top-nav a:hover { color: #604D3C; } #top-container #nav #main-nav { width: 674px; margin: 40px 0 0 0; } #top-container #nav #main-nav a.floorplans { display: block; float: left; width: 75px; height: 22px; background: url('/images/nav-floorplans-off.gif') no-repeat; } #top-container #nav #main-nav a.floorplans:hover { background: url('/images/nav-floorplans-on.gif') no-repeat; } #top-container #nav #main-nav a.floorplans-down { display: block; float: left; width: 75px; height: 22px; background: url('/images/nav-floorplans-on.gif') no-repeat; } #top-container #nav #main-nav a.amenities { display: block; float: left; width: 129px; height: 22px; background: url('/images/nav-amenities-off.gif') no-repeat; } #top-container #nav #main-nav a.amenities:hover { background: url('/images/nav-amenities-on.gif') no-repeat; } #top-container #nav #main-nav a.amenities-down { display: block; float: left; width: 129px; height: 22px; background: url('/images/nav-amenities-on.gif') no-repeat; } #top-container #nav #main-nav a.neighborhood { display: block; float: left; width: 93px; height: 22px; background: url('/images/nav-neighborhood-off.gif') no-repeat; } #top-container #nav #main-nav a.neighborhood:hover { background: url('/images/nav-neighborhood-on.gif') no-repeat; } #top-container #nav #main-nav a.neighborhood-down { display: block; float: left; width: 93px; height: 22px; background: url('/images/nav-neighborhood-on.gif') no-repeat; } #top-container #nav #main-nav a.gallery { display: block; float: left; width: 92px; height: 22px; background: url('/images/nav-gallery-off.gif') no-repeat; } #top-container #nav #main-nav a.gallery:hover { background: url('/images/nav-gallery-on.gif') no-repeat; } #top-container #nav #main-nav a.gallery-down { display: block; float: left; width: 92px; height: 22px; background: url('/images/nav-gallery-on.gif') no-repeat; } #top-container #nav #main-nav a.map { display: block; float: left; width: 99px; height: 22px; background: url('/images/nav-map-off.gif') no-repeat; } #top-container #nav #main-nav a.map:hover { background: url('/images/nav-map-on.gif') no-repeat; } #top-container #nav #main-nav a.map-down { display: block; float: left; width: 99px; height: 22px; background: url('/images/nav-map-on.gif') no-repeat; } #top-container #nav #main-nav a.contact { display: block; float: left; width: 73px; height: 22px; background: url('/images/nav-contact-off.gif') no-repeat; } #top-container #nav #main-nav a.contact:hover { background: url('/images/nav-contact-on.gif') no-repeat; } #top-container #nav #main-nav a.contact-down { display: block; float: left; width: 73px; height: 22px; background: url('/images/nav-contact-on.gif') no-repeat; } #top-container #nav #main-nav a.faqs { display: block; float: left; width: 35px; height: 22px; background: url('/images/nav-faqs-off.gif') no-repeat; } #top-container #nav #main-nav a.faqs:hover { background: url('/images/nav-faqs-on.gif') no-repeat; } #top-container #nav #main-nav a.faqs-down { display: block; float: left; width: 35px; height: 22px; background: url('/images/nav-faqs-on.gif') no-repeat; } #home-flash-temp { width: 100%; height: 550px; text-align: center; background: url('/images/photo-homepage.jpg') top center no-repeat #ffffff; } #home-flash-temp a.dummy-link { display: block; width: 100px; height: 30px; margin: 0 auto; position: relative; top: 142px; left: -425px; } #home-flash-container { width: 100%; height: 301px; text-align: center; margin: 0; } #home-flash { } #home-text-container { width: 100%; background: #f4efd7; padding: 0 0 50px 0; } #home-text-container #home-content { width: 965px; margin: 0 auto; padding: 30px 30px 0 30px; font: 12px/20px Arial, Helvetica, sans-serif; color: #5F4C3B; } #home-text-container #home-content .header { float: left; width: 265px; } #home-text-container #home-content .text { position: relative; float: left; width: 700px; } #tools-container { width: 100%; height: 46px; margin: 0 auto 0 auto; background: url('/images/bg-tools.gif') top center no-repeat; } #tools { width: 965px; margin: 0 auto; } #tools #follow { float: left; margin: 14px 0 0 0; height: 32px; cursor: pointer; } #tools #follow-flyout { position: relative; display: none; float: left; width: 411px; height: 32px; padding: 14px 0 0 0; margin: 0; background: url('/images/bg-flyout.gif') repeat-x; } #tools #follow-flyout .vr { float: left; width: 1px; } #tools #follow-flyout .share { float: left; width: 170px; } #tools #follow-flyout .sites { float: left; width: 240px; } #tools #follow-flyout .sites ul { list-style: none; } #tools #follow-flyout .sites ul li { float: left; } #tools #follow-flyout .sites ul li.text { padding: 5px 10px 0 15px; font: 11px/normal Arial, Helvetica, sans-serif; color: #f4efd7; } #tools #follow-flyout .sites ul li a.fb { display: block; padding: 0; margin: 2px 7px 0 0; width: 16px; height: 16px; background: url('/images/fb-off.gif') no-repeat; } #tools #follow-flyout .sites ul li a.fb:hover { background: url('/images/fb-on.gif') no-repeat; } #tools #follow-flyout .sites ul li a.y { display: block; padding: 0; margin: 2px 7px 0 0; width: 16px; height: 16px; background: url('/images/yelp-off.gif') no-repeat; } #tools #follow-flyout .sites ul li a.y:hover { background: url('/images/yelp-on.gif') no-repeat; } #tools #follow-flyout .sites ul li a.t { display: block; padding: 0; margin: 2px 7px 0 0; width: 16px; height: 16px; background: url('/images/t-off.gif') no-repeat; } #tools #follow-flyout .sites ul li a.t:hover { background: url('/images/t-on.gif') no-repeat; } #tools #follow-flyout .sites ul li a.li { display: block; padding: 0; margin: 2px 7px 0 0; width: 16px; height: 16px; background: url('/images/li-off.gif') no-repeat; } #tools #follow-flyout .sites ul li a.li:hover { background: url('/images/li-on.gif') no-repeat; } #photo { width: 100%; height: 132px; text-align: center; } .floorplans { background: url('/images/photo-floorplans.jpg') top center no-repeat; } .bozzuto { background: url('/images/photo-floorplans.jpg') top center no-repeat; } .residents { background: url('/images/photo-floorplans.jpg') top center no-repeat; } .amenities { background: url('/images/photo-amenities.jpg') top center no-repeat; } .neighborhood { background: url('/images/photo-neighborhood.jpg') top center no-repeat; } .gallery { background: url('/images/photo-gallery.jpg') top center no-repeat; } .map { background: url('/images/photo-map.jpg') top center no-repeat; } .contact { background: url('/images/photo-contact.jpg') top center no-repeat; } .faqs { background: url('/images/photo-faqs.jpg') top center no-repeat; } .announcements { background: url('/images/photo-gallery.jpg') top center no-repeat; } #main-container { width: 100%; background: url('/images/bg-content.jpg') bottom left repeat-x #F4EFD7; } #main-container #content-with-swoosh { width: 100%; border-top: 1px solid #ebdecb; } #main-container #content-with-swoosh #content { width: 965px; padding: 0 0 30px 0; margin: 0 auto; min-height: 130px; height: auto !important; height: 130px; font: 12px/20px Arial, Helvetica, sans-serif; color: #5F4C3B; } #main-container #content-with-swoosh #content ul { margin: 0 0 0 0; padding: 0 0 0 0; } #main-container #content-with-swoosh #content #fullwidth { width: 965px; margin: 36px 0 0 12px; } #main-container #content-with-swoosh #content #fullwidth h1 { margin: 0 0 0 270px; } #main-container #content-with-swoosh #content #header { float: left; width: 270px; padding: 36px 0 0 12px; } #main-container #content-with-swoosh #content #text { float: left; width: 400px; margin: 0 50px 0 0; padding: 36px 0 0 0; } #main-container #content-with-swoosh #content #text.expanded { width: 620px; margin: 0 13px 0 0; padding: 36px 0 0 0; } #main-container #content-with-swoosh #content #right-column { float: left; width: 220px; margin: 0 13px 0 0; padding: 36px 0 0 0; } #main-container #content-with-swoosh #content #right-column ul { margin: 4px 0 20px 16px; padding: 0 0 0 0; } #main-container #content-with-swoosh #content #right-column li { font-size: 11px; line-height: 18px; margin: 0 0 0 0; padding: 0 0 0 0; } #main-container #content-with-swoosh #content ul { margin: 0 0 30px 15px; padding: 0 0 0 0; } * html #main-container #content-with-swoosh #content #header { float: left; width: 270px; margin: 0 0 0 6px; } * html #main-container #content-with-swoosh #content #right-column { float: left; width: 220px; margin: 0 0px 0 0; } #main-container #bottom-bg { width: 100%; height: 99px; } #main-container #content-with-swoosh #content .half-col-left { float: left; width: 190px; margin: 0 20px 0 0; } #main-container #content-with-swoosh #content .half-col-mid { float: left; width: 190px; margin: 0 20px 0 0; } #main-container #content-with-swoosh #content .half-col-right { float: left; width: 190px; } #footer { width: 695px; margin: 0 auto; padding: 0 0 0 270px; } #footer #contact { float: left; width: 452px; padding: 12px 0 30px 0; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #b83d38; } #footer #imgs { float: right; width: 163px; margin: 9px 80px 0 0; } #leftcol-hack { width: 230px } #leftcol-hack ul { margin: 4px 0 20px 16px; padding: 0 0 0 0; } #leftcol-hack li { font-size: 11px; line-height: 18px; margin: 0 0 0 0; padding: 0 0 0 0; } /* ============= Gallery ============= */ #gallery-container { width: 884px; } #gallery-container #navigation { float: left; width: 250px; margin: 0 20px 0 0; } * html #gallery-container #navigation { float: left; width: 250px; margin: 0 10px 0 0; } #gallery-container #navigation ul { margin: 0; padding: 0; list-style: none; } #gallery-container #navigation li { float: left; display: block; width: 64px; height: 64px; border: 4px solid #604d3c; font-size: 0; line-height: 0; margin: 0 4px 4px 0; padding: 0 0 0 0; } #gallery-container #navigation li:hover { border: 4px solid #f4efd7; } #gallery-container #navigation .bottom { text-align: right; color: #F4EFD7; padding: 0 15px 0 0; } #gallery-container #navigation .bottom a { color: #F4EFD7; margin: 0 4px; text-decoration: none; } #gallery-container #navigation .bottom a:hover { color: #604D3C; text-decoration: none; } #gallery-container #navigation .bottom strong { margin: 0 4px; } #gallery-container #gallery { float: left; width: 614px; } #gallery-container #gallery #photo-container { padding: 4px 4px 0 4px; background: #604d3c; } #gallery-container #gallery #photo-container #slideshow { width: 604px; border: 1px solid #ffffff; } #gallery-container #gallery #photo-container #photo-nav { height: 26px; padding: 0 0 0 0; background: #604d3c; } #gallery-container #gallery #photo-container #photo-nav a.prev { float: left; display: block; width: 30px; height: 26px; background: url('/images/gallery-prev-off.gif') no-repeat; } #gallery-container #gallery #photo-container #photo-nav a.prev:hover { background: url('/images/gallery-prev-on.gif') no-repeat; } #gallery-container #gallery #photo-container #photo-nav a.next { float: left; display: block; width: 30px; height: 26px; background: url('/images/gallery-next-off.gif') no-repeat; } #gallery-container #gallery #photo-container #photo-nav a.next:hover { background: url('/images/gallery-next-on.gif') no-repeat; } /* ============= Contact Form ============= */ /* ============= Misc ============= */ .img-border { border: 1px solid #5F4C3B; } .view-pdf { margin: 0 0 7px 0; } .disclaimer { font-size: 10px; font-style: italic; } .caption { text-align: center; font-size: 11px; font-style: italic; } #floorplan-browser-container { width: 965; height: 450px; text-align: center; margin: 0; } #floorplan-browser { } /* ============ Neighborhood ===========*/ #map-retail{padding-top:22px;padding-bottom:43px;} #map-retail h2{display:none} #map-retail ul{padding:0;margin:0;position:relative;background:url('/images/retail.gif');width:326px; height:193px;list-style-type:none;} #map-retail ul li{margin:0;padding:0;position:absolute} #map-retail li {cursor:pointer;text-indent:-666em;overflow:hidden;width:154px;height:34px} #map-retail li a{display:block;text-indent:-666em;overflow:hidden;} #map-retail li.reddoorspas{left:0px;top:0px;width:155px;height:108px;} #map-retail li.reddoorspas a{width:155px;height:108px;} #map-retail li.lulumon{left:0px;top:52px;width:154px;height:35px;} #map-retail li.lulumon a{width:154px;height:35px;} #map-retail li.brooksbrothers{left:0px;top:102px;width:153px;height:40px;} #map-retail li.brooksbrothers a{width:153px;height:40px;} #map-retail li.leondardtown{left:0px;top:157px;width:153px;height:38px;} #map-retail li.leondardtown a{width:153px;height:38px;} #map-retail li.surlatable{left:172px;top:0px;width:135px;height:57px;} #map-retail li.surlatable a {width:135px;height:57px;} #map-retail li.wholefoods{left:172px;top:74px;width:89px;height:57px;} #map-retail li.wholefoods a{width:89px;height:57px;} #map-retail li.target{left:276px;top:74px;width:47px;height:57px;} #map-retail li.target a{width:47px;height:57px;} #map-retail li.anthropologie{left:172px;top:147px;width:153px;height:25px;} #map-retail li.anthropologie a{width:153px;height:25px;} #map-restaurants{padding-top:22px;padding-bottom:40px;} #map-restaurants h2{display:none} #map-restaurants ul{padding:0;margin:0;position:relative;background:url('/images/restaurants.gif');width:274px; height:143px;list-style-type:none;} #map-restaurants ul li{margin:0;padding:0;position:absolute} #map-restaurants li {cursor:pointer;} #map-restaurants li a{display:block;text-indent:-666em;overflow:hidden;} #map-restaurants li.thechophouse{left:0px;top:0px;width:39px;height:64px} #map-restaurants li.thechophouse a {width:39px;height:64px;} #map-restaurants li.gordonbiersch{left:53px;top:0px;width:100px;height:64px} #map-restaurants li.gordonbiersch a {width:100px;height:64px;} #map-restaurants li.pfchangs{left:165px;top:0px;height:64px;width:110px;} #map-restaurants li.pfchangs a {width:64px;height:110px;} #map-restaurants li.realseafood{left:0px;top:84px;width:58px;height:58px} #map-restaurants li.realseafood a {width:58px;height:58px;} #map-restaurants li.brio{left:79px;top:84px;width:95px;height:58px} #map-restaurants li.brio a {width:95px;height:58px;} .expanded {position:relative;} h2.phone-number {top: 140px;left: -266px;letter-spacing: -1px;position: absolute;font-size: 24px;} #footer #contact .number { color: #c85349; font-size: 11px; }