/* CSS Document */ body{ background-image: url(../images/BG_body4.gif); background-repeat: repeat-x; background-position: 0px -50px; font-family: Arial, Helvetica, sans-serif; margin-top: 0px; font:Arial, Helvetica, sans-serif; color: #231F20; font-size:11px; background-color: #F6EBD3;} span{ display: none; } .clear{ clear: both; height: 0px; font-size: 1px; margin: 0px; padding: 0px; } .no-active {background:none;} .no-active:hover {background:none;} #wrapper{ width: 780px; margin: 60px auto 30px auto; position: relative; } h1{ background-repeat: no-repeat; border-bottom: #ffb365 1px solid; width: 100%; margin: 5px 5px 8px 0px; font-size: 1px; padding-top: 0px 0px 7px 0px;} p{ margin-top: 7px; margin-bottom: 7px; margin-left: 2px; font-size: 12px; color: #231F20; line-height: 18px; } a:link, a:visited{ color: #A49A00; margin: 0px 0px 12px 0px; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; text-decoration: none; display: block;} a:hover{ background-color: #f2b739; color: #666600; text-decoration: none; } /*********************/ #Logo {width: 780px; height: 37px; position: relative; top: -40px; left: -1px; border: none; margin: 0px; padding: 0px;} #Logo h1, #Logo h2, #Logo h3 { background-repeat:no-repeat; position: absolute; margin: 0px; padding: 0px; border: none; font-size: 1px;} #Logo h1 { background-image: url(../images/LBL_LWheader.gif); width: 147px; height: 40px; top: 0px; left: -1px;} #Logo h2 { background-image: url(../images/LBL_buildthecity.gif); width: 135px; height: 11px; top: 20px; left: 150px; } #Logo h3 { background-image: url(../images/LBL_phonenum.gif); width: 187px; height: 11px; top: 20px; left: 590px;} #Logo h1 a, #Logo h1 a:hover { display: block; width: 147px; height: 40px; margin: 0px; padding: 0px; background: transparent; text-indent: -99em;} #Logo h3 a, #Logo h3 a:hover { display: block; width: 127px; height: 11px; margin: 0px 0px 0px 67px; padding: 0px; color: #F8F0D6; background: transparent; text-indent: -99em;} .copy{ padding-left: 11px; padding-right: 5px; margin-bottom: 60px; } /*parent class */ #flash{ position: absolute; top: 0px; left: 0px; margin: 0px; height: 355px; border-right: #F8F0D6 3px solid; } #flash.moveUp{ top: -24px; } #Default .copy{ width: 280px; padding-left: 253px; padding-top: 340px; } #Default .copy h1{ background-image: url(../images/LBL_loftworks.gif); background-repeat: no-repeat; width: 145px; height: 12px; margin-top: 0px; margin-bottom: 8px; font-size: 1px; border: none;} #footer{ clear: both; height: 40px; padding: 10px 0px 0px 0px; border-top: #45402D 1px solid; width: 780px; margin: 20px auto 10px auto; background-image: url(../images/Titles2/Logo_Footer.gif); background-position: 675px 5px; background-repeat: no-repeat; position: relative; } #footer ul{ margin: 0px; padding-left: 165px; } #footer ul li{ float: left; list-style: none; color: #45402D; font-size: 10px; padding-right: 15px; } #footer li a {position: absolute; left: 677px; width: 92px; top: 7px; height: 23px; background: none; margin: 0px; padding: 0px;} #Availability #footer { margin: 460px auto 10px auto;} /*formatted margin to push under absolute positioned flash w/ no content*/ #About .copy{ width: 493px; padding-top: 322px; } #About h1{ background-image: url(../images/LBL_loftworks2.gif); height: 31px; } #About p.columns{ float: left; width: 210px; margin-right: 30px; line-height: 20px; } #About p.noColumns{ font-size: 14px; color: #666666; line-height: 18px; margin-right: 10px; } #About h2{ background-image: url(../images/LBL_loftworks.gif); width:145px; height:12px; background-repeat: no-repeat; margin-top: 12px; margin-left: 2px; margin-bottom: 5px; } #Featured .copy{ width: 453px; padding-top: 396px; } #Featured h1{ background-image: url(../images/LBL_syndicateH1.gif); height: 31px; } #Featured a.availability{ background-image: url(../images/LBL_availability.gif); background-repeat: no-repeat; background-position: center; width: 236px; height: 68px; border: #DA5B26 solid 1px; display: block; margin-top: 40px; margin-bottom: 15px; background-color: #F4E8CB; } #LivingStL .copy{ width: 510px; padding-top: 322px; float: left;} #LivingStL h1{ background-image: url(../images/LBL_inStL.gif); height: 37px; } #LivingStL h2{ font-size: 1px; margin-bottom: 13px; margin-top: 0px; background-repeat: no-repeat; margin-left: -1px; height: 17px; } #LivingStL h2.Amenities{ background-image: url(../images/LivingSTL/LBL_amenities.gif); } #LivingStL h2.CitySTL{ background-image: url(../images/LivingSTL/LBL_CitySTL.gif); } #LivingStL h2.CityHall{ background-image: url(../images/LivingSTL/LBL_CityHall.gif); } #LivingStL h2.Lafayette{ background-image: url(../images/LivingSTL/LBL_Lafayette.gif); } #LivingStL h2.PropertyTax{ background-image: url(../images/LivingSTL/LBL_STLtaxDB.gif); } #LivingStL h2.Partnership{ background-image: url(../images/LivingSTL/LBL_Partnership.gif); } #LivingStL h2.DowntownNow{ background-image: url(../images/LivingSTL/LBL_DowntownNow.gif); } #LivingStL h2.StlConvention{ background-image: url(../images/LivingSTL/LBL_Convention.gif); } #LivingStL h2.ICSC{ background-image: url(../images/LivingSTL/LBL_ICSC.gif); } #LivingStL h2.Realtor{ background-image: url(../images/LivingSTL/LBL_Realtor.gif); } #LivingStL a { background-image: url(../images/Website_btn.gif); width: 233px; height: 49px; display: block; margin: 12px 0px 0px -1px; padding: 0px;} #LivingStL a:hover { background-color: transparent;} /*#Amenities, #CitySTL, #CityHall, #Lafayette, #PropertyTax, #Partnership, #DowntownNow, #StlConvention, #ICSC, #Realtor{ margin-top: 12px; padding-bottom: 15px; } #Amenities p, #CitySTL p, #CityHall p, #Lafayette p, #PropertyTax p, #Partnership p, #DowntownNow p, #StlConvention p, #ICSC p, #Realtor p{ color: #666666; font-size: 14px; line-height: 20px; margin-left: 2px; }*/ #Amenities ul{ margin-left: 1px; padding-left: 0px; padding-right: 0px; width: 165px; float: left; list-style-type: none; margin-bottom: 10px; margin-top: 10px; } #Amenities ul li{ color: #DA5B26; font-size: 11px; padding-bottom: 3px; margin-bottom: 0px; margin-left: 1px; padding-left: 0px; font-weight: bold; margin-top: 0px; } #Amenities h3{ margin-bottom: 2px; height: 19px; background-repeat: no-repeat; padding-left: 0px; margin-right: 0px; margin-top: 8px; font-size: 1px; } #Amenities h3.restaurants{ background-image: url(../images/LivingSTL/LBL_restaurants.gif); width: 83px; } #Amenities h3.cleaners{ background-image: url(../images/LivingSTL/LBL_drycleaners.gif); width: 89px; } #Amenities h3.postoffice{ background-image: url(../images/LivingSTL/LBL_postoffice.gif); width: 78px; } #Amenities h3.grocery{ background-image: url(../images/LivingSTL/LBL_grocers.gif); width: 55px; } #Amenities h3.shopping{ background-image: url(../images/LivingSTL/LBL_shopping.gif); width: 68px; } .callout_orange{ border: #f2b739 3px solid; /*The exact orange, but doesn't look transparent #D7910D*/ padding-bottom: 10px; position: absolute; margin-right: 0px; padding-left: 5px; padding-right: 3px; padding-top: 7px; } .callout_orange p{ color: #45402D; font-size: 11px; margin-top: 0px; margin-bottom: 5px; line-height: 17px; } .callout_orange img{ margin:0px; padding:0px; } .callout_orange ul{ font-weight: bold; font-size: 12px; margin-left: 0px; list-style: none; padding-left: 0px; } .callout_orange ul li{ padding-bottom: 6px; cursor: pointer; } .callout_orange ul a, .callout_orange ul a:hover{ text-decoration: none; color: #000000; background: transparent;} .callout_orange h2 a, .callout_orange h2 a:hover{ width: 222px; display: block; height: 147px; margin: 0px; padding: 0px; background: transparent;} .callout_orange h2 a.LudwigLofts, .callout_orange h2 a.LudwigLofts:hover{height: 29px; background: transparent;} #Default .callout_orange{ top: 355px; left: 545px; width: 221px; } #About .callout_orange{ top: 355px; left: 546px; width: 219px; } #Featured .callout_orange{ top: 393px; left: 470px; width: 296px; } #LivingStL .callout_orange{ position: static; width: 221px; float: right; margin-top: 318px;} /*to keep footer below sliding divs*/ #Default .callout_orange h2.LudwigLofts {background-image:url(../images/ludwiglofts.gif); width:143px; height:29px; margin-left: -6px;} #About .callout_orange h2.LudwigLofts {background-image:url(../images/ludwiglofts.gif); width:143px; height:29px; margin-left: -6px;} #Default .callout_orange h2, #About .callout_orange h2{ background-image: url(../images/coffee411.png); width: 222px; height: 128px; background-repeat: no-repeat; margin-bottom: 3px; margin-top: 7px; color:#231F20; font-size: 1px; font-weight: normal; } #Contact {width: 100%; padding: 335px 0px 0px 0px; margin: 0px 0px 30px 0px; } #Contact .copy { background-color: #fbf7e9; border: 2px solid #9e945f; padding: 10px 15px 10px 15px; margin: 0px; background-color:#fbf7e9; min-height: 130px; width: 745px;} #Contact h2 { margin: 0px 0px 10px 0px; padding: 0px; background-image: url(../images/Titles2/ContactLoftworks.gif); width: 151px; height: 12px; background-repeat: no-repeat; font-size: 1px;} #Contact h3 {color: #FFFFFF; margin-top: 0px 0px 10px 0px; padding: 0px; font-size: 12px; font-weight: bold; height: 12px; background-repeat: no-repeat;} #Contact h3.Leasing { background-image: url(../images/Titles2/Leasinginformation.gif); width: 151px;} #Contact h3.Sales { background-image: url(../images/Titles2/SalesInformation.gif); width: 135px;} #Contact h3.Commercial { background-image: url(../images/Titles2/CommercialListings.gif); width: 151px;} #Contact h3.Development { background-image: url(../images/Titles2/DEVELOPMENT.gif); width: 94px;} #Contact ul{ float: left; margin: 0px 40px 0px 0px; padding: 0px; list-style-type: none;} #Contact ul li{ font-size: 11px; padding: 0px 0px 4px 2px; font-weight: normal; } #Contact ul a{ text-decoration: none; font-size: 11px; padding: 0px 0px 4px 0px; margin: 0px; display: inline;} #Overview .copy { width: 325px; padding: 360px 50px 0px 0px; float: left; } #Overview .callout { width: 300px; padding-top: 360px; float: left; margin: 0px 10px 0px 0px; } #Overview h1.residential { background-image: url(../images/titles/residential-properties.gif); width: 290px; height: 23px; } #Overview h1.commercial { background-image: url(../images/titles/commercial-properties.gif); width: 290px; height: 23px; } #Overview a.availability{ background-image: url(../images/LBL_availability.gif); background-repeat: no-repeat; background-position: center; width: 236px; height: 68px; display: block; margin: 0px; background-color: #F8F0DD; } #Overview .callout h2 { background-image: url(../images/LBL_unique.gif); width: 274px; height: 84px; display: block; margin: 4px 0px 10px 0px;} #Overview .copy h2 { background-repeat: no-repeat; width: 225px; height: 17px; margin: 20px 0px 8px 0px; padding: 0px;} #Overview h2.moonbrothers{ background-image: url(../images/titles/small/MoonBrothersLofts.gif); } #Overview h2.mlofts{ background-image: url(../images/titles/small/Mlofts.gif); } #Overview h2.louderman{ background-image: url(../images/titles/small/LoudermanLofts.gif); } #Overview h2.bell{ background-image: url(../images/titles/small/belllofts.gif); } #Overview h2.ludwig{ background-image: url(../images/titles/small/Ludwig.gif);} #Overview h2.syndicate{ background-image: url(../images/titles/small/Syndicate.gif); } /*New property styles*/ #Property {width: 100%; padding-top: 360px;} #Overview {width:255px; float:left;} #Overview h2, #Overview h3{ margin:2px 0 0 0px;padding:1px 0 10px 0px; background-repeat:no-repeat;} #Overview img {border:0px; padding-bottom:4px;} #Overview p {line-height:16px;} h2.Loftworks {background-image:url(../images/Titles2/Loftworks.gif); width:145px; height:12px;} h3.LoftworksLRG {background-image:url(../images/Titles2/descriptions/Overview-desc.gif); width:250px; height:87px; padding:0px; margin:0 0 10px 0px;} h3.ResidentailLRG {background-image:url(../images/Titles2/descriptions/residential.gif); width:251px; height:116px; padding:0px; margin:0 0 10px 0px;} h3.CommercialLRG {background-image:url(../images/Titles2/descriptions/commercial.gif); width:251px; height:116px; padding:0px; margin:0 0 10px 0px;} h2.MoonBrothers {background-image:url(../images/Titles2/MoonBrothers.gif); width:112px; height:12px;} h3.MoonBrothersLRG {background-image:url(../images/Titles2/Moon_Lrg.gif); width:251px; height:116px; padding:0px; margin:0 0 10px 0px;} h2.Syndicate {background-image:url(../images/Titles2/Syndicate.gif); width:101px; height:12px;} h3.SyndicateLRG {background-image:url(../images/Titles2/descriptions/syndicate-desc.gif); width:251px; height:114px; padding:0px; margin:0 0 10px 0px;} h2.Mlofts {background-image:url(../images/Titles2/Mlofts.gif); width:50px; height:14px;} h3.MloftsLRG {background-image:url(../images/Titles2/descriptions/mlofts-desc.gif); width:251px; height:83px; padding:0px; margin:0 0 10px 0px;} h2.LoudermanLofts {background-image:url(../images/Titles2/LoudermanLofts.gif); width:125px; height:14px;} h3.LoudermanLoftsLRG {background-image:url(../images/Titles2/descriptions/Louderman-lofts-desc.gif); width:251px; height:101px; padding:0px; margin:0 0 10px 0px;} h2.BellLofts {background-image:url(../images/Titles2/BellLofts.gif); width:76px; height:14px;} h3.BellLoftsLRG {background-image:url(../images/Titles2/descriptions/bell-lofts-desc.gif); width:251px; height:104px; padding:0px; margin:0 0 10px 0px;} h2.HadleyDean {background-image:url(../images/HadleyDean.gif); width:86px; height:14px;} h3.HadleyDeanLRG {background-image:url(../images/Titles2/descriptions/hadley-dean-desc.gif); width:251px; height:114px; padding:0px; margin:0 0 10px 0px;} h2.LudwigLofts {background-image:url(../images/Titles2/LudwigLofts.gif); width:96px; height:14px;} h3.LudwigLRG {background-image:url(../images/Titles2/descriptions/ludwig-desc.gif); width:251px; height:116px; padding:0px; margin:0 0 10px 0px;} h2.Loftsat315 {background-image:url(../images/Titles2/Loftsat315.gif); width:75px; height:12px;} h3.Loftsat315LRG {background-image:url(../images/Titles2/descriptions/Loftsat315.gif); width:251px; height:87px;} h2.the411 {background-image:url(../images/Titles2/411.gif); width:75px; height:12px;} h3.the411 {background-image:url(../images/Titles2/descriptions/411-desc.gif); width:251px; height:100px;} h2.printers {background-image:url(../images/Titles2/printersloft.gif); width:120px; height:12px;} h3.printers {background-image:url(../images/Titles2/descriptions/printers-desc.gif); width:251px; height:100px;} /* Overview titles */ .MoonOverview {font-weight:lighter; color:#7a712d; font-size:12px;} .MoonOverview a {background-image: url(../images/Titles2/Overview-images/MoonBrothers2.gif); width:112px; height:12px; padding:0px; margin:2px 10px 0px 0px; display:block; background-repeat:no-repeat; float:left;} .MoonOverview a:hover{background-position: -112px 0px; background-color: transparent;} .BellOverview {font-weight:lighter; color:#7a712d; font-size:12px;} .BellOverview a {background-image:url(../images/Titles2/Overview-images/BellLofts2.gif); width:76px; height:12px; padding:0px; margin:2px 10px 0px 0px; display:block; background-repeat:no-repeat; float:left;} .BellOverview a:hover{background-position: -75px -0px; background-color: transparent;} .HadleyDeanOverview {font-weight:lighter; color:#7a712d; font-size:12px;} .HadleyDeanOverview a {background-image:url(../images/Titles2/Overview-images/HadleyDean.gif); width:87px; height:12px; padding:0px; margin:2px 10px 0px 0px; display:block; background-repeat:no-repeat; float:left;} .HadleyDeanOverview a:hover{background-position: -0px -12px; background-color: transparent;} .SyndicateOverview {font-weight:lighter; color:#7a712d; font-size:12px;} .SyndicateOverview a {background-image:url(../images/Titles2/Overview-images/Syndicate2.gif); width:101px; height:12px; padding:0px; margin:2px 10px 0px 0px; display:block; background-repeat:no-repeat; float:left;} .SyndicateOverview a:hover{background-position: -101px 0px; background-color: transparent;} .Loftsat315Overview {font-weight:lighter; color:#7a712d; font-size:12px;} .Loftsat315Overview a {background-image:url(../images/Titles2/Overview-images/Loftsat3152.gif); width:75px; height:12px; padding:0px; margin:2px 10px 0px 0px; display:block; background-repeat:no-repeat; float:left;} .Loftsat315Overview a:hover{background-position: -75px 0px; background-color: transparent;} .LoudermanOverview {font-weight:lighter; color:#7a712d; font-size:12px;} .LoudermanOverview a {background-image:url(../images/Titles2/Overview-images/LoudermanLofts2.gif); width:125px; height:12px; padding:0px; margin:2px 10px 0px 0px; display:block; background-repeat:no-repeat; float:left;} .LoudermanOverview a:hover{background-position: -125px 0px; background-color: transparent;} .LudwigLoftsOverview {font-weight:lighter; color:#7a712d; font-size:12px;} .LudwigLoftsOverview a {background-image:url(../images/Titles2/Overview-images/Ludwig2.gif); width:95px; height:12px; padding:0px; margin:2px 10px 0px 0px; display:block; background-repeat:no-repeat; float:left;} .LudwigLoftsOverview a:hover{background-position: -95px 0px; background-color: transparent;} .MloftsOverview {font-weight:lighter; color:#7a712d; font-size:12px;} .MloftsOverview a {background-image:url(../images/Titles2/Overview-images/Mlofts2.gif); width:52px; height:12px;padding:0px; margin:2px 10px 0px 0px; display:block; background-repeat:no-repeat; float:left;} .MloftsOverview a:hover{background-position: -52px 0px; background-color: transparent;} .FourLoftsOverview {font-weight:lighter; color:#7a712d; font-size:12px;} .FourLoftsOverview a {background-image:url(../images/411_commercial.gif); width:49px; height:12px;padding:0px; margin:2px 10px 0px 0px; display:block; background-repeat:no-repeat; float:left;} .FourLoftsOverview a:hover{background-position: 0px -12px; background-color: transparent;} .PrintersOverview {font-weight:lighter; color:#7a712d; font-size:12px;} .PrintersOverview a {background-image:url(../images/titles/printersloft.gif); width:110px; height:12px;padding:0px; margin:2px 10px 0px 0px; display:block; background-repeat:no-repeat; float:left;} .PrintersOverview a:hover{background-position: 0px -13px; background-color: transparent;} #Stats {width:490px; background-color:#fbf7e9; border: 2px solid #9e945f; padding:14px 14px 14px 7px; margin:0px; float: left; margin:12px 0 0 5px;} #Stats h3 {margin:2px 0 0 0px;padding:1px 0 5px 0px; background-repeat:no-repeat;} #Stats .colum {width:234px; float:left; margin-left:8px;} #Stats .center {margin-left:125px;} #Stats img {border:0px; padding-bottom:8px;} #Stats p {padding:0 0 10px 0px; margin:2px 0 0 0px;} #Stats ul {padding:0 0 10px 0px; margin:0 0 0 15px;} /*view buttons on property pages*/ a.google, a.google:hover { width: 70px;} a.website, a.website:hover { background-image: url(../images/Website_btn.gif); width: 233px; height: 49px; background-repeat: no-repeat; display: block; margin: 8px 0px 8px 0px;} a.floorplans, a.floorplans:hover { background-image: url(../images/FloorPlans_btn.gif); width: 233px; height: 49px; background-repeat: no-repeat; display: block; margin: 8px 0px 8px 0px;} a.brochure, a.brochure:hover { background-image: url(../images/LeasingBrochure_btn.gif); width: 233px; height: 49px; background-repeat: no-repeat; display: block; margin: 8px 0px 8px 0px;} a.available, a.available:hover { background-image: url(../images/Check_btn.gif); width: 233px; height: 49px; background-repeat: no-repeat; display: block; margin: 8px 0px 8px 0px;} a.download-application, a.download-application:hover { background-image: url(../images/download-application.png); width: 233px; height: 49px; background-repeat: no-repeat; display: block; margin: 8px 0px 8px 0px;} .property {background-image:url(../images/Titles2/Properties_title.gif); width:72px; height:12px;} .sizes {background-image:url(../images/Titles2/Sizes_title.gif); width:109px; height:12px; } .rate {background-image:url(../images/Titles2/leaserate_btn.gif); width:77px; height:12px;} .features {background-image:url(../images/Titles2/Features_title.gif); width:163px; height:12px;} .contact {background-image:url(../images/Titles2/contact.gif); width:60px; height:18px;}