/******************************************************************************* NEARLY ANY AND ALL GLOBAL & DEFAULT STYLES ARE SET IN base.css MOST STYLES CAN BE OVERWRITTEN HERE IN style.css NOTES & THINGS TO KEEP IN MIND ABOUT base.css & style.css: ALL MARGINS & PADDING ARE RESET TO EITHER 0 OR A GLOBAL DEFUALT THAT YOU CAN OVERWRITE IN THIS STYLE SHEET FONT-SIZE IS SET TO A DEFAULT OF 12px FONT-COLOR IS SET TO A DEFAULT OF #333, OVER-WRITE THE COLOR BELOW *******************************************************************************/ @import "base.css"; /* BASIC STRUCTURE *******************************************************************************/ html, body { background: #512b14 url(../images/bg_body.jpg) 0 0; } body { margin-bottom: 2em; color: #4f2810; font: 12px/1.3 verdana, sans-serif; } #container, #header, #panel, #main, .sidebar, #sidebar-left, #footer { position: relative; } #container { margin: 0 auto; width: 1000px; } #home #container {} .col1, .col2, .col3, .col4 { float: left; display: inline; position: relative; } p { margin-bottom: 1.7em; } ol, ul { margin-left: 3em; } /* LINKS - DEFAULT COLORS ARE SET IN BASE.CSS, CHANGE THESE COLORS AS NEEDED. *******************************************************************************/ a:link, a:visited { color: #4f2810; } a:hover { color: #846b44; } /* BASIC FORM STYLES *******************************************************************************/ input, textarea { color: #333; } /* HEADER *******************************************************************************/ #header { height: 188px; z-index: 50; } #header h1 { display: none; } #header #mainlogo { margin-left: -45px; position: absolute; top: 21px; left: 50%; } #header #tagline { margin-left: -188px; position: absolute; top: 116px; left: 50%; } #header #tools { padding: 0 10px; position: absolute; top; 0; right: 0; height: 32px; background: #613e22 url(../images/bg_tools.gif) no-repeat 77px 3px; border: 1px solid #b99667; border-top: 0; } #header #tools p { margin: 0; padding-top: 8px; } #header #tools p img { vertical-align: middle; } /* NAVIGATION *******************************************************************************/ /* MAIN NAV */ #nav-wrap { position: absolute; top: 163px; left: 0px; width: 100%; height: 25px; background: url(../images/bg_nav-wrap.gif) no-repeat 50% 4px; } #nav-wrap .mainnav, #nav-wrap .mainnav * { margin: 0; padding: 0; list-style: none; } #nav-wrap .mainnav { padding-left: 84px; position: relative; } #nav-wrap .mainnav li { float: left; display: inline; position: relative; font-size: 9px; text-indent: -9999px; z-index: 500; } #nav-wrap .mainnav li a { height: 25px; display: block; position: relative; overflow: hidden; color: #fff; text-decoration: none; cursor: pointer; outline: none; } #nav-wrap .mainnav li:hover, #nav-wrap .mainnav li.sfHover { background: #765436; opacity: .85; } #nav-wrap .mainnav li, #nav-wrap .mainnav li a { background-image: url(../images/nav.gif); } #nav-wrap .mainnav li.registry { margin: 0 1px; } /* DEFAULT */ #nav-wrap .mainnav li.homes, #nav-wrap .mainnav li.homes a { background-position: 0px 0px; width: 168px; } #nav-wrap .mainnav li.homesites, #nav-wrap .mainnav li.homesites a { background-position: -168px 0px; width: 212px; } #nav-wrap .mainnav li.living, #nav-wrap .mainnav li.living a { background-position: -380px 0px; width: 149px; } #nav-wrap .mainnav li.registry, #nav-wrap .mainnav li.registry a { background-position: -529px 0px; width: 154px; background-color: transparent; } #nav-wrap .mainnav li.contact, #nav-wrap .mainnav li.contact a { background-position: -683px 0px; width: 139px; } /* MAINTAINS HOVER STATE WHILE ON DROPDOWNS */ #nav-wrap .mainnav li.homes:hover a, #nav-wrap .mainnav li.homes a:hover, #nav-wrap .mainnav li.homes:hover a.active, #nav-wrap .mainnav li.homes a.active:hover { background-position: 0px -25px; width: 168px; } #nav-wrap .mainnav li.homesites:hover a, #nav-wrap .mainnav li.homesites a:hover, #nav-wrap .mainnav li.homesites:hover a.active, #nav-wrap .mainnav li.homesites a.active:hover { background-position: -168px -25px; width: 212px; } #nav-wrap .mainnav li.living:hover a, #nav-wrap .mainnav li.living a:hover, #nav-wrap .mainnav li.living:hover a.active, #nav-wrap .mainnav li.living a.active:hover { background-position: -380px -25px; width: 149px; } #nav-wrap .mainnav li.registry:hover a, #nav-wrap .mainnav li.registry a:hover, #nav-wrap .mainnav li.registry:hover a.active, #nav-wrap .mainnav li.registry a.active:hover { background-position: -529px -25px; width: 154px; background-color: transparent; } #nav-wrap .mainnav li.contact:hover a, #nav-wrap .mainnav li.contact a:hover, #nav-wrap .mainnav li.contact:hover a.active, #nav-wrap .mainnav li.contact a.active:hover { background-position: -683px -25px; width: 139px; } /* ACTIVE/ON STATE */ #nav-wrap .mainnav li.homes a.active { background-position: 0px -50px; width: 168px; } #nav-wrap .mainnav li.homesites a.active { background-position: -168px -50px; width: 212px; } #nav-wrap .mainnav li.living a.active { background-position: -380px -50px; width: 149px; } #nav-wrap .mainnav li.registry a.active { background-position: -529px -50px; width: 154px; background-color: transparent; } #nav-wrap .mainnav li.contact a.active { background-position: -683px -50px; width: 139px; } /* DROP DOWNS */ #nav-wrap .mainnav ul, #nav-wrap .mainnav ul * { width: auto; } #nav-wrap .mainnav ul { position: absolute; left: 0; } * html #nav-wrap .mainnav ul { left: 0; } #nav-wrap .mainnav li li, #nav-wrap .mainnav li li a { background: transparent none; } #nav-wrap .mainnav ul li span { display: none; } #nav-wrap .mainnav li li { float: none; display: block; text-align: left; font-size: 10px; text-indent: 0; border: 1px solid #b99667; border-width: 0 1px; } #nav-wrap .mainnav li li a { margin: 0 -1px; display: block; color: #fff; } #nav-wrap .mainnav li li:hover, #nav-wrap .mainnav li li.sfHover { border-top: 0; } #nav-wrap .mainnav li li a:hover, #nav-wrap .mainnav li li a.active { color: #000; } #nav-wrap .mainnav li ul { display: none; } #nav-wrap .mainnav li:hover ul, #nav-wrap ul.mainnav li.sfHover ul { display: block; top: 25px; background: #765436; border-bottom: 1px solid #b99667; } /* SUBNAV */ #subnav-wrap { margin: 17px 0; padding: 0 0 66px; background: url(../images/bg_subnav-bottom.gif) no-repeat 50% 100%; } #subnav-wrap * { margin: 0; } #subnav-wrap .subnav { padding: 66px 0 0px; background: url(../images/bg_subnav-top.gif) no-repeat 50% 0; } * html #subnav-wrap .subnav { height: 1%; } #subnav-wrap .subnav li { padding: 5px 0; line-height: 1; border-top: 1px solid #967c59; } #subnav-wrap .subnav li a { display: block; height: 17px; text-indent: -9999px; outline: none; } #subnav-wrap .subnav li.sub-homes a { background-image: url(../images/subnav_homes.gif); } #subnav-wrap .subnav li.sub-builders a { background-image: url(../images/subnav_builders.gif); } #subnav-wrap .subnav li.sub-map a { background-image: url(../images/subnav_map.gif); } #subnav-wrap .subnav li.sub-build a { background-image: url(../images/subnav_build.gif); } #subnav-wrap .subnav li.sub-listings a { background-image: url(../images/subnav_listings.gif); } #subnav-wrap .subnav li.sub-homesites a { background-image: url(../images/subnav_homesites.gif); } #subnav-wrap .subnav li.sub-neighborhoods a { background-image: url(../images/subnav_neighborhoods.gif); } #subnav-wrap .subnav li.sub-home a { background-image: url(../images/subnav_home.gif); } #subnav-wrap .subnav li.sub-registry a { background-image: url(../images/subnav_registry.gif); } #subnav-wrap .subnav li.sub-contact a { background-image: url(../images/subnav_contact.gif); } #subnav-wrap .subnav li.sub-brokerage a { background-image: url(../images/subnav_brokerage.gif); } #subnav-wrap .subnav li.sub-living a { background-image: url(../images/subnav_living.gif); } #subnav-wrap .subnav li.sub-builders a { background-image: url(../images/subnav_artisan.gif); } /* SECOND LEVEL */ #subnav-wrap .subnav li ul { margin: 0; } #subnav-wrap .subnav li li { padding: 4px 0; height: 17px; border-top: 0; } #subnav-wrap .subnav li li.alexander a { background-image: url(../images/subnav2_alexander.gif); } #subnav-wrap .subnav li li.argue a { background-image: url(../images/subnav2_argue.gif); } #subnav-wrap .subnav li li.romack a { background-image: url(../images/subnav2_romack.gif); } #subnav-wrap .subnav li li.salcito a { background-image: url(../images/subnav2_salcito.gif); } #subnav-wrap .subnav li li.process a { background-image: url(../images/subnav2_process.gif); } #subnav-wrap .subnav li li.timing a { background-image: url(../images/subnav2_timing.gif); } #subnav-wrap .subnav li li.guidelines a { background-image: url(../images/subnav2_guidelines.gif); } #subnav-wrap .subnav li li.regent a { background-image: url(../images/subnav2_regent.gif); } #subnav-wrap .subnav li li.mesquite a { background-image: url(../images/subnav2_mesquite.gif); } #subnav-wrap .subnav li li.mountain a { background-image: url(../images/subnav2_mountain.gif); } #subnav-wrap .subnav li li.about a { background-image: url(../images/subnav2_about.gif); } #subnav-wrap .subnav li li.golf a { background-image: url(../images/subnav2_golfing.gif); } #subnav-wrap .subnav li li.dining a { background-image: url(../images/subnav2_dining.gif); } #subnav-wrap .subnav li li.shopping a { background-image: url(../images/subnav2_shopping.gif); } #subnav-wrap .subnav li li.relaxing a { background-image: url(../images/subnav2_relaxing.gif); } #subnav-wrap .subnav li a { text-indent: -9999px; background-position: 0 0; background-repeat: no-repeat; } #subnav-wrap .subnav li a:hover, #subnav-wrap .subnav li a.active { background-position: 0 -17px; } /* CONTENT AREA *******************************************************************************/ #content-top { height: 19px; background: url(../images/bg_content-top.gif) no-repeat 50% 0; } #content { padding: 0 32px; background: url(../images/bg_content.gif) repeat-y 50% 0; } #content-bottom { height: 19px; background: url(../images/bg_content-bottom.gif) no-repeat 50% 0; } #panel { background: url(../images/bg_beige.jpg) repeat-y 0 0; } #home #panel { background: #fff; } #sub #panel { background: #e1d0a0; } #listing-detail #panel { background: #e1d0a0; } #builder-detail #panel { background: #e1d0a0; } #panel-inner { background: url(../images/bg_panel-inner.gif) repeat-y 100% 0; } #listing-detail #panel-inner { background: none; } #builder-detail #panel-inner { background: none; } #main, .sidebar, #sidebar-left, #sidebar-right { float: left; display: inline; min-height: 1px; } * html #main, * html .sidebar, * html #sidebar-left, * html #sidebar-right { height: 1px; } #breadcrumb { margin: 0; padding: 5px 7px 0; height: 20px; color: #fff; font-size: 11px; text-transform: uppercase; background: #678486; } #breadcrumb a { margin: 0 2px 0 0; padding-right: 10px; color: #fff; background: url(../images/breadcrumb-slash.gif) no-repeat 100% 3px; } #breadcrumb h2 { margin: 0; float: left; font-size: 11px; font-weight: normal; } /* SIDEBARS *******************************************************************************/ #sidebar-left { padding: 0 25px; width: 200px; } #home #sidebar-right { margin-left: 7px; padding: 10px 4px 7px; width: 299px; height: 470px; background: url(../images/bg_beige.jpg) no-repeat 0 0; border: 5px solid #836343; } #home #sidebar-right .sidebar-inner { padding-top: 50px; background: url(../images/bg_home-right-side.gif) no-repeat 50% 0; } #home #sidebar-right .sidebar-inner p { margin-bottom: .7em; width: 280px; margin-left: auto; margin-right: auto; } /* MAIN *******************************************************************************/ #main { padding: 18px 100px 0 50px; width: 536px; } #home #main { padding: 0 0 0 37px; width: 571px; background: url(../images/bg_home-main.jpg) no-repeat 0 0; } #sub #main { padding: 18px 18px 0; width: 900px; } #listing-detail #main { padding: 18px 18px 0; width: 900px; } #builder-detail #main { padding: 0; width: 936px; } #flash-map #main { padding: 0 0 0 5px; width: 681px; } #flash-map #main h2 { display: none; } #main h2 { margin-bottom: 14px; color: #333; font: italic bold 27px times, serif; } #main h3 { font-size: 14px; color: #333; text-transform: uppercase; } * html #main ul li { list-style: disc; } #main td { padding: 0 0 1.5em; vertical-align: top; } #main #brokers {} #main #brokers h3 { margin-bottom: 0; } #main #brokers .broker-image { padding-right: 10px; } #main #listings { width: 100%; } #main #listings tr.odd { background: url(../images/bg_beige.jpg) repeat-y 0 0; } #main #listings tr.blank td { padding: 0; height: 12px; } #main #listings th { padding: .2em; vertical-align: middle; background: #678486; } #main #listings th, #main #listings th a { text-transform: uppercase; color: #fff; font-weight: normal; text-decoration: none; } #main #listings th#builder, #main #listings th#community { text-align: left; } #main #listings td { padding: .7em .3em; text-align: center; vertical-align: middle; border-bottom: 1px solid #af966f; } #main #listings td.alignleft { text-align: left; } #main #listings th#view {} #main #listings td .listing-thumb { float: left; border: 1px solid #ab7b44; } /* DETAILED LISTING PAGES */ #listing-detail .sectional { height: 80px; position: relative; } #listing-detail .sectional h2 { float: left; } #listing-detail .sectional .floater { padding: 8px 0 8px 35px; float: right; width: 280px; min-height: 1px; background: url(../images/bg_floater.gif) no-repeat 0 50%; } * html #listing-detail .sectional .floater { height: 1px; } #listing-detail .sectional .floater p { margin: 0; } #sub .floater { padding: 8px 0 8px 35px; float: right; width: 280px; min-height: 1px; background: url(../images/bg_floater.gif) no-repeat 0 50%; } * html #sub .floater { height: 1px; } #sub .floater p { margin: 0; } #main .floater a { color: #630; } #listing-detail #listings-nav { padding: 3px 10px; position: absolute; bottom: 0; width: 880px; background: #678486; } * html #listing-detail #listings-nav { height: 1%; left: 0; } #listing-detail #listings-nav a { color: #fff; text-decoration: none; text-transform: uppercase; } #listing-detail #listings-nav span { display: block; float: left; } #listing-detail #listings-nav .previous { padding: 0 20px 0 19px; border-left: 1px solid #32585b; } #listing-detail #listings-nav .next { padding: 0 10px 0 19px; border-left: 1px solid #32585b; } #detail-col-wrap { margin: 1em 0; background: url(../images/bg_beige.jpg) repeat-y 0 0; border: 1px solid #af966f; border-width: 1px 0; } #builder-detail #detail-col-wrap { margin: 0; border: 0; } #detail-col-wrap-inner { background: url(../images/bg_panel-inner-right.gif) repeat-y 513px 0; } #builder-detail #detail-col-wrap-inner { background: url(../images/bg_panel-inner.gif) repeat-y 531px 0; } #detail-col-wrap .col1 { padding: 81px 20px 27px 19px; width: 475px; background: url(../images/bg_gallery-decoration.gif) no-repeat 50% 18px; } #builder-detail #detail-col-wrap .col1 { width: 492px; } #gallery {} #gallery #imgFrame { margin-bottom: 1em; position: relative; background: #fff; border: 12px solid #fff; border-width: 12px 12px 30px; } #gallery #imgFrameNoBord { margin-bottom: 1em; position: relative; border: none; } #gallery #caption { margin: 0; } #gallery .thumbnails, #gallery .thumbnails * { margin: 0; padding: 0; } #gallery .thumbnails li { margin-right: 6px; float: left; display: inline; position: relative; list-style: none; } #gallery .thumbnails li img { border: 1px solid #fff; } #detail-col-wrap .col2 { padding: 27px 25px; width: 336px; } #builder-detail #detail-col-wrap .col2 { padding: 27px 28px 27px 25px; width: 336px; } #detail-col-wrap .col2 p.top-border { margin: 0; padding: 14px 0 15px; } #detail-col-wrap .col2 ul li { list-style-type: disc; } #main .builder { text-transform: uppercase; font-weight: bold; } #main .builder a { text-decoration: none; } #main .builder a:hover { text-decoration: underline; } /* FORMS */ #block-user-delta-soft-join { position: relative; background: url(../images/bg_softjoin-top.gif) no-repeat 0 0; } #softjoin { padding: 26px 12px 3px; background: url(../images/bg_softjoin-bottom.gif) no-repeat 0 100%; } #softjoin p { margin-bottom: 0; font-size: 10px; } #softjoin-form { margin: 0 0 .5em; } * html #softjoin-form { margin: 0 0 .1em; } #softjoin-form label { font-size: 9px; text-transform: uppercase; } #softjoin-form #wrap_first_name, #softjoin-form #wrap_postal_code, #softjoin-form #wrap_email, #softjoin-form #wrap_submit { float: left; display: inline; position: relative; } #softjoin-form #wrap_first_name { margin: 0 8px 6px 0; width: 162px; } #softjoin-form #wrap_postal_code { margin: 0 0 6px; width: 92px; } #softjoin-form #wrap_email { margin: 0 8px 0 0; width: 162px; } #softjoin-form #wrap_submit { margin: 0; padding-top: 11px; width: 92px; } #softjoin-form #submit { width: auto; border: 0; } #softjoin input { padding: 1px; width: 158px; border: 1px solid #b6a079; } #softjoin input#postal_code { width: 88px; } #verify-zip-form #submit { margin: 0 auto; display: block; color: #fff; background: #e6b066; } #verify-zip-form #postal_code { margin: 0 auto 1em; padding: 1px; border: 1px solid #b6a079; } #comment-form {} #comment-form input, #comment-form label, #comment-form select { display: block; } #comment-form #email, #comment-form #first_name, #comment-form #last_name, #comment-form #comments { margin-bottom: 1em; padding: 1px; border: 1px solid #b6a079; } #comment-form #salutation { margin-bottom: 1em; border: 1px solid #b6a079; } #comment-form #comments { width: 500px; } #registry-form { } #registry-form fieldset#column1 { width:48%; margin-right:20px; float:left; } #registry-form fieldset#column2 { width:48%; float:left; } #registry-form input, #registry-form select { display: block; margin-bottom: 5px; width: 200px; } #registry-form select { width: 150px; } #registry-form #salutation { width: 110px; } #registry-form .checkbox, #registry-form .radio { margin-right: 3px; margin-bottom: 0; display: inline; width: auto; } #registry-form #referred_by, #registry-form #referred_by_other, #registry-form #plan_to_move, #registry-form #household_income, #registry-form #price_range, #registry-form #email, #registry-form #salutation, #registry-form #first_name, #registry-form #last_name, #registry-form #company, #registry-form #address1, #registry-form #address2, #registry-form #city, #registry-form #state, #registry-form #country, #registry-form #postal_code { padding: 1px; border: 1px solid #b6a079; } #registry-form #address1, #registry-form #address2, #registry-form #city, #registry-form #state, #registry-form #country, #registry-form #postal_code { margin-bottom: 3px; } #registry-form #referred-by-other-wrap { display: none; } #registry-form #interest-lists-wrap { margin: 10px 0; } #registry-form .button { margin-top: 10px; display: inline; } #registry-form #submit { margin-left: 5px; vertical-align: bottom; width: auto; } #registry-form #reset { color: #fff; width: 94px; height: 20px; background: #678587; border: 1px solid #532d16; } #registry-form label { margin-top: 1em; } #registry-form .readonly { background: #e1d0a0; } #registry-form .referred_by_label { display: block; } #registry-form br { display: none; } #verify-zip-form {} /* FOOTER *******************************************************************************/ #footer-wrap { margin: 2em 14px 0; background: url(../images/bg_footer-wrap.gif) no-repeat 0 50%; } * html #footer-wrap { margin: 2em 20px 0; } #footer { color: #c9b68f; background: url(../images/bg_footer.gif) no-repeat 100% 50%; } #footer a { color: #c9b68f; } #footer p { margin-bottom: 3px; text-align: center; } #footer .dmb { position: absolute; top: 0px; left: 75px; } * html #footer .dmb { left: 65px; } #footer .primary { font-size: 10px; text-transform: uppercase; } #footer .secondary { font-size: 9px; } /* sIFR *******************************************************************************/ /* DO NOT ADJUST THESE STYLES */ .sIFR-flash { margin: 0; visibility: visible !important; } .sIFR-replaced { visibility: visible !important; } span.sIFR-alternate { position: absolute; top: 0; left: 0; width: 0; height: 0; display: block; overflow: hidden; } /* Hide Adblock Object tab */ .sIFR-flash + div[adblocktab=true] { display: none !important; } /* YOU CAN ADJUST, ADD OR REMOVE FROM THESE STYLES - Decoy styles are used to hide the browser text before it is replaced */ .sIFR-hasFlash #main h2 { font-size: 43px; letter-spacing: -4px; visibility: hidden; } /* MISC. CLASSES & IDS *******************************************************************************/ /* .clearfix IS SET IN base.css BUT OTHER ELEMENTS CAN GET THE SAME TREATMENT (AS SEEN BELOW) WITHOUT GIVING THEM THE CLASS OF .clearfix */ #panel-inner:after, #detail-col-wrap-inner:after, #softjoin-form:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* PLEASE LEAVE BOTH THESE LINES, FIX FOR IE7 */ #panel-inner, #detail-col-wrap-inner, #softjoin-form { display: inline-block; } #panel-inner, #detail-col-wrap-inner, #softjoin-form { display: block; } #main ul.no-bullets, #main ul.no-bullets li { margin-left: 0; list-style: none; } img.big-inset { padding: 3px; border: 1px solid #7c5c3d; } img.logo-inset { margin: 1px 7px 2px 0; padding: 2px; float: left; border: 1px solid #7c5c3d; } img.framed { padding: 2px; border: 1px solid #987255; } td.inset { width: 123px; } td.inset img { padding: 1px; border: 1px solid #987c55; } .uppercase { text-transform: uppercase; } .top-border { background: url(../images/bg_border-top-dots.gif) repeat-x 0 0; }