/********************* Author:Sherwin Sena Aborot Date:8/31/2008 ********************** ********************** Table of Contents - A. Global - B. Header - C. Navigation - D. Body - E. Footer - F. Page Specific - G. FILTERS *********************/ /* ******************** A. GLOBAL ******************** */ body { font-size:0; line-height:0; margin:0; text-align:center; padding:0; } form, ul, p, h1,h2,h3,h4,h5,h6 { margin:0; padding:0; } .clearBox { clear:both; font-size:0; height:0; line-height:0; } /* ******************** B. HEADER ******************** */ #objHeader { height:79px; margin:auto; position:relative; text-align:left; width:980px; z-index:999; } #objHeader .company-logo { border:0; float:left; } #objHeader .header-message { float:right; height:20px; overflow:hidden; text-align:right; width:800px; } /* ******************** C. NAVIGATION ******************** */ #objNavigation { float:right; height:59px; } #objNavigation #nav li { float:left; list-style:none; position:relative; } #objNavigation #nav li div.topMItem { padding:11px 20px 12px; text-align:center; } #objNavigation #nav li a span { display:block; } #objNavigation #nav .subMenuList { width:176px; } #objNavigation #nav .subMenuList.navLevel2 { padding-top:1px; } #objNavigation #nav .subMenuList.navLevel5 { padding-left:1px; } #objNavigation #nav .subMenuList a { display:block; padding-left:5px; } #objNavigation #nav .subMenuList div { padding:1px 0; } #objNavigation #nav .subMenuList.navLevel3 a { padding-left:10px; } #objNavigation #nav .subMenuList.navLevel4 a { padding-left:15px; } #objNavigation #nav .subMenuList li { width:176px; } #objNavigation #nav .subMenuList.navLevel5 li { width:133px; } /* CrossBrowser Styles for multi-level dropdown */ /*all see this */ #objNavigation #nav ul.navLevel2 { display:none; left:35px; position:absolute; top:59px; } #objNavigation #nav ul.navLevel5 { display:none; left:176px; position:absolute; top:0px; } #objNavigation #nav li:hover ul,#objNavigation #nav li.sfhover ul { display:block; } #objNavigation #nav li:hover ul.navLevel5,#objNavigation #nav li.sfhover ul.navLevel5 { display:none; } #objNavigation #nav ul.navLevel4 li:hover ul.navLevel5,#objNavigation #nav ul.navLevel4 li.sfhover ul.navLevel5 { display:block; } #objNavigation2 { overflow:hidden; padding:46px 0 0 0; width:173px; } #objNavigation2 #nav2 li { list-style:none; position:relative; width:173px; } #objNavigation2 #nav2 li a { display:block; padding-left:11px; } #objNavigation2 #nav2 ul.navLevel2 li a { padding-left:18px; } #objNavigation2 #nav2 ul.navLevel3 li a { padding-left:18px; } #objNavigation2 #nav2 ul.navLevel4 ul { display:none; } #objNavigation2 #nav2 ul.navLevel4 div { padding-bottom:1px; } #objNavigation2 #nav2 ul.navLevel4 li a { padding-left:25px; } #objNavigation2 #nav2 ul.navLevel5 li a { padding-left:36px; } #objNavigation2 #nav2 li.selectedMid ul { display:block; } #objNavigation2 #nav2 li.selectedMid ul.navLevel5 { display:none; } #objNavigation2 #nav2 ul.navLevel4 li.selectedMid ul.navLevel5 { display:block; } /* ******************** D. BODY ******************** */ #objBody { margin:auto; overflow:hidden; position:relative; text-align:left; width:986px; z-index:10; } #objBody .content-container { padding:0 3px; width:980px; } #objBody .actual-content { width:980px; } #objBody .text-content { float:left; padding:22px; overflow:hidden; width:762px; } #objBody .text-content .content-promo { width:748px; } #objBody .text-content .main-title { padding:22px 0 13px; } #objBody .text-content .main-content { padding:14px 0; } #objBody .left-panel { float:left; width:173px; } #objBody .left-panel .tools { padding:22px 0 0 11px; } #objBody .left-panel .tools div { margin-bottom:14px; padding-left:20px; } #objBody .left-panel .column-content { padding:0 0 10px 11px; } #objBody .content-promo { padding-bottom:22px; } #objBody .small-promo { display:block; margin-top:7px; } #objBody .small-promo-message { text-align:left; } #objBody #cloak { display:none; filter:alpha(opacity=80); position:absolute; top:0px; left:0px; opacity: 0.8; width:100%; height:100%; z-index:100; -moz-opacity:0.8; -khtml-opacity: 0.8; z-index:2; } #objBody #popUpContainer { display:none; position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:100; } #objBody h2.pageTitle2 { margin-bottom:0px; } /* ******************** E. FOOTER ******************** */ #objFooter { clear:both; text-align:left; } #objFooter .footer-text { margin:auto; width:939px; } #objFooter .footer-text table { height:80px; } #objFooter .footer-text .rss-feed { float:left; height:80px; } #objFooter .footer-text .footer-promo { float:none; height:80px; } #objFooter .below-footer-content { clear:both; margin:auto; padding:17px 0 13px 0; width:939px; } #objFooter .extended-description { margin:auto; padding-top:15px; overflow:hidden; width:939px; } /* ******************** F. PAGE SPECIFIC ******************** */ #HomePage #objBody { height:241px; } #HomePage .welcome-message { float:left; height:241px; overflow:hidden; width:720px; } #HomePage .welcome-form { float:right; height:241px; overflow:hidden; width:260px; } #HomePage .home-contents { margin:30px auto 66px; width:940px; } #HomePage .main-content-1 { float:left; width:220px; } #HomePage .main-content-2 { height:177px; float:left; margin-left:20px; overflow:hidden; width:190px; } #HomePage .main-content-3 { height:177px; float:left; overflow:hidden; width:268px; } #HomePage .main-content-4-container { float:left; margin-left:20px; } #HomePage .main-content-4 { display:none; padding:1px; text-align:left; } #HomePage .main-content-4-container .buttons a { float:right; height:10px; margin:4px 0 0 3px; padding:0 2px; } #HomePage .main-content-4-container div.selected { border:1px solid #6D9ACC; display:block; padding:1px; } #HomePage .main-content-4-container div.hidden { display:none; } #HomePage #homeSearch { padding:5px 12px; } #HomePage #homeSearch .fields { padding:10px 0; } #HomePage #homeSearch select { display:block; width:170px; } /* Contact Form on Home Page */ #HomePage #contactForm { background:#6d9acc; height:212px; padding:29px 22px 0 23px; width:216px; } #HomePage #contactFormContainer { padding-top:13px; } #HomePage #contactFormContainer input { height:20px; padding:0; width:96px; } #HomePage #contactFormContainer select { height:20px; padding:0; } #HomePage #contactFormContainer .label { padding:4px 0 1px 0; white-space:nowrap; } #HomePage #contactFormContainer .contactFormFirstName { float:left; width:96px; } #HomePage #contactFormContainer .contactFormLastName { float:left; padding-left:7px; width:89px; } #HomePage #contactFormContainer .contactFormEmail { clear:both; } #HomePage #contactFormContainer .customeremail { width:199px; } #HomePage #contactFormContainer .surveyQuestions { float:left; width:140px; } #HomePage #contactFormContainer .surveyQuestions select { width:134px; } #HomePage #contactFormContainer .contactFormButton { float:right; padding:17px 15px 0 0; } #HomePage #contactFormContainer .contactFormButton img { cursor:pointer; } /* ******************** G. MODULE SPECIFIC ******************** */ #TextPage #popupTips { display:none; padding:5px; position:absolute; z-index:30; } #TextPage #objPageTextContent { clear:both; } #TextPage .additionalPageContent { width:350px; } #TextPage .additionalPageContent.left { float:left; } #TextPage .additionalPageContent.right { float:right; } #TextPage .additionalPageContent H3 { margin:0px; } #TextPage .additionalPageContent .pageTextContent { float:left; margin-top:20px; overflow:hidden; width:350px; } #TextPage .additionalPageContent .pageTextContent ul { margin:5px 0px; padding-left:15px; } #TextPage .additionalPageContent .pageTextContent.rightFloat { float:right; } #ProductSelectorPage #objBody { overflow:visible; } #ProductSelectorPage #residenceContainer { height:25px; } #ProductSelectorPage #residenceContainer .residence { float:left; margin-bottom:3px; padding:4px 10px; padding-top:3px; } #ProductSelectorPage #residenceContainer .activeResidence { float:left; margin-bottom:3px; padding:4px 10px; padding-top:3px; } #ProductSelectorPage #descriptionContainer { clear:both; margin-left:10px; padding-top:20px; } #ProductSelectorPage #descriptionContainer .description { display:none; } #ProductSelectorPage #descriptionContainer .activeDescription { display:block; } #ProductSelectorPage #floorPlan .switcher { margin-top:20px; } #ProductSelectorPage #floorPlan .switcher a { margin-right:1px; padding:2px 10px; } #ProductSelectorPage #photoTour .switcher { margin:20px auto 4px 10px; } #ProductSelectorPage #photoTour .switcher h3 { font-size:12px; font-weight:bold; margin:0px; } #ProductSelectorPage #photoTour .switcher a { margin-right:1px; padding:0px 10px; } #ProductSelectorPage #floorPlanContainer { margin-top:25px; } #ProductSelectorPage #floorPlanContainer .floorPlan { display:none; margin-top:108px; position:relative; } #ProductSelectorPage #floorPlanContainer .activeFloorPlan { display:block; margin-top:0px; position:relative; } #ProductSelectorPage #floorPlanContainer .floorPlanBigImage { z-index:5; } #ProductSelectorPage #floorPlanContainer .hotSpot { cursor:pointer; position:absolute; z-index:10; } #ProductSelectorPage #elevationContainer h3 { margin-top:20px; margin-bottom:0px; padding-left:10px; } #ProductSelectorPage #elevationContainer .elevation { display:none; width:670px; } #ProductSelectorPage #elevationContainer .activeElevation { display:block; width:670px; } #ProductSelectorPage #elevationContainer .elevationItem { display:block; float:left; margin-right:18px; width:200px; } #ProductSelectorPage #elevationContainer .elevationItem IMG { cursor:pointer; display:block; height:120px; padding:5px 0px; width:203px; } #ProductSelectorPage #view1 #interiorSlideShow { display:block; float:left; position:relative; width:338px; } #ProductSelectorPage #view1 #interiorThumbnails { float:right; width:410px; } #ProductSelectorPage #view1 #interiorThumbnails IMG { cursor:pointer; float:left; margin:0px 0px 2px 2px; } #ProductSelectorPage #view1 #interiorThumbnails .interior { display:none; } #ProductSelectorPage #view1 #interiorThumbnails .ActiveInterior { display:block; } #ProductSelectorPage #view2 { display:none; } #ProductSelectorPage #view2 .elevationGroup { display:none; } #ProductSelectorPage #view2 #exteriorSlideShow { float:left; position:relative; width:338px; } #ProductSelectorPage #view2 #exteriorThumbnails { float:right; width:410px; } #ProductSelectorPage #view2 #exteriorThumbnails IMG { cursor:pointer; float:left; margin:0px 0px 2px 2px; } #ProductSelectorPage #view2 #exteriorThumbnails .exterior { display:none; } #ProductSelectorPage #view2 #exteriorThumbnails .activeExterior { display:block; } #ProductSelectorPage #photoTour { clear:both; margin-left:10px; } #ProductSelectorPage #imageContainer { height:384px; position:relative; margin:0px auto auto; padding:4px; width:647px; } #ProductSelectorPage #imageBox { height:384px; position:relative; padding:4px; width:647px; } #ProductSelectorPage #imageContainer IMG.popUp { height:378px; width:641px; } #ProductSelectorPage #imageContainer #imageLabel { padding:0px 10px; position:absolute; top:15px; right:17px; } #ProductSelectorPage #imageContainer #imageClose { padding:4px 10px; position:absolute; bottom:15px; right:17px; } #ProductSelectorPage #imageContainer #imageClose IMG { padding-left:7px; border:0px; } #TextPageAlternate .textContent .contentText { float:left; margin-right:0px; width:530px; } #TextPageAlternate #pricing { float:right; padding-top:65px; overflow:hidden; width:200px; } #TextPageAlternate #pricing .priceContainer { padding-top:20px; } #TextPageAlternate .priceInfo { display:none; } #TextPageAlternate .activePriceInfo { display:block; } #TextPageAlternate #current { clear:both; margin-left:10px; padding-top:20px; } #TextPageAlternate #current B { font-size:14px; padding-left:12px; } #TextPageAlternate #current .sold { float:left; padding-left:60px; width:133px; overflow:hidden; } #TextPageAlternate #current .selling { float:left; width:172px; overflow:hidden; } #TextPageAlternate #current .futurePhases { float:left; margin-left:18px; width:160px; overflow:hidden; } #TextPageAlternate #current .currentInfo a { display:block; padding:2px; } #MapSearchPage #objBody { padding-bottom:20px; } #MapSearchPage .quickLinks { bottom:0px; padding-top:40px; padding-right:40px; position:relative; right:0px; } #MapSearchPage .contentText { display:none; } #MapSearchPage .mapContent { display:none; } #MapSearchPage .activeMapContent { display:block; } #MapSearchPage #searchContainer { float:left; padding-top:24px; position:relative; } #MapSearchPage #imageMap { float:left; position:relative; } #MapSearchPage #imageMap .mapIcon { position:absolute; } #MapSearchPage #mapTextContent { float:left; margin-left:20px; margin-top:30px; width:200px; } #MapSearchPage #pageTools { margin-top:50px; } #SiteSearchPage .contentText { display:none; } #SiteSearchPage #search { clear:both; margin:24px 0px 0px 0px; } #SiteSearchPage #search FORM { padding-left:0px; } #SiteSearchPage #search SELECT { width:200px; } #SiteSearchPage #search IMG { cursor:pointer; margin:13px 0px; } #SiteSearchPage SELECT { text-transform:uppercase; } #SiteSearchPage .content { margin-top:10px; } #SiteSearchPage .Fields1 { padding-left:30px; width:450px; } #SiteSearchPage .Fields1 SELECT { float:left; } #SiteSearchPage .Fields1 .price { margin-left:50px; } #SiteSearchPage .Fields2 { clear:both; padding-left:30px; width:450px; } #SiteSearchPage .optCriteria { float:left; margin-top: 15px; width:200px; } #SiteSearchPage .optCriteria.bathroom { margin-left:50px; } #SiteSearchPage .optCriteria.area { margin-left:50px; } #SiteSearchPage .optCriteriaTitle { clear:both; float:left; margin-top:15px; } #SiteSearchPage #search #searchbutton { clear:both; text-align:right; } #SiteSearchPage .label { display:block; } #SiteSearchPage #searchResult { clear:both; margin:20px 10px; width:100%; } #SiteSearchPage .searchResultItem { padding-right:60px; position:relative; width:50%; } #SiteSearchPage .searchResultItem IMG { border:0px; } /* ******************** H. FILTERS ******************** */ * HTML #HomePage #contactFormContainer .contactFormLastName { padding-left:3px; } * HTML #HomePage #contactFormContainer .customeremail { width:197px; } * HTML #HomePage #contactFormContainer .contactFormButton { padding-right:18px; } * HTML #objNavigation #nav .subMenuList a { height:20px; } * HTML #objNavigation2 #nav2 a { height:20px; }