/* [ Global fortstewart.com CSS ] */ * { margin:0; padding:0;} html { height:100%; } body { background: url(../images/page_bg_top_01.jpg) 0 0 repeat-x; margin:0 auto; background-color:#e7e7e7; font-size:12px; color:#000040; font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif; height:100%; line-height:16px; } .textinput01 { padding-left: 2px; padding-bottom: 1px; font-family: 'Trebuchet MS', Arial, Helvetica, Sans-serif; font-size: 11px; border: 1px solid rgb(102,153,102); background-color: #FAFAD2; } .first-cap { text-transform:capitalize; } .error { font-weight:bold; color:#940826; } .underline { height:2px; width:502px; z-index:1; overflow:hidden; } #page-wrapper { width:980px; margin:0 auto -275px; height:100%; min-height:100%; height:auto !important; position:relative; } #header { height:125px; width:980px; background:url(../images/header_01.jpg); margin:0 auto; } #menu-bg { height:30px; width:980px; background:url(../images/menu_bar_02.jpg); margin:0 auto; } /* [ Menu ] */ #menu { position:relative; left:21px; top:137px; width:750px; height:26px; border:0px solid red; } #ul-index div { position:absolute; top:12px; padding: 26px 20px 0 20px; left:0px; width:856px; height:150px; z-index:11; } #ul-index a { position:relative; z-index:12; cursor:hand; } #menu-index { left:21px; top:137px; height:18px; width:750px; position:relative; border:0px solid red; } #menu-index ul { padding-left:13px; padding-top:4px; text-align:left; } #menu-index ul li { display:inline; padding-right:10px; } #menu-index ul li a { color:#e6b135; text-decoration:none; font-weight:bold; } #menu-index ul li a:hover { color:#fff; text-decoration:none; } .menu-details { position:relative; top:-218px; left:21px; width:896px; height:160px; background-color:#000; z-index:10; border-left:1px solid #b7972b; border-bottom:1px solid #b9792b; border-right:1px solid #b9792b; padding:0px; margin:0px; padding-right:0px; } /* [ Image Rotation ] */ #image-wrapper { height:194px; width:980px; margin:0 auto; overflow:hidden; position:relative; background:url(../images/image_rotation_01.jpg) no-repeat center top; } #photos { height:194px; width:798px; margin-left:91px; position:relative; z-index:9; } .pics { height:194px; width:798px; padding:0; margin:0; } .pics img { height:194px; width:798px; padding:0; margin:0; background-color:#000; } /* [ Global CSS Cont'd ] */ #body-redline { height:19px; width:980px; background:url(../images/body_redline_top_02.jpg); margin:0 auto; } #rotation-bg { height:194px; width:980px; background:url(../images/image_rotation_01.jpg); margin:0 auto; } #rotation-photo { height:194px; width:800px; background:url(../images/rotation_photo_01.jpg) #000; margin:0 auto; } #content-wrapper { width:980px; margin:0 auto; background:url(../images/content_bg_02.jpg); } #footer { height:240px; width:980px; background:url(../images/footer_01.jpg); margin:0 auto; overflow:visible; position:relative; } #footer #res-proud { position:absolute; left:295px; top:35px; margin:0 auto; font-size:11px; z-index:3; } #footer #hi-proud { position:absolute; left:325px; top:35px; margin:0 auto; font-size:11px; z-index:3; } #footer ul { position:relative; left:270px; top:60px; margin:0 auto; list-style-type:none; font-size:11px; } #footer ul li { float:left; list-style-type:none; } #footer ul li a { padding:0 10px 0; color:#940826; text-decoration:none; list-style-type:none; } #footer ul li a:hover { color:#000040; text-decoration:underline; } #footer-wrap { background:url(../images/page_bg_bottom_01.jpg) repeat-x center bottom; position:relative; bottom:0; height:275px; z-index:-10; width:100%; } #side-brochures { width:90px; height:257px; position:absolute; left:889px; top:400px; } /* [ Pagination ] */ div.pagination { color:blue; } div.pagination a { text-decoration:none; padding:4px; margin:0 4px; } div.pagination a:hover { color:red; } #pagination p a:hover { color:red; } #listing-info p a:hover { color:red; } div.pagination span { margin:0 4px; } .previous, .first, .next, .last { color:blue; } div.pagination .current { color:red; text-decoration:none; padding:0 4px; margin:0 4px; border:1px solid red; } /* [ css drop shadow - alistapart.com ] */ .wrap1, .wrap2, .wrap3 { display:inline-table; /* \*/display:block;/**/ } .wrap1 { float:left; background:url(shadow_1600.gif) right bottom no-repeat; } .wrap2 { background:url(corner_bl_60.gif) left bottom no-repeat; } .wrap3 { padding:0 8px 8px 0; background:url(corner_tr_60.gif) right top no-repeat; } .wrap3 img { display:block; } /* [ css drop shadow 2 for image - alistapart.com ] */ .img-shadow { float:left; background: url(shadow_01.png) no-repeat bottom right !important; background: url(shadow.gif) no-repeat bottom right; margin: 10px 0 0 10px !important; margin: 10px 0 0 5px; } .img-shadow img { display: block; position: relative; background-color: #fff; border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px; padding: 4px; } /* [ CSS DROPSHADOW 2 FOR TEXT - alistapart.com ] */ .p-shadow { width: 90%; float:left; background: url(shadowAlpha.png) no-repeat bottom right !important; margin: 10px 0 0 5px; margin: 10px 0 0 10px !important; background: url(shadow.gif) no-repeat bottom right; } .p-shadow div { background: none !important; background: url(shadow2.gif) no-repeat left top; padding: 0 !important; padding: 0 6px 6px 0; } .p-shadow p { color: #777; background-color: #fff; font: italic 1em georgia, serif; border: 1px solid #a9a9a9; padding: 4px; margin: -6px 6px 6px -6px !important; margin: 0; } /* [ main content holders ] */ #column-left { width:502px; margin-left:105px; float:left; margin-top:5px; padding-right:0px; text-align:justify; position:relative; } #column-right { width:240px; margin-left:12px; float:left; margin-top:5px; padding-left:14px; text-align:justify; padding-top:8px; } /* [ INDEX PAGE ] _____________________________________________________________________________________________________________ */ #index #welcome { width:103px; width:502px; height:35px; background:url(../images/heading_welcome_01_lg.jpg) no-repeat center; margin-left:-7px; margin-bottom:15px; } #index #building-wrap { float:right; margin:5px 0 5px 15px; position:relative; } #index #building { width:235px; height:170px; background:url(../images/holtzman_building_01.jpg); border:1px solid black; } #index #signature { width:244px; height:28px; background:url(../images/signature_george_babs_welcome_01.jpg); margin-top:6px; margin-left:-5px; } #index #welcome-wrap { position:relative; } #index #address { position:absolute; width:250px; left:245px; top:240px; right:0px; bottom:0px; text-align:right; color:#000040; } #quick-search { font-weight:bold; font-size:13px; color:#940826; margin-bottom:8px; border-bottom:1px dotted black; padding-bottom:6px; } #index #featured-property-wrap { width:502px; } #index #featured-property-title { width:173px; width:502px; height:37px; margin-left:-7px; margin-bottom:15px; background:url(../images/heading_featured_properties_01.jpg) no-repeat center; } #index #featured-property-photo { width:200px; margin-right:15px; float:left; } #index #featured-property-details { width:280px; float:left; } #index #new-construction-wrap { width:502px; margin-bottom:20px; } #index #new-construction-title { width:155px; width:502px; height:26px; margin-left:-7px; margin-bottom:20px; background:url(../images/heading_new_construction_01.jpg) no-repeat center; } #index #new-construction-photo { width:200px; margin-right:15px; float:left; } #index #new-construction-details { width:280px; float:left; } #index #open-houses-wrap { width:502px; } #index #open-houses-title { width:502px; height:33px; margin-bottom:15px; background:url(../images/heading_open_houses.jpg) no-repeat center; } #index #open-houses-photo { width:200px; margin-right:15px; float:left; } #index #open-houses-details { width:280px; float:left; } #index #news-wrap { width:490px; margin-top:10px; margin-bottom:20px; } #index #news-title { width:128px; width:502px; height:29px; margin-left:-3px; margin-top:20px; margin-bottom:15px; background:url(../images/heading_news_01.jpg) no-repeat center; } #index #news-photo { width:150px; margin-top:15px; } #index #news-details { } /* [ includes ] ______________________________________________________________________________________________________________ */ #resSeminarWrapper { border-bottom: 1px dotted #940826; padding-bottom: 20px; } #resSeminarImage { width: 220px; height: 512px; padding-top: 25px; margin-left: 10px; border: 1px solid black; text-align: center; background: url('../images/2011_0216_HRES_Seminars_PDF.png') no-repeat; } /* [ Search Properties Page ] ________________________________________________________________________________________________ */ #search-properties-page #search-properties-wrap { width:502px; margin-top:25px; } #search-properties-page #search-properties-title { width:154px; height:37px; float:left; margin-left:-7px; background:url(../images/heading_search_properties.jpg); } #search-properties-page #choose-search-params { float:left; } #search-properties-page #search-properties-photo { width:200px; margin-right:15px; float:left; } #search-properties-page #search-properties-details { width:280px; float:left; } /* [ Property Details Page ] __________________________________________________________________________________________________ */ #property-details-page #property-details-heading { width:145px; height:37px; margin-left:-7px; background:url(../images/heading_property_details.jpg); } .prop-details-left { width:100px; text-align:right; font-weight:bold; } .prop-details-right { width:140px; color:#333; padding-left:10px; } /* [ Rental Details Page ] __________________________________________________________________________________________________ */ #rental-details-page #property-details-heading { width:145px; height:37px; margin-left:-7px; background:url(../images/heading_property_details.jpg); } .prop-details-left { width:100px; text-align:right; font-weight:bold; } .prop-details-right { width:140px; color:#333; padding-left:10px; } /* [ Search Rentals page ] ____________________________________________________________________________________________________ */ #search-rentals-page #search-rentals-wrap { width:502px; margin-top:25px; } #search-rentals-page #search-rentals-title { width:135px; height:33px; margin-left:-7px; background:url(../images/heading_search_rentals.jpg); } #search-rentals-page #rental-properties-heading { width:502px; height:36px; background:url(../images/heading_rental_properties.jpg) no-repeat center; } #search-rentals-page #choose-search-params { float:left; } #search-rentals-page #search-rentals-photo { width:200px; margin-right:15px; float:left; } #search-rentals-page #search-rentals-details { width:280px; float:left; } /* [ Agents Page ] ____________________________________________________________________________________________________________ */ #agents-page #agent-info-wrap { width:502px; } #agents-page #agent-heading { width:101px; height:33px; margin-left:-7px; background:url(../images/heading_our_agents.jpg); } #agents-page #agent-photo-wrap { width:150px; margin-right:15px; float:left; margin-bottom:20px } #agents-page #agent-details { width:337px; float:left; } /* [ Property Management Page ] ________________________________________________________________________________________________ */ #property-management #property-management-heading { width:198px; height:33px; margin-left:-7px; margin-bottom:20px; position:relative; left:165px; background:url(../images/heading_property_management.jpg); } #property-management #building-wrap { float:right; margin:5px 0 5px 15px; } #property-management #building-2 { width:235px; height:225px; border:1px solid black; background:url(../images/real_estate_services_building_01_w235.jpg); } #property-management #property-management-wrap { position:relative; } #property-management #address { position:absolute; left:312px; top:285px; text-align:right; color:#000040; } #property-management #staff-wrap { float:right; margin:5px 0 5px 15px; } #property-management #staff-photo { width:225px; height:178px; border:1px solid black; background:url(../images/real_estate_services_staff_w225.jpg); } /* [ Rental FAQ Page ] ________________________________________________________________________________________________ */ #rental-faq #rental-faq-heading { width:237px; height:36px; margin-left:-7px; margin-bottom:10px; background:url(../images/faq.jpg); } #rental-faq #rental-faq-wrap { position:relative; } #rental-faq dt { font-size:13px; font-weight:bold; color:#940826; padding-bottom:8px; } #rental-faq dd { padding-bottom:20px; } /* [ Insurance Page ] _________________________________________________________________________________________________________ */ #insurance-page #insurance-wrap { width:502px; position:relative; } #insurance-page #insurance-heading { width:88px; height:27px; margin-left:-2px; margin-bottom:15px; background:url(../images/heading_insurance.jpg); } #insurance-page #building-2 { width:235px; height:187px; border:1px solid black; background:url(../images/holtzman_building_02.jpg); } #insurance-page #insurance-page-address { position:absolute; width:250px; left:245px; top:240px; right:0px; bottom:0px; text-align:right; color:#940826; } #insurance-page #allstate { width:174px; height:90px; background:url(../images/insurance_allstate.jpg); } #insurance-page #owners { width:174px; height:90px; background:url(../images/insurance_owners.jpg); } #insurance-page #progressive { width:174px; height:90px; background:url(../images/insurance_progressive.jpg); } #insurance-page #travelers { width:174px; height:90px; background:url(../images/insurance_travelers.jpg); } #insurance-page #building-3 { width:235px; height:187px; border:1px solid black; background:url(../images/holtzman_building_02.jpg); } /* [ MORTGAGE SERVICES PAGE ] _________________________________________________________________________________________________ */ #mortgage-services-page #mortgage-services-wrap { width:502px; } #mortgage-services-page #mortgage-services-heading { width:162px; height:33px; margin-left:-2px; margin-bottom:15px; background:url(../images/heading_mortgage_services.jpg); } #mortgage-services-page #mortgage-photo-wrap { float:right; margin:5px 0 5px 15px; } #mortgage-services-page #mortgage-photo { width:225px; height:149px; border:1px solid black; background:url(../images/mortgage_app_01_w225.jpg); } #mortgage-services-page #mortgage-text { } /* [ COMPARATIVE MARKETING ANALYSIS ] _________________________________________________________________________________________ */ #cma-page #cma-wrap { width:502px; } #cma-page #cma-heading { width:255px; height:36px; margin-left:-5px; margin-bottom:15px; background:url(../images/heading_cma.jpg); } #cma-page #cma-photo-wrap { float:right; margin:5px 0 5px 15px; } #cma-page #cma-photo { width:225px; height:169px; background:url(../images/nice_house_01.jpg); border:1px solid black; } #cma-page #cma-text { } /* [ OPEN HOUSES PAGE ] ______________________________________________________________________________________________________ */ #open-houses-page #open-houses-wrap { width:502px; } #open-houses-page #open-houses-title { width:113px; height:33px; margin-left:-7px; margin-bottom:20px; background:url(../images/heading_open_houses.jpg); } #open-houses-page #open-houses-photo { width:200px; margin-right:15px; float:left; } #open-houses-page #open-houses-details { width:280px; float:left; } /* [ PREPARING YOUR HOME FOR SALE ] ___________________________________________________________________________________________ */ #preparing-home-page #preparing-home-wrap { width:502px; } #preparing-home-page #preparing-home-heading { width:500px; height:36px; margin-bottom:15px; background:url(../images/heading_preparing_your_home_for_sale.jpg) no-repeat center; } #preparing-home-page #preparing-home-photo-1 { width:225px; height:338px; border:1px solid black; background:url(../images/victorian_exterior_w225.jpg); } #preparing-home-page #preparing-home-photo-2 { width:225px; height:150px; background:url(../images/bedroom_w225.jpg); border:1px solid black; } #preparing-home-page #preparing-home-photo-3 { width:225px; height:296px; border:1px solid black; background:url(../images/woman_cleaning_01_w225.jpg); } #preparing-home-page #preparing-home-text { } /*_________________________________________________________________________________________________________ New Communities Page */ #new-communities-page #new-communities-wrap { width:502px; } #new-communities-title { width:154px; height:26px; margin-left:-2px; margin-bottom:20px; background:url(../images/heading_new_communities_01.jpg); } #new-communities-photo { width:200px; margin-right:20px; float:left; } #new-communities-details { width:270px; float:left; } /*_________________________________________________________________________________________________________ Local Websites Page */ #local-websites-page #local-websites-wrap { width:502px; } #local-websites-page #local-websites-title { width:131px; height:31px; margin-left:-2px; margin-bottom:20px; background:url(../images/heading_local_websites.jpg); } #local-websites-page #local-websites-photo { width:200px; } #local-websites-page #local-websites-details { } #local-websites-page #featured-property-photo { margin-right:10px; height:133px; float:left; } #local-websites-page #featured-property-details { width:275px; float:left; } #local-websites-page #featured-property-title { width:173px; width:502px; height:37px; margin-bottom:15px; background:url(../images/heading_featured_properties_01.jpg) no-repeat center; } #schools-page #schools-wrap { width:502px; } #schools-title { width:72px; height:31px; margin-left:-2px; margin-bottom:20px; background:url(../images/heading_schools.jpg); } #fort-stewart-page #fort-stewart-wrap { width:502px; } #fort-stewart-title { width:116px; height:28px; margin-left:-2px; margin-bottom:20px; background:url(../images/heading_fort_stewart.jpg); } #fort-stewart-photo { width:200px; } #fort-stewart-details { } #real-estate-school-page #real-estate-school-wrap { width:502px; } #real-estate-school-heading { width:274px; height:32px; margin-left:-2px; margin-bottom:15px; background:url(../images/heading_res.jpg); } #real-estate-school-photo-wrap { float:left; margin:5px 15px 5px 0px; } #real-estate-school-photo-1 { width:83px; height:118px; background:url(../images/george_teaching_01.jpg); border:1px solid black; } #real-estate-school-text { } #res-news-wrap { width:490px; margin-top:10px; margin-bottom:20px; } #res-news-title { width:128px; height:29px; margin-left:-3px; margin-top:20px; background:url(../images/heading_news_01.jpg); } #res-news-photo { width:150px; margin-top:15px; } #res-news-details { } #relocation-assistance-page #relocation-assistance-wrap { width:502px; } #relocation-assistance-heading { width:183px; height:30px; margin-left:-5px; margin-bottom:15px; background:url(../images/heading_relocation_assistance.jpg); } #relocation-assistance-photo-wrap { float:right; margin:5px 0 5px 15px; } #relocation-assistance-photo { width:143px; height:63px; background:url(../images/cartus_logo.jpg); border:1px solid black; } #relocation-assistance-text { } #about-us-page #about-us-wrap { width:502px; } #about-us-page #about-us-heading { width:91px; height:30px; margin-left:-2px; margin-bottom:15px; background:url(../images/heading_about_us.jpg); } #about-us-page #about-us-photo { width:235px; height:170px; background:url(../images/holtzman_building_01.jpg); border:1px solid black; } #about-us-page #about-us-text { } #company-bio-page #company-bio-wrap { width:502px; } #company-bio-page #company-bio-heading { width:122px; height:33px; margin-left:-2px; margin-bottom:15px; background:url(../images/heading_company_bio.jpg); } #company-bio-page #company-bio-photo-1 { width:225px; height:281px; background:url(../images/2011_0418_GeorgeBabsNewPhoto_w225.jpg); border:1px solid black; } #company-bio-page #company-bio-photo-3 { width:235px; height:170px; background:url(../images/holtzman_building_01.jpg); border:1px solid black; } #company-bio-page #company-bio-photo-2 { width:104px; height:125px; background:url(../images/babs_holtzman_01.jpg); border:1px solid black; } #company-bio-page #company-bio-text { } #contact-us-page #contact-us-wrap { width:502px; } #contact-us-heading { width:98px; height:27px; margin-left:-2px; margin-bottom:15px; background:url(../images/heading_contact_us.jpg); } #about-us-text { } #contact-us-email-confirmation-page #contact-us-email-confirmation-wrap { width:502px; } #contact-us-email-confirmation-heading { width:98px; height:27px; margin-left:-2px; margin-bottom:15px; background:url(../images/heading_contact_us.jpg); } /* [ Our Community Page ] */ #our-community-page #our-community-wrap { width:502px; } #our-community-page #our-community-title { width:141px; height:34px; margin-left:-2px; margin-bottom:20px; background:url(../images/heading_our_community.jpg); } #our-community-page #our-community-photo { width:200px; } #our-community-page #our-community-details { } /* [ Rental List CSS ] */ #rental-list-page { padding:0; margin:0; background:none; } #rental-list-page #rental-list-page-wrapper { width:700px; margin:0 auto; margin-top:25px; position:relative; border:1px solid black; margin-bottom:25px; } #rental-list-page #heading-01 { width:700px; height:21px; } #rental-list-page #header-info { padding:20px; text-align:center; } #rental-list-page #rental-list-non-home { padding:20px; } #rental-list-page #rental-list-non-home img { border:none; } #rental-list-page #rental-list-home { padding:20px; } #rental-list-page #rental-list-home img { border:none; }