/* 0.0 CSS LEGEND -------------------------------------------------- Website Styles Created: 12.26.08 Author: Jeremy Fields 1.0 RESET 2.0 ELEMENT REBUILD 3.0 HTML 4.0 SITE-WRAPPER 5.0 SITE-BRANDING 6.0 SITE-NAVIGATION 7.0 SITE-CONTENT 7.1 CONTENT-MAIN 7.2 CONTENT-SUB 8.0 SITE INFO -------------------------------------------------- */ /* @group 1.0 RESET --------------------------------------------------*/ html,body,div,span,applet,object,iframe, h1,h2,h3,h4,h5,h6,p,blockquote,pre, a,abbr,acronym,address,big,cite,code, del,dfn,em,font,img,ins,kbd,q,s,samp, small,strike,strong,sub,sup,tt,var, dl,dt,dd,ol,ul,li, fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}body{line-height:1;color:#000;background:white;}table{border-collapse:separate;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";} /* @end */ /* @group 2.0 ELEMENT REBUILD --------------------------------------------------*/ body{font-family:Arial,Verdana,sans-serif;line-height:1.5;}body{font-size:75%;}html > body{font-size:12px;}h1,h2,h3,h4,h5,h6{font-weight:bold;}h1{font-size:3em;}h2{font-size:2em;}h3{font-size:1.5em;}h4{font-size:1.2em;}h5{font-size:1em;}h6{font-size:1em;}p{margin:0 0 1.5em 0;}ul,ol{margin:0 0 1.5em 1.5em;}ol{list-style:decimal;}dl{margin:1.5em 0;}dl dt{font-weight:bold;}a{color:#03c;text-decoration:underline;outline:none;}a:hover{color:#000;}blockquote{margin:1.5em 0 1.5em 1.5em;font-style:italic;}strong{font-weight:bold;}em{font-style:italic;}pre{margin-bottom:1.3em;background:#eee;border:0.1em solid #ddd;padding:1.5em;}code{font:0.9em Monaco,monospace;}hr{background:#b2ccff;color:#b2ccff;clear:both;float:none;width:100%;height:0.1em;margin:0 0 1.4em 0;border:none;}* html hr{margin:0 0 1.2em 0;}table{margin-bottom:1.4em;}th,td{height:1em;padding:0.2em 0.4em;}th{font-weight:bold;}label{font-weight:bold;}textarea{height:180px;width:300px;}p.small{font-size:0.8em;margin-bottom:1.875em;line-height:1.875em;}p.large{font-size:1.2em;line-height:2.5em;}p.quiet{color:#666;}.hide{display:none;}.alt{color:#666;font-family:"Warnock Pro","Goudy Old Style","Palatino","Book Antiqua",serif;font-size:1.2em;line-height:1%;font-style:italic;}.dquo{margin-left:-.7em;}p.incr,.incr p{font-size:0.83333em;line-height:1.44em;margin-bottom:1.8em;} /* @end */ /* @group 3.0 HTML --------------------------------------------------*/ body { background: #2d0b08 url(../images/body.gif) repeat center top; height: 100%; text-align: center; } html { height: 100%; } a { color: #009; } a:hover { } hr { display: none; } /* @end */ /* @group 4.0 SITE-WRAPPER --------------------------------------------------*/ div#site-wrapper { background: #e9dbb4 url(../images/site-wrapper.gif) repeat-y; margin: 0 auto; position: relative; text-align: left; width: 800px; } /* @end */ /* @group 5.0 SITE-BRANDING --------------------------------------------------*/ div#site-branding { background-position: 0 70px; background-repeat: no-repeat; height: 230px; padding-top: 70px; width: 800px; } div#site-branding h1 { left: -9999px; position: absolute; top: 0; } body.home div#site-branding { background-image: url(../images/site-branding.home.jpg); } body.tradition div#site-branding { background-image: url(../images/site-branding.tradition.jpg); } body.village div#site-branding { background-image: url(../images/site-branding.village.jpg); } body.membership div#site-branding { background-image: url(../images/site-branding.membership.jpg); } body.area div#site-branding { background-image: url(../images/site-branding.area.jpg); } body.state div#site-branding { background-image: url(../images/site-branding.state.jpg); } body.floorplans div#site-branding { background-image: url(../images/site-branding.media.jpg); } body.contact div#site-branding { background-image: url(../images/site-branding.contact.jpg); } /* @end */ /* @group 6.0 SITE-NAVIGATION --------------------------------------------------*/ div#site-navigation { background: #635c51 url(../images/site-branding.gif) no-repeat; height: 70px; left: 0; position: absolute; top: 0; width: 800px; } div#site-navigation ul, div#site-navigation ul li { line-height: 1; list-style: none; margin: 0; padding: 0; } div#site-navigation ul li, div#site-navigation ul li a { background: transparent url(../images/site-navigation.gif) no-repeat; height: 36px; } div#site-navigation ul li { position: absolute; top: 0; } div#site-navigation ul li a { display: block; text-indent: -9999px; } div#site-navigation ul li#nav-home, div#site-navigation ul li#nav-home a { background: transparent; height: 14px; width: 318px; } div#site-navigation ul li#nav-home { left: 16px; top: 23px; } div#site-navigation ul li#nav-tradition, div#site-navigation ul li#nav-tradition a { background-position: 0 0; width: 75px; } div#site-navigation ul li#nav-tradition { left: 401px; } div#site-navigation ul li#nav-membership, div#site-navigation ul li#nav-membership a { background-position: -75px 0; width: 89px; } div#site-navigation ul li#nav-membership { left: 477px; } div#site-navigation ul li#nav-village, div#site-navigation ul li#nav-village a { background-position: -164px 0; width: 64px; } div#site-navigation ul li#nav-village { left: 564px; } div#site-navigation ul li#nav-area, div#site-navigation ul li#nav-area a { background-position: -228px 0; width: 52px; } div#site-navigation ul li#nav-area { left: 628px; } div#site-navigation ul li#nav-floorplans, div#site-navigation ul li#nav-floorplans a { background-position: -280px 0; width: 59px; } div#site-navigation ul li#nav-floorplans { left: 680px; } div#site-navigation ul li#nav-contact, div#site-navigation ul li#nav-contact a { background-position: -339px 0; width: 61px; } div#site-navigation ul li#nav-contact { left: 739px; } /* Hover/Selected */ body.home div#site-navigation ul li#nav-home { display: none; } div#site-navigation ul li#nav-tradition a:hover, body.tradition div#site-navigation ul li#nav-tradition a { background-position: 0 -36px; } div#site-navigation ul li#nav-membership a:hover, body.membership div#site-navigation ul li#nav-membership a { background-position: -75px -36px; } div#site-navigation ul li#nav-village a:hover, body.village div#site-navigation ul li#nav-village a { background-position: -164px -36px; } div#site-navigation ul li#nav-area a:hover, body.area div#site-navigation ul li#nav-area a { background-position: -228px -36px; } div#site-navigation ul li#nav-floorplans a:hover, body.floorplans div#site-navigation ul li#nav-floorplans a { background-position: -280px -36px; } div#site-navigation ul li#nav-contact a:hover, body.contact div#site-navigation ul li#nav-contact a { background-position: -339px -36px; } /* Drop Down Menu */ div#site-navigation ul li ul { display: none; left: 0; padding-top: 5px; position: absolute; top: 100%; } div#site-navigation ul li ul li { background-image: none; background-color: #d3cab3; border: 2px solid #f4f1e7; border-bottom-color: #5f5338; border-right-color: #5f5338; height: 13px; margin: 0; padding: 0; position: static; width: 145px; } div#site-navigation ul li ul li a { background: none; color: #000; display: block; font-size: 10px; height: 13px; line-height: 13px; margin: 0; padding: 0 0 0 3px; text-decoration: none; text-indent: 0; text-transform: uppercase; width: 142px !important; } div#site-navigation ul li ul li a:hover { text-decoration: underline; } /* @end */ /* @group 7.0 SITE-CONTENT --------------------------------------------------*/ div#site-content { background: transparent url(../images/site-content.png) no-repeat center top; padding: 38px 34px 0 34px; width: 732px; } * html div#site-content { background-image: none; filter: progid:DXImagetransform.Microsoft.AlphaImageLoader(enabled="true", src="/framework/images/site-content.png", sizingMethod="crop"); } /* @group 7.1 CONTENT-MAIN --------------------------------------------------*/ div#content-main { background: transparent url(../images/hr.gif) no-repeat 0 41px; color: #3f1d1f; font-size: 11px; overflow: hidden; padding: 10px 0 25px 0; position: relative; width: 732px; } div#content-main h2 { font-size: 18px; height: 22px; line-height: 22px; margin: 0 0 35px 0; padding: 0; text-align: center; } div#content-main h3 { font-size: 13px; text-transform: uppercase; } div#content-main img.topimage { margin: 0 0 10px 0; } div#content-main p.anchor-links, div#content-main p.homes-links { color: #666; font-size: 10px; } div#content-main p.anchor-links { text-transform: uppercase; } div#content-main p.anchor-links a, div#content-main p.homes-links a { text-decoration: none; } div#content-main p.anchor-links a.selected, div#content-main p.homes-links a.selected { color: #300; cursor: default; font-weight: bold; } /* Home page */ body.home div#content-main { background-image: none; padding-bottom: 0; } body.home div#content-main h2 { margin: 5px 0 5px 0; } body.home div#content-main p { margin-left: 35px; margin-right: 30px; text-align: justify; } /* Tradition */ body.tradition div#content-main .sideimage { float: left; line-height: 1; margin: 0 15px 15px 0; } body.tradition div#content-main .sideimage-popup img { margin-bottom: 5px; } body.tradition div#content-main .sideimage a { text-decoration: none; } body.tradition div#content-main div#builder-logos { bottom: 40px; height: 96px; left: 352px; position: absolute; width: 352px; } body.tradition div#content-main div#builder-logos a#builder-logos-NAHB, body.tradition div#content-main div#builder-logos a#builder-logos-pinehurst, body.tradition div#content-main div#builder-logos a#builder-logos-energystar { background: url(../images/blank.gif); display: block; opacity: 0.6; position: absolute; text-indent: -9999px; } body.tradition div#content-main div#builder-logos a#builder-logos-NAHB { height: 49px; left: 228px; top: 0; width: 124px; } body.tradition div#content-main div#builder-logos a#builder-logos-pinehurst { height: 56px; left: 0; top: 40px; width: 130px; } body.tradition div#content-main div#builder-logos a#builder-logos-energystar { height: 43px; left: 236px; top: 53px; width: 116px; } body.homes_for_sale div#content-main p, body.homes_for_sale div#content-main h4 { padding: 0 125px; text-align: center; } body.homes_for_sale div#content-main p.homes-links { margin: 0; padding: 0; } body.homes_for_sale div#content-main div.homes-container { position: relative; } body.homes_for_sale div#content-main div.homes-container img { margin-left: 80px; } body.homes_for_sale div#content-main ul.properties { line-height: 0; list-style: none; margin: 0; padding: 0; } body.homes_for_sale div#content-main ul.properties li a { background: url(../images/blank.gif); display: block; height: 214px; left: 93px; position: absolute; text-indent: -9999px; top: 13px; width: 50px; z-index: 3000; } body.homes_for_sale div#content-main ul.properties li.properties-sold p { background: url(../images/sold.png) no-repeat center center; display: block; height: 214px; left: 93px; margin: 0; padding: 0; position: absolute; top: 13px; width: 50px; z-index: 2500; } body.homes_for_sale div#content-main ul.properties li#trotters a, body.homes_for_sale div#content-main ul.properties li#trotters.properties-sold p { width: 200px; } body.homes_for_sale div#content-main ul.properties li#redbud a, body.homes_for_sale div#content-main ul.properties li#redbud.properties-sold p { left: 293px; width: 137px; } body.homes_for_sale div#content-main ul.properties li#mockingbird a, body.homes_for_sale div#content-main ul.properties li#mockingbird.properties-sold p { left: 430px; width: 209px; } body.homes_for_sale div#content-main ul.properties li#evergreen a, body.homes_for_sale div#content-main ul.properties li#evergreen.properties-sold p { width: 224px; } body.homes_for_sale div#content-main ul.properties li#twig a, body.homes_for_sale div#content-main ul.properties li#twig.properties-sold p { left: 317px; width: 130px; } body.homes_for_sale div#content-main ul.properties li#hummingbird a, body.homes_for_sale div#content-main ul.properties li#hummingbird.properties-sold p { left: 447px; width: 192px; } body.homes_for_sale div#content-main ul.properties li#pinewood a, body.homes_for_sale div#content-main ul.properties li#pinewood.properties-sold p { width: 170px; } body.homes_for_sale div#content-main ul.properties li#bayberry a, body.homes_for_sale div#content-main ul.properties li#bayberry.properties-sold p { left: 263px; width: 110px; } body.homes_for_sale div#content-main ul.properties li#finch a, body.homes_for_sale div#content-main ul.properties li#finch.properties-sold p { left: 373px; width: 107px; } body.homes_for_sale div#content-main ul.properties li#woodland a, body.homes_for_sale div#content-main ul.properties li#woodland.properties-sold p { left: 480px; width: 159px; } body.homes_for_sale div#content-main ul.properties li#hickory a, body.homes_for_sale div#content-main ul.properties li#hickory.properties-sold p { width: 172px; } body.homes_for_sale div#content-main ul.properties li#nandina a, body.homes_for_sale div#content-main ul.properties li#nandina.properties-sold p { left: 265px; width: 108px; } body.homes_for_sale div#content-main ul.properties li#hollyberry a, body.homes_for_sale div#content-main ul.properties li#hollyberry.properties-sold p { left: 373px; width: 106px; } body.homes_for_sale div#content-main ul.properties li#indigo a, body.homes_for_sale div#content-main ul.properties li#indigo.properties-sold p { left: 479px; width: 160px; } body.homes_for_sale div#content-main ul.properties li#twinpines a, body.homes_for_sale div#content-main ul.properties li#twinpines.properties-sold p { width: 158px; } body.homes_for_sale div#content-main ul.properties li#dove a, body.homes_for_sale div#content-main ul.properties li#dove.properties-sold p { left: 251px; width: 109px; } body.homes_for_sale div#content-main ul.properties li#willow a, body.homes_for_sale div#content-main ul.properties li#willow.properties-sold p { left: 360px; width: 117px; } body.homes_for_sale div#content-main ul.properties li#hedgerow a, body.homes_for_sale div#content-main ul.properties li#hedgerow.properties-sold p { left: 477px; width: 162px; } body.homes_for_sale div#content-main ul.properties li#wicker a, body.homes_for_sale div#content-main ul.properties li#wicker.properties-sold p { width: 298px; } body.homes_for_sale div#content-main ul.properties li#winterberry a, body.homes_for_sale div#content-main ul.properties li#winterberry.properties-sold p { left: 391px; width: 248px; } body.property div#content-main div#property-image { float: left; position: relative; text-align: center; width: 291px; } body.property div#content-main div#property-image div#property-image-sold { background: transparent url(../images/sold_lg.png) no-repeat center center; left: 0; position: absolute; top: 0; width: 291px; } body.property div#content-main div#property-info { color: #000; float: right; overflow: hidden; width: 430px; } body.property div#content-main div#property-info div { background: transparent url(../images/property-info.gif) repeat-x bottom left; padding-bottom: 10px; margin-bottom: 10px; } body.property div#content-main div#property-info div#property-info-stats, body.property div#content-main div#property-info div#property-info-dimensions { overflow: hidden; width: 430px; } body.property div#content-main div#property-info ul { float: left; font-size: 12px; list-style: none; margin: 0; padding: 0; } body.property div#content-main div#property-info-logos { overflow: hidden; padding-top: 30px; position: relative; width: 732px; } body.property div#content-main form#propertyInfo { overflow: hidden; width: 430px; } body.property div#content-main form#propertyInfo p#property-info-fname input, body.property div#content-main form#propertyInfo p#property-info-lname input, body.property div#content-main form#propertyInfo p#property-info-email input { border: 1px solid #999; color: #333; font-family: inherit; font-size: 11px; outline: none; padding: 4px 5px; } body.property div#content-main form#propertyInfo p#property-info-fname input, body.property div#content-main form#propertyInfo p#property-info-lname input { width: 150px; } body.property div#content-main form#propertyInfo p#property-info-email input { width: 249px; } body.property div#content-main form#propertyInfo p#property-info-fname, body.property div#content-main form#propertyInfo p#property-info-lname, body.property div#content-main form#propertyInfo p#property-info-email, body.property div#content-main form#propertyInfo p#property-info-submit { float: left; margin: 0 10px 10px 0; } body.property div#content-main form#propertyInfo p input.defaultVal_default { color: #999 !important; } body.property div#content-main p#property-info-sold { color: #e00; font-size: 14px; font-weight: bold; text-align: center; } body.tradition div#content-main div.imagemap-siteplan { position: relative; } body.tradition div#content-main div.imagemap-siteplan img { border: 1px solid #8d0708; } body.tradition div#content-main div.imagemap-siteplan a#imagemap-caddell1, body.tradition div#content-main div.imagemap-siteplan a#imagemap-caddell2, body.tradition div#content-main div.imagemap-siteplan a#imagemap-mccaskill1, body.tradition div#content-main div.imagemap-siteplan a#imagemap-mccaskill2, body.tradition div#content-main div.imagemap-siteplan a#imagemap-magnolia1, body.tradition div#content-main div.imagemap-siteplan a#imagemap-magnolia2 { background: transparent url(../images/blank.gif); display: block; position: absolute; text-indent: -9999px; } body.tradition div#content-main div.imagemap-siteplan a#imagemap-caddell1 { height: 71px; left: 203px; top: 138px; width: 73px; } body.tradition div#content-main div.imagemap-siteplan a#imagemap-caddell2 { height: 71px; left: 132px; top: 138px; width: 71px; } body.tradition div#content-main div.imagemap-siteplan a#imagemap-mccaskill1 { height: 92px; left: 48px; top: 103px; width: 84px; } body.tradition div#content-main div.imagemap-siteplan a#imagemap-mccaskill2 { height: 82px; left: 107px; top: 1px; width: 77px; } body.tradition div#content-main div.imagemap-siteplan a#imagemap-magnolia1 { height: 75px; left: 184px; top: 32px; width: 92px; } body.tradition div#content-main div.imagemap-siteplan a#imagemap-magnolia2 { height: 60px; left: 276px; top: 66px; width: 52px; } /* Village */ body.village div#content-main .sideimage { float: left; margin: 0 15px 15px 0; } body.village div#content-main blockquote { border: 1px solid #666; border-width: 0 1px; color: #434726; float: right; font-family: 'Times New Roman', Times, serif; font-size: 15px; line-height: 1.2; margin: 10px 0 0 15px; overflow: hidden; padding: 10px; text-align: center; width: 153px; } body.village div#content-main blockquote p { margin: 0 0 10px 0; } body.village div#content-main blockquote cite { color: #666; font-size: 12px; margin: 0; } /* Membership */ body.membership div#content-main { overflow: visible; } body.membership div#content-main .sideimage { float: left; line-height: 1; margin: 0 15px 15px 0; } body.membership div#content-main a#pinehurst { background: transparent url(../images/Pinehurst.gif) no-repeat; display: block; height: 102px; position: absolute; right: 0; text-indent: -9999px; top: -24px; width: 100px; z-index: 5000; } body.membership div#content-main div.anchor-item { overflow: hidden; position: relative; width: 732px; } body.membership div#content-main div#golf-courses img, body.membership div#content-main div#spa img { float: right; margin: 0 0 0 15px; } body.membership div#content-main div#golf-academy img, body.membership div#content-main div#marina img, body.membership div#content-main div#member-pools img, body.membership div#content-main div#tennis img, body.membership div#content-main div#croquet-bowls img, body.membership div#content-main div#dining img { float: left; margin: 0 15px 0 0; } body.membership div#content-main div#dining img.supplimental { left: 190px; position: absolute; top: 151px; } body.membership div#content-main div.benefits ul { color: #000; float: left; list-style: none; margin: 0; padding: 25px; width: 300px; } body.membership div#content-main div.benefits ul li { margin-bottom: 1em; } /* Local Area */ body.area div#content-main p.anchor-links { text-align: center; } body.area div#content-main div.anchor-item { overflow: hidden; position: relative; width: 732px; } body.area div#content-main div#golf img, body.area div#content-main div#equestrian img, body.area div#content-main div#medical img, body.area div#content-main div#mountains img, body.area div#content-main div#beach img, body.area div#content-main div#wineries img { float: left; margin: 0 15px 0 0; } body.area div#content-main div#area img, body.area div#content-main div#piedmont img { float: right; margin: 0 0 0 15px; } body.area div#content-main div#equestrian img.supplimental { left: 182px; position: absolute; top: 147px; } body.area div#content-main div#beach img.supplimental { left: 298px; position: absolute; top: 125px; } body.area div#content-main div#golf ul { float: right; list-style: none; margin: 0; padding: 0; width: 403px; } body.area div#content-main div#area ul { list-style: none; margin: 0; padding: 0; width: 300px; } body.area div#content-main div#map p { text-align: center; } /* Contact */ body.contact div#content-main div#contact-vcard { left: 395px; position: absolute; top: 67px; width: 320px; } body.contact div#content-main form#contact-form h3, body.contact div#content-main div#contact-vcard h3 { margin-bottom: 10px; } body.contact div#content-main div#contact-vcard p { color: #000; font-size: 11px; line-height: 2em; } form#contact-form div#contact-contactInfo { overflow: hidden; width: 335px; } form#contact-form fieldset.contact-contactInfo { margin: 0; overflow: hidden; padding: 0; width: 335px; } form#contact-form fieldset.contact-contactInfo p { line-height: 1; margin: 0 0 10px 0; } form#contact-form fieldset.contact-contactInfo legend { display: none; } form#contact-form fieldset.contact-contactInfo label { color: #000; display: block; margin: 0 0 2px 0; } form#contact-form fieldset.contact-contactInfo input { border: 1px solid #999; color: #333; font-family: inherit; font-size: 11px; outline: none; padding: 4px 5px; } form#contact-form fieldset#contact-name p#contact-name-fname input, form#contact-form fieldset#contact-name p#contact-name-lname input, form#contact-form fieldset#contact-phone p#contact-primaryphone input, form#contact-form fieldset#contact-phone p#contact-alternatephone input { width: 150px; } form#contact-form fieldset#contact-name p#contact-name-fname, form#contact-form fieldset#contact-phone p#contact-primaryphone { float: left; } form#contact-form fieldset#contact-name p#contact-name-lname, form#contact-form fieldset#contact-phone p#contact-alternatephone { float: right; } form#contact-form fieldset#contact-electronic input, form#contact-form fieldset#contact-address p#contact-address input { width: 323px; } form#contact-form fieldset#contact-address p#contact-city, form#contact-form fieldset#contact-address p#contact-state, form#contact-form fieldset#contact-address p#contact-zip { float: left; } form#contact-form fieldset#contact-address p#contact-city input { margin-right: 6px; width: 170px; } form#contact-form fieldset#contact-address p#contact-state input { margin-right: 6px; width: 33px; } form#contact-form fieldset#contact-address p#contact-zip input { width: 84px; } p.error label { color: #c30; } p.error input { background: #fff url(../images/bullet_error.png) no-repeat center right; border-color: #900 !important; } p.msg-error, p.msg-success { background: #900; color: #fff; font-size: 12px; font-weight: bold; line-height: 2em; text-align: center; width: 100%; } p.msg-success { background: #719e0a; } form#contact-form p.msg-error, form#contact-form p.msg-success { width: 335px; } form#contact-form fieldset.contact-radio, form#contact-form fieldset.contact-checkbox { margin: 0 0 20px 0; } form#contact-form fieldset.contact-radio legend, form#contact-form fieldset.contact-checkbox legend { color: #000; font-weight: bold; } form#contact-form fieldset.contact-radio ul, form#contact-form fieldset.contact-checkbox ul { list-style: none; margin: 0 0 0 90px; padding: 0; } form#contact-form fieldset.contact-radio li { float: left; margin: 10px 15px 0 0; } form#contact-form fieldset.contact-checkbox li { margin: 0 0 5px 0; } form#contact-form fieldset.contact-radio li input, form#contact-form fieldset.contact-checkbox li input { float: left; margin: 0 5px 0 0; padding: 0; } form#contact-form fieldset.contact-radio label, form#contact-form fieldset.contact-checkbox label { font-weight: normal; } /* Floor Plans */ body.floorplans div#content-main div#media-images { float: left; width: 365px; } body.floorplans div#content-main div#media-pdfs { color: #000; float: right; width: 365px; } body.floorplans div#content-main div#media-images h3, body.floorplans div#content-main div#media-pdfs h3 { margin-bottom: 5px; } body.floorplans div#content-main div#media-pdfs h4 { font-size: 11px; } body.floorplans div#content-main div#media-pdfs ul { list-style: none; } body.floorplans div#content-main ul#media-photography { list-style: none; margin: 0; overflow: hidden; padding: 0; width: 732px; } body.floorplans div#content-main ul#media-photography li { float: left; line-height: 1; margin: 0 0 20px 0; padding: 0; text-align: center; text-transform: uppercase; width: 244px; } body.floorplans div#content-main ul#media-photography li h4 { color: #000; font-size: 11px; margin: 0 0 5px 0; } body.floorplans div#content-main ul#media-photography li p { margin: 0 0 5px 0; } /* Movie player popup */ div#popup-mov-lg { background: transparent url(../images/popup_lg.png) no-repeat; height: 447px; left: 50%; margin-left: -380px; padding: 15px 0 0 15px; width: 745px; z-index: 5000; } div#popup-mov-lg iframe { left: 40px; margin: 0; padding: 0; position: absolute; top: 40px; } div#popup-img-lg { background: transparent url(../images/popup_lg.png) no-repeat; height: 447px; left: 50%; margin-left: -380px; padding: 15px 0 0 15px; width: 745px; z-index: 5000; } div#popup-img-lg img { left: 80px; position: absolute; top: 30px; } div#popup-mov-sm { background: transparent url(../images/popup_sm.png) no-repeat; height: 235px; left: 50%; margin-left: -192px; padding: 15px 0 0 15px; width: 370px; z-index: 5000; } div#popup-mov-sm iframe { left: 40px; margin: 0; padding: 0; position: absolute; top: 40px; } div.popup-mov a.mov-close { background: transparent url(../images/close_button.png) no-repeat; display: block; height: 30px; left: 3px; position: absolute; text-indent: -9999px; top: 3px; width: 30px; } /* @end */ /* @group 7.2 CONTENT-SUB --------------------------------------------------*/ div#content-sub { color: #3f1d1f; display: none; font-size: 11px; overflow: hidden; width: 732px; } /* Home page */ body.home div#content-sub { background: transparent url(../images/hr.gif) no-repeat center top; display: block; padding: 30px 0 25px 0; } body.home div#content-sub-featured { float: left; font-weight: bold; overflow: hidden; position: relative; width: 450px; } body.home div#content-sub-featured-details { float: left; } body.home div#content-sub-featured h3 { background: transparent url(../images/h3.featured_property.gif) no-repeat; height: 10px; margin: 0 0 9px 0; padding: 0; text-indent: -9999px; width: 195px; } body.home div#content-sub-featured img { float: left; margin-right: 10px; } body.home div#content-sub-featured a { text-decoration: none; text-transform: uppercase; } body.home div#content-sub-video, body.home div#content-sub-weather { background: transparent url(../images/module.content-sub.gif) no-repeat; float: right; height: 99px; line-height: 1.2; margin-left: 20px; padding: 7px 5px 0 5px; text-align: center; width: 102px; } body.home div#content-sub-weather { line-height: 1.4; } body.home div#content-sub-weather strong { font-size: 14px; } body.home div#content-sub-video img { margin-bottom: 3px; } /* @end */ /* @end */ /* @group 8.0 SITE-INFO --------------------------------------------------*/ div#site-info { background: transparent url(../images/site-info.gif) no-repeat 97px 0; font-size: 9px; height: 60px; overflow: hidden; padding: 21px 0 0 167px; position: relative; width: 633px; } div#site-info p { line-height: 1; margin: 0 0 12px 0; text-transform: uppercase; } div#site-info a { text-decoration: none; } div#site-info a:hover { text-decoration: underline; } div#site-info p#site-info-nav a { color: #000; } div#site-info a#foreproperties { display: block; height: 21px; position: absolute; right: 98px; text-indent: -9999px; top: 16px; width: 52px; } /* @end */