@charset "utf-8"; /* CSS Document */ /* global*/ body { font:11px/20px verdana; color:#373737; background:#3b3b3b; margin:0px 0px 0px 0px; } p { color:#F7F7F7; margin:0px 0px 12px 0px; } /*h1 { width:800px; font:bold 30px/36px verdana; float:right; display:inline; margin:0px 0px 12px 0px; } h2 { font:bold 14px/18px verdana; text-transform:uppercase; margin:0px 0px 12px 0px; } h3 { font:normal 17px/21px verdana; margin:0px 0px 48px 0px; } div { height:100%; }*/ img { border:none; } form { margin:0px 0px 0px 0px; } a { color:#000000; } a:hover { color:#999999; text-decoration:underline; } /*:focus { outline:0px; }*/ .clear { clear:both; height:auto; } .over a { float:left; } .over a:hover { visibility:visible; } .over a:hover img { visibility:hidden; } /*.bullet { font:28px/28px verdana; color:#c41811; position:relative; top:4px; } #title { float:left; } .divider { float:left; }*/ /* png fix */ html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); } * html .png { behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "../images/pixel.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)); } /* header */ #headerFrame { width:100%; height:112px; background:url(../images/headerBG.jpg) repeat-x #433726; } #header { width:950px; height:112px; overflow:hidden; background:url(../images/header.jpg); margin:0px auto 0px auto; } #header #logo { width:305px; height:84px; background:url(../images/logo.jpg); padding:0px 0px 0px 0px; margin:0px auto 0px auto; } /* nav */ #header #nav { width:950px; height:20px; overflow:hidden; display:inline; background:url(../images/nav_bg.jpg) top center; padding:0px 0px 0px 0px; margin:0px auto 0px auto; } #header #nav ul.menu { width:950px; background-color:#141c14; list-style:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } #header #nav ul.menu li { height:20px; float:left; overflow:hidden; } #header #nav ul.menu li a { width:158px; height:24px; float:left; display:inline; padding:24px 0px 0px 0px; } /* nav > out */ #header #nav ul.menu li.home a { width:55px; background:url(../images/navigation.jpg) -0px 0px; } #header #nav ul.menu li.about a { width:152px; background:url(../images/navigation.jpg) -55px 0px; } #header #nav ul.menu li.location a { width:165px; background:url(../images/navigation.jpg) -207px 0px; } #header #nav ul.menu li.amenities a { width:79px; background:url(../images/navigation.jpg) -372px 0px; } #header #nav ul.menu li.floorplans a { width:85px; background:url(../images/navigation.jpg) -451px 0px; } #header #nav ul.menu li.corporate a { width:130px; background:url(../images/navigation.jpg) -536px 0px; } #header #nav ul.menu li.appointment a { width:159px; background:url(../images/navigation.jpg) -666px 0px; } #header #nav ul.menu li.application a { width:125px; background:url(../images/navigation.jpg) -825px 0px; } /* nav > active */ #header #nav ul.menu li#current.home a { width:55px; background:url(../images/navigation.jpg) 0px 20px; } #header #nav ul.menu li#current.about a { width:152px; background:url(../images/navigation.jpg) -55px 20px; } #header #nav ul.menu li#current.location a { width:165px; background:url(../images/navigation.jpg) -207px 20px; } #header #nav ul.menu li#current.amenities a { width:79px; background:url(../images/navigation.jpg) -372px 20px; } #header #nav ul.menu li#current.floorplans a { width:85px; background:url(../images/navigation.jpg) -451px 20px; } #header #nav ul.menu li#current.corporate a { width:130px; background:url(../images/navigation.jpg) -536px 20px; } #header #nav ul.menu li#current.appointment a { width:159px; background:url(../images/navigation.jpg) -666px 20px; } #header #nav ul.menu li#current.application a { width:125px; background:url(../images/navigation.jpg) -825px 20px; } /* nav > over */ #header #nav ul.menu li.home a:hover { width:55px; background:url(../images/navigation.jpg) 0px 20px; } #header #nav ul.menu li.about a:hover { width:152px; background:url(../images/navigation.jpg) -55px 20px; } #header #nav ul.menu li.location a:hover { width:165px; background:url(../images/navigation.jpg) -207px 20px; } #header #nav ul.menu li.amenities a:hover { width:79px; background:url(../images/navigation.jpg) -372px 20px; } #header #nav ul.menu li.floorplans a:hover { width:85px; background:url(../images/navigation.jpg) -451px 20px; } #header #nav ul.menu li.corporate a:hover { width:130px; background:url(../images/navigation.jpg) -536px 20px; } #header #nav ul.menu li.appointment a:hover { width:159px; background:url(../images/navigation.jpg) -666px 20px; } #header #nav ul.menu li.application a:hover { width:125px; background:url(../images/navigation.jpg) -825px 20px; } /* flash area */ #flashFrame { width:100%; height:260px; background:#5f5f5f; } #flashFrame img#buildingHome { position:absolute; background:url(../images/building.png) no-repeat; margin:72px 0px 0px -45px; } #flashFrame img#buildingAbout { position:absolute; background:url(../images/building.png) no-repeat; margin:100px 0px 0px -45px; } #flashFrame img#buildingLocation { position:absolute; background:url(../images/building.png) no-repeat; margin:72px 0px 0px -45px; } #flashFrame img#buildingAmenities { position:absolute; background:url(../images/building2.png) no-repeat; margin:100px 0px 0px -45px; } #flashFrame img#buildingFloorplans { position:absolute; background:url(../images/building2.png) no-repeat; margin:155px 0px 0px -45px; } #flashFrame img#buildingCorporate { position:absolute; background:url(../images/building2.png) no-repeat; margin:155px 0px 0px -45px; } #flashFrame img#buildingAppointment { position:absolute; background:url(../images/building2.png) no-repeat; margin:15px 0px 0px -45px; } #flashFrame img#buildingApplication { position:absolute; background:url(../images/building.png) no-repeat; margin:109px 0px 0px -45px; } #flash { width:950px; height:260px; background:url(../images/flash_bg.jpg) repeat-y; margin:0px auto 0px auto; } #flashImage { width:950px; height:260px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } #flashImage img.home { width:950px; height:260px; background:url(../images/headerImages/flash_home.jpg); } #flashImage img.about { width:950px; height:260px; background:url(../images/headerImages/flash_about.jpg); } #flashImage img.location { width:950px; height:260px; background:url(../images/headerImages/flash_location.jpg); } #flashImage img.amenities { width:950px; height:260px; background:url(../images/headerImages/flash_amenities.jpg); } #flashImage img.floorplans { width:950px; height:260px; background:url(../images/headerImages/flash_floorplans.jpg); } #flashImage img.corporate { width:950px; height:260px; background:url(../images/headerImages/flash_corporateHousing.jpg); } #flashImage img.appointment { width:950px; height:260px; background:url(../images/headerImages/flash_appointment.jpg); } #flashImage img.application { width:950px; height:260px; background:url(../images/headerImages/flash_onlineApplication.jpg); } #flashImage img.gallery { width:950px; height:260px; background:url(../images/headerImages/flash_gallery.jpg); } #flashTop {} /* content */ #contentFrame { width:100%; height:auto; clear:both; background:#757575; } #btmContentFrame { width:100%; height:auto; clear:both; background:#757575; } #quoteFrame { width:100%; height:auto; clear:both; background:#757575; } /*#quoteFrame { width:995px; margin:0px auto 0px auto; }*/ #bgAmenities { position:absolute; width:995px; height:31px; background:url(../images/amenities/quoteBg.jpg) no-repeat; margin:571px 0px 0px -45px; } #bgStudio { position:absolute; width:995px; height:81px; background:url(../images/floorplans/studio/title.jpg) no-repeat; margin:626px 0px 0px -45px; } #bgOne { position:absolute; width:995px; height:81px; background:url(../images/floorplans/oneBed/title.jpg) no-repeat; margin:626px 0px 0px -45px; } #bgTwo { position:absolute; width:995px; height:81px; background:url(../images/floorplans/twoBed/title.jpg) no-repeat; margin:626px 0px 0px -45px; } #bgTown { position:absolute; width:995px; height:81px; background:url(../images/floorplans/townHomes/title.jpg) no-repeat; margin:626px 0px 0px -45px; } #bgCorporate { position:absolute; width:995px; height:81px; background:url(../images/corporateHousing/quoteBg.jpg) no-repeat; margin:626px 0px 0px -45px; } #bgAppointment { position:absolute; width:995px; height:31px; background:url(../images/bookYourAppointment/quoteBg.jpg) no-repeat; margin:486px 0px 0px -45px; } #bgApplication { position:absolute; width:995px; height:31px; background:url(../images/bookYourAppointment/quoteBg.jpg) no-repeat; margin:553px 0px 0px -45px; } /* home */ #contentHome { width:950px; height:auto; background:url(../images/home/contentBg.jpg) repeat-y; overflow:hidden; padding:0px 0px 0px 0px; margin:0px auto 0px auto; } #contentHome #top { width:950px; height:34px; background:url(../images/home/flash_bottom.jpg) top; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } #contentHome #contentLeft { width:589px; height:auto; clear:both; float:left; display:inline; margin:0px 0px 0px 0px; } #contentHome #contentLeft #text { float:right; display:inline; margin:15px 25px 0px 0px; } #contentHome #contentLeft #text h1 { font:25px verdana; color:#f3f3f3; letter-spacing:2px; margin:0px 0px 0px 0px; } #contentHome #contentLeft #text h2 { font:16px verdana; color:#F7F7F7; margin:0px 0px 0px 0px; } #contentHome #contentLeft #text p { font:14px verdana; color:#F7F7F7; position:relative; margin:0px 0px 0px 0px; } #contentHome #contentLeft #text p a { color:#F7F7F7; text-decoration:none; } #contentHome #contentLeft #text p a:hover { color:#CCCCCC; text-decoration:none; } #contentHome #contentRight { width:361px; height:249px; float:right; display:inline; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } #contentHome #contentRight #callout01 { width:361px; height:83px; position:relative; background:url(../images/home/callout01_o.jpg); } #contentHome #contentRight #callout02 { width:361px; height:83px; position:relative; background:url(../images/home/callout02_o.jpg); } #contentHome #contentRight #callout03 { width:361px; height:83px; position:relative; background:url(../images/home/callout03_o.jpg); } /* about eugenie terrace */ #contentAbout { width:950px; height:auto; overflow:hidden; padding:0px 0px 0px 0px; margin:0px auto 0px auto; } #contentAbout #top { width:950px; height:34px; background:url(../images/amenities/flash_bottom2.jpg) top; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } #contentAbout #contentLeft { height:277px; clear:both; float:left; display:inline; margin:0px 0px 0px 0px; } #contentAbout #contentLeft #text { width:615px; float:left; display:inline; margin:15px 0px 0px 275px; } #contentAbout #contentLeft #text p { font:11px/20px verdana; color:#F7F7F7; position:relative; margin:0px 0px 0px 0px; } #contentAbout #contentLeft #text p.shifted { margin:15px 0px 0px 225px; } #contentAbout #contentLeft #text p span { font:bold 15px arial; color:#ffffff; text-transform:uppercase; } /* location/neighborhood */ #contentLocation { width:950px; height:auto; overflow:hidden; padding:0px 0px 0px 0px; margin:0px auto 0px auto; } #contentLocation #top { width:950px; height:34px; background:url(../images/amenities/flash_bottom2.jpg) top; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } #contentLocation #contentLeft { width:589px; height:249px; clear:both; float:left; display:inline; margin:0px 0px 0px 0px; } #contentLocation #contentLeft #text { width:615px; float:left; display:inline; margin:15px 0px 0px 275px; } #contentLocation #contentLeft #text p { font:11px/20px verdana; color:#F7F7F7; position:relative; margin:0px 0px 0px 0px; } #contentLocation #contentLeft #text p.shifted { margin:15px 0px 0px 225px; } #contentLocation #contentLeft #text p span { font:bold 15px arial; color:#ffffff; text-transform:uppercase; } #quote { width:950px; height:81px; overflow:hidden; padding:0px 0px 0px 0px; margin:0px auto 0px auto; } #quote #bgLocation { position:absolute; width:995px; height:81px; background:url(../images/location/quoteBg.jpg) no-repeat; padding:0px 0px 0px 0px; margin:0px 0px 0px -45px; } #btmContentFrameLocation { width:950px; height:auto; background:url(../images/home/contentBg.jpg) repeat-y; overflow:hidden; padding:0px 0px 0px 0px; margin:0px auto 0px auto; } #btmContentFrameLocation #btmContentLeft { width:589px; height:auto; background:url(../images/location/tableBg.gif) repeat-y #c4c4c4; overflow:hidden; float:left; display:inline; margin:0px 0px 30px 0px; } #btmContentFrameLocation #btmContentTop { width:589px; background:url(../images/location/tableTop.gif) no-repeat top left; } #btmContentFrameLocation #btmContentBtm { width:589px; background:url(../images/location/tableBtm.gif) no-repeat bottom left; } #btmContentFrameLocation #btmContentBtm h2 { font:bold 14px arial; color:#373737; text-transform:uppercase; padding:15px 0px 20px 30px; margin:0px 0px 0px 0px; } #btmContentFrameLocation #btmContentBtm #listContent { width:589px; height:auto; overflow:hidden; padding:0px 0px 20px 0px; margin:0px 0px 0px 30px; } #btmContentFrameLocation #btmContentBtm #list { float:left; display:inline; padding:0px 0px 0px 0px; margin:0px 35px 0px 0px; } #btmContentFrameLocation #btmContentBtm ul { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } #btmContentFrameLocation #btmContentBtm ul span { font:bold 12px verdana; color:#373737; text-transform:uppercase; padding:0px 0px 0px 0px; margin:0px 0px 5px 0px; } #btmContentFrameLocation #btmContentBtm ul li { list-style:disc outside; font:11px/16px verdana; padding:0px 0px 0px 0px; margin:0px 0px 0px 20px; } #btmContentFrameLocation #btmContentBtm ul li.listSubTitle { list-style:none; font:bold italic 11px/20px verdana; margin:0px 0px 0px 0px; } #btmContentFrameLocation #contentRight { width:361px; height:249px; float:right; display:inline; padding:0px 0px 0px 0px; margin:25px 0px 0px 0px; } #btmContentFrameLocation #contentRight #callout01 { width:361px; height:83px; position:relative; background:url(../images/location/callout01_o.jpg); } #btmContentFrameLocation #contentRight #callout02 { width:361px; height:83px; position:relative; background:url(../images/location/callout02_o.jpg); } #btmContentFrameLocation #contentRight #callout03 { width:361px; height:83px; position:relative; background:url(../images/location/callout03_o.jpg); } /* amenities */ #contentAmenities { width:950px; height:auto; overflow:hidden; padding:0px 0px 0px 0px; margin:0px auto 0px auto; } #contentAmenities #top { width:950px; height:34px; background:url(../images/amenities/flash_bottom2.jpg) top; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } #contentAmenities #contentLeft { height:auto; clear:both; float:left; display:inline; margin:0px 0px 0px 0px; } #contentAmenities #contentLeft #text { width:615px; float:left; display:inline; margin:15px 0px 0px 275px; } #contentAmenities #contentLeft #text p { font:11px/20px verdana; color:#F7F7F7; position:relative; margin:0px 0px 0px 0px; } #contentAmenities #contentLeft #text p.shifted { margin:15px 0px 0px 225px; } #contentAmenities #contentLeft #text p span { font:bold 15px arial; color:#ffffff; text-transform:uppercase; } #btmContentAmenities { width:950px; height:auto; background:url(../images/amenities/tableBg.gif) repeat-y #c4c4c4; overflow:hidden; padding:0px 0px 0px 0px; margin:57px auto 40px auto; } #btmContentAmenities #btmContentTop { width:950px; background:url(../images/amenities/tableTop.gif) no-repeat top; } #btmContentAmenities #btmContentBtm { width:950px; background:url(../images/amenities/tableBtm.gif) no-repeat bottom; } #btmContentAmenities #contentLeft { width:600px; height:auto; overflow:hidden; float:left; display:inline; padding:0px 0px 0px 0px; margin:5px 0px 10px 15px; } #btmContentAmenities #contentLeft ul { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } #btmContentAmenities #contentLeft ul span { font:bold 12px verdana; color:#373737; text-transform:uppercase; padding:0px 0px 0px 0px; margin:0px 0px 5px 0px; } #btmContentAmenities #contentLeft ul li { list-style:disc outside; font:11px/16px verdana; padding:0px 0px 0px 0px; margin:0px 0px 0px 20px; } #btmContentAmenities #contentLeft ul li.listSubTitle { list-style:none; font:bold italic 11px/20px verdana; margin:0px 0px 0px 0px; } #btmContentAmenities #contentLeft #list { width:250px; float:left; display:inline; padding:0px 0px 0px 0px; margin:10px 0px 8px 0px; } #btmContentAmenities #contentLeft #list2 { width:340px; float:left; display:inline; padding:0px 0px 0px 0px; margin:10px 0px 8px 0px; } #btmContentAmenities #contentRight { width:335px; height:auto; float:right; display:inline; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } #btmContentAmenities #contentRight #imgBtmAmenities { width:295px; height:249px; background:url(../images/amenities/btmImage.jpg) no-repeat; padding:0px 0px 0px 0px; margin:27px 0px 0px 0px; } #tag { width:950px; height:auto; overflow:hidden; padding:0px 0px 5px 0px; margin:0px auto 0px auto; } #tag h1 { font:18px arial; color:#ffffff; text-align:center; letter-spacing:2px; text-transform:uppercase; margin:0px auto 0px auto; } #tag p { font:16px arial; color:#373737; text-align:center; margin:0px auto 0px auto; } /* floorplans */ #contentFloorplans { width:950px; height:auto; background:url(../images/home/contentBg.jpg) repeat-y; overflow:hidden; padding:0px 0px 0px 0px; margin:0px auto 0px auto; } #contentFloorplans #top { width:950px; height:34px; background:url(../images/home/flash_bottom.jpg) top; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } #contentFloorplans #contentLeft { width:589px; height:auto; clear:both; float:left; display:inline; margin:0px 0px 0px 0px; } #contentFloorplans #contentLeft #arrow { background:url(../images/floorplans/arrow.jpg) no-repeat; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } #contentFloorplans #contentLeft #text { width:306px; float:left; display:inline; margin:15px 0px 0px 275px; } #contentFloorplans #contentLeft #text #arrow { width:269px; height:54px; position:relative; background:url(../images/floorplans/arrow_o.jpg) no-repeat; padding:0px 0px 0px 0px; margin:15px 0px 0px 0px; } #contentFloorplans #contentLeft #text h1 { font:25px verdana; color:#f3f3f3; letter-spacing:2px; margin:0px 0px 0px 0px; } #contentFloorplans #contentLeft #text h2 { font:18px verdana; color:#373737; margin:0px 0px 0px 0px; } #contentFloorplans #contentLeft #text p { font:11px/20px verdana; color:#F7F7F7; position:relative; margin:0px 0px 0px 0px; } #contentFloorplans #contentLeft #text p span { font:bold 15px arial; color:#ffffff; text-transform:uppercase; } #contentFloorplans #contentLeft #text p a { color:#373737; text-decoration:none; } #contentFloorplans #contentLeft #text p a:hover { color:#CCCCCC; text-decoration:none; } #contentFloorplans #contentRight { width:361px; height:332px; float:right; display:inline; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } #contentFloorplans #contentRight #callout01 { width:361px; height:83px; position:relative; background:url(../images/floorplans/callout01_o.jpg); } #contentFloorplans #contentRight #callout02 { width:361px; height:83px; position:relative; background:url(../images/floorplans/callout02_o.jpg); } #contentFloorplans #contentRight #callout03 { width:361px; height:83px; position:relative; background:url(../images/floorplans/callout03_o.jpg); } #contentFloorplans #contentRight #callout04 { width:361px; height:83px; position:relative; background:url(../images/floorplans/callout04_o.jpg); } #btmContent { width:950px; height:auto; overflow:hidden; padding:0px 0px 5px 0px; margin:81px auto 0px auto; } #btmContent #quoteStudio { background:url(../images/floorplans/studio/quote.jpg) no-repeat; } #btmContent #contentLeft { width:475px; height:auto; float:left; display:inline; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } #btmContent #contentRight { width:475px; height:auto; float:right; display:inline; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } #btmContent #tab { width:475px; height:auto; background:url(../images/floorplans/tabBg.gif) repeat-y; } #btmContent #tab #left { width:223px; height:160px; float:left; display:inline; margin:0px 0px 0px 0px; } #btmContent #tab #left p { font:11px/16px verdana; color:#373737; padding:10px 15px 0px 14px; margin:0px 0px 0px 0px; } #btmContent #tab #left span p { font:11px/16px verdana; color:#373737; padding:30px 15px 0px 14px; margin:0px 0px 0px 0px; } #btmContent #tab #left span p a { color:#373737; text-decoration:none; } #btmContent #tab #left span p a:hover { color:#606060; text-decoration:underline; } #btmContent #tab #right { width:222px; float:left; display:inline; margin:0px 0px 0px 0px; } #btmContent #tab #right img { } #btmContent #tab #right img.studioImage01 { background:url(../images/floorplans/studio/tabImage01.jpg) no-repeat; margin:20px 0px 0px 0px; } #btmContent #tab #right img.studioImage02 { background:url(../images/floorplans/studio/tabImage02.jpg) no-repeat; margin:20px 0px 0px 0px; } #btmContent #tab #right img.studioImage03 { background:url(../images/floorplans/studio/tabImage03.jpg) no-repeat; margin:5px 0px 0px 10px; } #btmContent #tab #right img.oneImage01 { background:url(../images/floorplans/oneBed/oneImage01.jpg) no-repeat; margin:20px 0px 0px 10px; } #btmContent #tab #right img.oneImage02 { background:url(../images/floorplans/oneBed/oneImage02.jpg) no-repeat; margin:5px 0px 0px 20px; } #btmContent #tab #right img.twoImage01 { background:url(../images/floorplans/twoBed/twoImage01.jpg) no-repeat; margin:0px 0px 0px 30px; } #btmContent #tabTop { width:475px; background:url(../images/floorplans/tabTop.gif) top no-repeat; } #btmContent #tabBtm { width:475px; background:url(../images/floorplans/tabBtm.gif) bottom no-repeat; padding:0px 0px 20px 0px; } #btmContent #tabTitle { margin:0px 14px 0px 14px; } #btmContent #tabTitle h1 { font:16px arial; color:#ffffff; text-transform:uppercase; letter-spacing:1px; padding:14px 0px 0px 0px; margin:0px 0px 0px 0px; } /* floorplan layouts */ #floorplanLayouts { width:877px; height:464px; } #floorplanLayouts #floorplanImage { width:653px; height:464px; float:left; display:inline; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } #floorplanLayouts #floorplanImage img.studio500 { background:url(../images/floorplans/studio/studio_500_image.jpg) no-repeat top left; } #floorplanLayouts #floorplanImage img.studio550 { background:url(../images/floorplans/studio/studio_550_image.jpg) no-repeat top left; } #floorplanLayouts #floorplanImage img.studio600 { background:url(../images/floorplans/studio/studio_600_image.jpg) no-repeat top left; } #floorplanLayouts #floorplanImage img.oneBed800 { background:url(../images/floorplans/oneBed/oneBed_800_image.jpg) no-repeat top left; } #floorplanLayouts #floorplanImage img.oneBed1000 { background:url(../images/floorplans/oneBed/oneBed_1000_image.jpg) no-repeat top left; } #floorplanLayouts #floorplanImage img.twoBed1200 { background:url(../images/floorplans/twoBed/twoBed_1200_image.jpg) no-repeat top left; } #floorplanLayouts #floorplanImage img.townhomeOne { background:url(../images/floorplans/townHomes/townhome_one.jpg) no-repeat top left; } #floorplanLayouts #floorplanImage img.townhomeTwo { background:url(../images/floorplans/townHomes/townhome_two.jpg) no-repeat top left; } #floorplanLayouts #floorplanImage img.townhomeThree { background:url(../images/floorplans/townHomes/townhome_three.jpg) no-repeat top left; } #floorplanLayouts #floorplanImage img.townhomeFour { background:url(../images/floorplans/townHomes/townhome_four.jpg) no-repeat top left; } #floorplanLayouts #floorplanInfo { width:224px; height:464px; float:left; display:inline; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } #floorplanLayouts #floorplanInfo.studio500 { background:url(../images/floorplans/studio/studio_500_info.gif) no-repeat top left; } #floorplanLayouts #floorplanInfo.studio550 { background:url(../images/floorplans/studio/studio_550_info.gif) no-repeat top left; } #floorplanLayouts #floorplanInfo.studio600 { background:url(../images/floorplans/studio/studio_600_info.gif) no-repeat top left; } #floorplanLayouts #floorplanInfo.oneBed800 { background:url(../images/floorplans/oneBed/oneBed_800_info.gif) no-repeat top left; } #floorplanLayouts #floorplanInfo.oneBed1000 { background:url(../images/floorplans/oneBed/oneBed_1000_info.gif) no-repeat top left; } #floorplanLayouts #floorplanInfo.twoBed1200 { background:url(../images/floorplans/twoBed/twoBed_1200_info.gif) no-repeat top left; } #floorplanLayouts #floorplanInfo.townhome { background:url(../images/floorplans/townHomes/townhome_info.gif) no-repeat top left; } #floorplanLayouts #floorplanInfo #text { margin:10px 10px 0px 10px; } #floorplanLayouts #floorplanInfo #text p { font:11px/20px verdana; color:#666666; margin:0px 0px 20px 0px; } #floorplanLayouts #floorplanInfo #text p a { color:#aaaaaa; text-decoration:underline; } #floorplanLayouts #floorplanInfo #text p a:hover { color:#CCCCCC; text-decoration:underline; } #floorplanLayouts #floorplanInfo #text p span { font:13px arial; color:#ffffff; text-transform:uppercase; } /* corporate housing */ #contentCorporate { width:950px; height:auto; overflow:hidden; padding:0px 0px 0px 0px; margin:0px auto 0px auto; } #contentCorporate #top { width:950px; height:34px; background:url(../images/amenities/flash_bottom2.jpg) top; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } #contentCorporate #contentLeft { height:auto; clear:both; float:left; display:inline; margin:0px 0px 0px 0px; } #contentCorporate #contentLeft #text { width:615px; float:left; display:inline; margin:15px 0px 0px 275px; } #contentCorporate #contentLeft #text h1 { font:25px verdana; color:#f3f3f3; letter-spacing:2px; margin:0px 0px 0px 0px; } #contentCorporate #contentLeft #text h2 { font:18px verdana; color:#373737; margin:0px 0px 0px 0px; } #contentCorporate #contentLeft #text p { font:11px/20px verdana; color:#F7F7F7; position:relative; margin:0px 0px 0px 0px; } #contentCorporate #contentLeft #text p.shifted { margin:15px 0px 0px 225px; } #contentCorporate #contentLeft #text p span { font:bold 15px arial; color:#ffffff; text-transform:uppercase; } #contentCorporate #contentLeft #text p a { color:#373737; text-decoration:none; } #contentCorporate #contentLeft #text p a:hover { color:#CCCCCC; text-decoration:none; } #btmContentCorporate { width:950px; height:auto; background:url(../images/amenities/tableBg.gif) repeat-y #c4c4c4; overflow:hidden; padding:0px 0px 0px 0px; margin:135px auto 40px auto; } #btmContentCorporate #btmContentTop { width:950px; background:url(../images/amenities/tableTop.gif) no-repeat top; } #btmContentCorporate #btmContentBtm { width:950px; background:url(../images/amenities/tableBtm.gif) no-repeat bottom; } #btmContentCorporate #contentLeft { width:565px; height:auto; overflow:hidden; float:left; display:inline; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } #btmContentCorporate #contentLeft h2 { width:565px; font:bold 12px verdana; color:#373737; text-transform:uppercase; padding:15px 0px 0px 15px; margin:0px 0px 5px 0px; } #btmContentCorporate #contentLeft #list { width:282px; float:left; display:inline; padding:0px 0px 0px 0px; margin:25px 0px 8px 0px; } #btmContentCorporate #contentLeft #list ul { padding:0px 0px 0px 15px; margin:0px 0px 0px 0px; } #btmContentCorporate #contentLeft #list ul li { list-style:disc outside; font:11px/16px verdana; padding:0px 0px 8px 0px; margin:0px 0px 0px 20px; } #btmContentCorporate #contentLeft #list ul li.listSubTitle { list-style:none; font:bold italic 11px/20px verdana; margin:0px 0px 0px 0px; } #btmContentCorporate #contentRight { width:385px; height:289px; overflow:hidden; float:right; display:inline; padding:0px 0px 30px 0px; margin:0px 0px 0px 0px; } #btmContentCorporate #contentRight #imgBtmCorporate { width:343px; height:289px; background:url(../images/corporateHousing/btmImage.jpg) no-repeat; padding:0px 0px 0px 0px; margin:10px 0px 0px 30px; } #tag { width:950px; height:auto; overflow:hidden; padding:0px 0px 5px 0px; margin:0px auto 0px auto; } #tag h1 { font:18px arial; color:#ffffff; text-align:center; letter-spacing:2px; text-transform:uppercase; margin:0px auto 0px auto; } #tag p { font:16px arial; color:#373737; text-align:center; margin:0px auto 0px auto; } /* book your appointment */ #contentAppointment { width:950px; height:257px; overflow:hidden; padding:0px 0px 0px 0px; margin:0px auto 0px auto; } #contentAppointment #top { width:950px; height:34px; background:url(../images/amenities/flash_bottom2.jpg) top; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } #contentAppointment #contentLeft { width:375px; margin:15px 75px 0px 475px; } #contentAppointment #contentLeft p { position:relative; font:11px/20px verdana; color:#373737; } #contentAppointment #contentLeft p span { font:15px arial; color:#ffffff; text-transform:uppercase; } #contentAppointment #contentLeft p a { color:#373737; text-decoration:none; } #contentAppointment #contentLeft p a:hover { color:#CCCCCC; text-decoration:none; } #contentAppointment #contentLeft #left { width:180px; float:left; display:inline; margin:20px 0px 5px 0px; } #contentAppointment #contentLeft #left p { font:11px verdana; color:#373737; } #btmContentAppointment { width:950px; height:auto; background:url(../images/bookYourAppointment/formBg.gif) repeat-y #c4c4c4; overflow:hidden; padding:0px 0px 0px 0px; margin:0px auto 0px auto; } #btmContentAppointment #btmContentTop { width:950px; background:url(../images/bookYourAppointment/formTop.gif) no-repeat top; } #btmContentAppointment #btmContentBtm { width:950px; background:url(../images/bookYourAppointment/formBtm.gif) no-repeat bottom; padding:0px 0px 0px 0px; } #btmContentAppointment #formTitle { width:823px; padding:10px 0px 10px 0px; margin:0px 0px 0px 63px; } #btmContentAppointment #formTitle h1 { font:bold 12px verdana; color:#373737; text-transform:uppercase; float:left; display:inline; padding:0px 0px 0px 10px; margin:0px 0px 0px 0px; } #btmContentAppointment #formTitle p { font:italic 12px verdana; color:#373737; float:right; display:inline; padding:0px 10px 0px 0px; margin:0px 0px 0px 0px; } #btmContentAppointment p.fName { width:159px; font:11px verdana; color:#373737; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } #btmContentAppointment input.fName { width:159px; font:bold 11px arial; color:#373737; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } #btmContentAppointment p.mi { width:100%; font:11px verdana; color:#373737; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } #btmContentAppointment input.mi { width:29px; font:bold 11px arial; color:#373737; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } #btmContentAppointment p.lName { width:159px; font:11px verdana; color:#373737; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } #btmContentAppointment input.lName { width:159px; font:bold 11px arial; color:#373737; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } #btmContentAppointment p.address { width:289px; font:11px verdana; color:#373737; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } #btmContentAppointment input.address { width:289px; font:bold 11px arial; color:#373737; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } #btmContentAppointment p.apt { width:71px; font:11px verdana; color:#373737; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } #btmContentAppointment input.apt { width:71px; font:bold 11px arial; color:#373737; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } #btmContentAppointment p.city { width:159px; font:11px verdana; color:#373737; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } #btmContentAppointment input.city { width:159px; font:bold 11px arial; color:#373737; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } #btmContentAppointment p.state { width:48px; font:11px verdana; color:#373737; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } #btmContentAppointment select.state { width:48px; font:bold 11px arial; color:#373737; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } #btmContentAppointment p.zip { width:58px; font:11px verdana; color:#373737; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } #btmContentAppointment input.zip { width:58px; font:bold 11px arial; color:#373737; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } #btmContentAppointment p.email { width:289px; font:11px verdana; color:#373737; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } #btmContentAppointment input.email { width:289px; font:bold 11px arial; color:#373737; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } #btmContentAppointment p.phone { width:289px; font:11px verdana; color:#373737; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } #btmContentAppointment input.ph1 { width:39px; font:bold 11px arial; color:#373737; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } #btmContentAppointment input.ph2 { width:39px; font:bold 11px arial; color:#373737; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } #btmContentAppointment input.ph3 { width:49px; font:bold 11px arial; color:#373737; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } #btmContentAppointment p.bphone { width:289px; font:11px verdana; color:#373737; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } #btmContentAppointment input.bph1 { width:39px; font:bold 11px arial; color:#373737; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } #btmContentAppointment input.bph2 { width:39px; font:bold 11px arial; color:#373737; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } #btmContentAppointment input.bph3 { width:49px; font:bold 11px arial; color:#373737; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } #btmContentAppointment p.comments { width:159px; font:11px verdana; color:#373737; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } #btmContentAppointment textarea.comments { width:600px; font:bold 11px arial; color:#373737; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } #tag { width:950px; height:auto; overflow:hidden; padding:0px 0px 5px 0px; margin:20px auto 0px auto; } #tag h1 { font:18px arial; color:#ffffff; text-align:center; letter-spacing:2px; text-transform:uppercase; margin:0px auto 0px auto; } #tag p { font:16px arial; color:#373737; text-align:center; margin:0px auto 0px auto; } /* online application */ #contentApplication { width:950px; height:320px; overflow:hidden; padding:0px 0px 0px 0px; margin:0px auto 0px auto; } #contentApplication #top { width:950px; height:34px; background:url(../images/amenities/flash_bottom2.jpg) top; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } #contentApplication #contentLeft { width:277px; clear:both; float:left; display:inline; margin:0px 0px 0px 0px; } #contentApplication #contentLeft #text { width:615px; float:left; display:inline; margin:15px 0px 0px 275px; } #contentApplication #contentLeft #text p { position:relative; font:11px/20px verdana; color:#F7F7F7; } #contentApplication #contentLeft #text p.shifted { margin:15px 0px 0px 225px; } #contentApplication #contentLeft #text p.shifted a { font:bold; color:#373737; text-decoration:none; } #contentApplication #contentLeft #text p.shifted a:hover { font:bold; color:#CCCCCC; text-decoration:none; } #contentApplication #contentLeft #text p span { font:bold 15px arial; color:#ffffff; text-transform:uppercase; } #contentApplication #contentLeft #text p a { color:#373737; text-decoration:none; } #contentApplication #contentLeft #text p a:hover { color:#CCCCCC; text-decoration:none; } #contentApplication #contentLeft #left { width:180px; float:left; display:inline; margin:20px 0px 5px 0px; } #contentApplication #contentLeft #left p { font:11px verdana; color:#373737; } /* gallery */ #contentGallery { width:950px; height:460px; overflow:hidden; padding:0px 0px 0px 0px; margin:0px auto 0px auto; } #contentGallery #top { width:950px; height:34px; background:url(../images/amenities/flash_bottom2.jpg) top; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } #contentGallery #contentLeft { width:950px; clear:both; float:left; display:inline; margin:0px 0px 0px 0px; } #contentGallery #contentLeft #flashGallery { width:750px; height:389px; margin:15px 50px 0px 150px; } /* footer */ #footerFrame { width:100%; height:auto; background:#3b3b3b; } #footer { width:950px; overflow:hidden; margin:8px auto 0px auto; } #footerLeft { height:75px; float:right; display:inline; margin:0px 25px 0px 0px; } #footerLeft #sitemap { font:9px/18px verdana; color:#e1e1e1; text-align:right; margin:0px 0px 0px 0px; } #footerLeft #sitemap a { color:#888888; text-decoration:none; text-transform:uppercase; } #footerLeft #sitemap a:hover { color:#e1e1e1; } #footerLeft #brand { font:9px verdana; color:#676767; text-align:right; margin:0px 0px 0px 0px; } #footerLeft #brand span { font:9px verdana; color:#888888; } #footerLeft #brand a { color:#676767; text-decoration:none; } #footerLeft #brand a:hover { color:#e1e1e1; } #footerLeft #brand img#eim { position:relative; top:6px; background:url(../images/assets/website_design_eim_logo.png) no-repeat; } #footerRight { width:70px; float:right; display:inline; margin:10px auto 0px auto; } #footerRight #house { width:41px; height:31px; background:url(../images/assets/house.jpg) no-repeat; }