/* ============= Global Settings ============= */ * { padding: 0; margin: 0; border: 0; } body { background: #fff; } /* * @group clearfix * @elements: none */ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { display: inline-block; } /* start commented backslash hack \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* close commented backslash hack */ .clear { clear: both; } .left { float: left; } .right { float: right; } .center { text-align: center; } .small { font-size: 10px; } .hr { height: 25px; margin: 0 2px; background: url('/images/news-hr.gif') repeat-x; } p { margin: 0 0 20px 0; } h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; color: #404040; } h1 { font-size: 12.5px; margin-bottom: 17px; text-transform: uppercase; line-height: 18px; } h2 { } h3 { } h4 { } h5 { } h6 { } /* ============= Links ============= */ a, a:visited { text-decoration: underline; color: #AAA; } a:hover { text-decoration: underline; color: #404040; } /* ============= Structure ============= */ #container { width: 980px; margin: 0 auto 40px auto; font: 12px/18px Arial, Helvetica, sans-serif; color: #838383; } #container.home { background: url('/images/bg-home.gif') bottom left no-repeat; min-height: 1160px; height: auto !important; height: 1160px; } #header { width: 980px; height: 106px; } #header #logo { float: left; width: 127px; height: 88px; margin-top: 13px; } #header #nav { float: right; width: 853px; height: 19px; margin-top: 65px; } #header #nav ul { list-style: none; margin: 0; padding: 0; float: right; } /* TOP NAV BUTTONS */ #header #nav #amenities { float: left; position: relative; left: 64px; z-index: 0; } #header #nav #amenities-on { float: left; position: relative; left: 64px; z-index: 1; } #header #nav li a.amenities { display: block; width: 107px; height: 19px; background: url('/images/nav-amenities-off.gif') no-repeat; } #header #nav li a.amenities:hover { background: url('/images/nav-amenities-on.gif') no-repeat; cursor: pointer; } #header #nav li a.amenities-on { display: block; width: 107px; height: 19px; background: url('/images/nav-amenities-on.gif') no-repeat; } #header #nav #apartments { float: left; position: relative; left: 56px; z-index: 0; } #header #nav #apartments-on { float: left; position: relative; left: 56px; z-index: 1; } #header #nav li a.apartments { display: block; width: 126px; height: 19px; background: url('/images/nav-apartments-off.gif') no-repeat; } #header #nav li a.apartments:hover { background: url('/images/nav-apartments-on.gif') no-repeat; cursor: pointer; } #header #nav li a.apartments-on { display: block; width: 126px; height: 19px; background: url('/images/nav-apartments-on.gif') no-repeat; } #header #nav #gallery { float: left; position: relative; left: 48px; z-index: 0; } #header #nav #gallery-on { float: left; position: relative; left: 48px; z-index: 1; } #header #nav li a.gallery { display: block; width: 97px; height: 19px; background: url('/images/nav-gallery-off.gif') no-repeat; } #header #nav li a.gallery:hover { background: url('/images/nav-gallery-on.gif') no-repeat; cursor: pointer; } #header #nav li a.gallery-on { display: block; width: 97px; height: 19px; background: url('/images/nav-gallery-on.gif') no-repeat; } #header #nav #location { float: left; position: relative; left: 40px; z-index: 0; } #header #nav #location-on { float: left; position: relative; left: 40px; z-index: 1; } #header #nav li a.location { display: block; width: 111px; height: 19px; background: url('/images/nav-location-off.gif') no-repeat; } #header #nav li a.location:hover { background: url('/images/nav-location-on.gif') no-repeat; cursor: pointer; } #header #nav li a.location-on { display: block; width: 111px; height: 19px; background: url('/images/nav-location-on.gif') no-repeat; } #header #nav #faq { float: left; position: relative; left: 32px; z-index: 0; } #header #nav #faq-on { float: left; position: relative; left: 32px; z-index: 1; } #header #nav li a.faq { display: block; width: 70px; height: 19px; background: url('/images/nav-faq-off.gif') no-repeat; } #header #nav li a.faq:hover { background: url('/images/nav-faq-on.gif') no-repeat; cursor: pointer; } #header #nav li a.faq-on { display: block; width: 70px; height: 19px; background: url('/images/nav-faq-on.gif') no-repeat; } #header #nav #movein { float: left; position: relative; left: 24px; z-index: 0; } #header #nav #movein-on { float: left; position: relative; left: 24px; z-index: 1; } #header #nav li a.movein { display: block; width: 131px; height: 19px; background: url('/images/nav-movein-off.gif') no-repeat; } #header #nav li a.movein:hover { background: url('/images/nav-movein-on.gif') no-repeat; cursor: pointer; } #header #nav li a.movein-on { display: block; width: 131px; height: 19px; background: url('/images/nav-movein-on.gif') no-repeat; } #header #nav #q { float: left; position: relative; left: 16px; z-index: 0; } #header #nav #q-on { float: left; position: relative; left: 16px; z-index: 1; } #header #nav li a.q { display: block; width: 57px; height: 19px; background: url('/images/nav-q2-off.gif') no-repeat; } #header #nav li a.q:hover { background: url('/images/nav-q2-on.gif') no-repeat; cursor: pointer; } #header #nav li a.q-on { display: block; width: 57px; height: 19px; background: url('/images/nav-q2-on.gif') no-repeat; } #header #nav #contact { float: left; position: relative; left: 8px; z-index: 0; } #header #nav #contact-on { float: left; position: relative; left: 8px; z-index: 1; } #header #nav li a.contact { display: block; width: 127px; height: 19px; background: url('/images/nav-contact-off.gif') no-repeat; } #header #nav li a.contact:hover { background: url('/images/nav-contact-on.gif') no-repeat; cursor: pointer; } #header #nav li a.contact-on { display: block; width: 127px; height: 19px; background: url('/images/nav-contact-on.gif') no-repeat; } /* /TOP NAV BUTTONS */ #flash-home { width: 980px; height: 433px; background: #fff; padding-left:6px; } flash-home-container { } #home-left { float: left; display: inline; width: 501px; margin: 15px 0 0 133px; padding: 0 42px 0 0; } #home-right { float: left; display: inline; width: 304px; margin: 12px 0 0 0; } #home-right a.schedule-tour { float: left; display: block; width: 138px; height: 32px; background: url('/images/schedule-tour-off.gif') no-repeat; margin-right: 4px; } #home-right a.schedule-tour:hover { background: url('/images/schedule-tour-on.gif') no-repeat; } #home-right a.submit-app { float: left; display: block; width: 161px; height: 32px; background: url('/images/submit-app-off.gif') no-repeat; } #home-right a.submit-app:hover { background: url('/images/submit-app-on.gif') no-repeat; } #home-right a.resident-login { float: left; display: block; width: 138px; height: 32px; background: url('/images/resident-login-off.gif') no-repeat; margin-right: 4px; } #home-right a.resident-login:hover { background: url('/images/resident-login-on.gif') no-repeat; } #home-right a.homecontact { float: left; display: block; width: 138px; height: 32px; background: url('/images/hear-more-off.gif') no-repeat; margin-right: 4px; } #home-right a.homecontact:hover { background: url('/images/hear-more-on.gif') no-repeat; } #template-left a.submit-app { float: left; display: block; width: 139px; height: 32px; background: url('/images/submit-app-off.gif') no-repeat; } #template-left a.submit-app:hover { background: url('/images/submit-app-on.gif') no-repeat; } #home-right #news { font-size: 11px; line-height: normal; } #home-right #news .header { font-size: 12px; font-weight: bold; line-height: 18px; margin-bottom: 4px; } #home-right #news #rss { float: right; margin: 8px 0 0 0; } #home-right #news hr { height: 1px; margin-bottom: 14px; padding: 0; color: #999; background: #999; } #home-right #news .hr { height: 25px; margin: 0 2px; background: url('/images/news-hr.gif') repeat-x; } #template-left { float: left; display: inline; width: 281px; margin-top: 4px; } #template-left .photo { width: 273px; height: 259px; margin-bottom: 16px; } #home-right #links { text-align: right; margin: 12px 1px 0 0; color: #aaa; height: 40px; } #home-right #links a, #home-right #news a, #template-left #links a, #template-right-style2 #links a, #gallery-left #links a, .half-left-style2 #links a { text-decoration: none; } #template-left #links, .half-left-style2 #links { text-align: left; margin: 12px 0 0 0; color: #aaa; height: 33px; } #template-right-style2 #links { text-align: right; margin: 12px 0 0 0; color: #aaa; height: 33px; } #gallery-left #links { text-align: left; margin: 12px 0 0 0; height: 33px; color: #aaa; } #subnav { height: 255px; margin: 4px 0 16px 0; } #subnav ul { width: 270px; list-style: none; font: 12.5px/normal Arial, Helvetica, sans-serif; color: #575757; } #subnav ul li { border-bottom: dotted 1px #CBCBCB; background: url('/images/subnav-arrow.gif') no-repeat; background-position: 12px 13px; } #subnav ul li.on { border-bottom: dotted 1px #CBCBCB; background: url('/images/subnav-bg-on.gif') no-repeat; background-position: 0 0; } #subnav ul li.on a { color: #fff; } #subnav ul li a { display: block; color: #575757; text-decoration: none; padding: 11px 23px; } #subnav ul li a:hover { text-decoration: underline; } #subnav ul li.tertiary { margin-top: 4px; padding: 0; background-image: none; border: 0; } #subnav ul li.tertiary li { border: 0; background-position: 25px 6px; } #subnav ul li.tertiary li a { padding: 4px 23px 4px 36px; height: 15px; } .buttons { margin-bottom: 0px; } #template-right { float: left; display: inline; width: 699px; margin-top: 4px; } #template-right .photo { width: 699px; height: 259px; margin-bottom: 16px; } #template-right .header { margin-bottom: 12px; } #template-right .text { width: 495px; } #template-right .text.expanded { width: 699px; } #fullwidth { width: 980px; } #template-right .text ul, #template-left-style2 ul, .half-right ul, .half-right-style2 ul { margin: 10px 0 20px 22px; padding: 0 0 0 0; } #template-right .text ul li, #template-left-style2 ul li, .half-right ul, .half-right-style2 ul li, .half-right-style2 ul li { list-style: url('/images/li-arrow.gif'); } #template-right .text ul li, #template-left-style2 ul.smaller li, .half-right ul.smaller li, .half-right-style2 ul.smaller li { list-style: url('/images/li-arrow.gif'); font-size: 11px; } #template-left-style2 { float: left; display: inline; width: 526px; margin-top: 4px; margin-left: 133px; padding-right: 55px; } #template-right-style2 { float: left; display: inline; width: 266px; margin-top: 4px; } .half-left { float: left; display: inline; width: 240px; padding-right: 23px; } .half-right { float: left; display: inline; width: 263px; } .half-left-style2 { float: left; display: inline; width: 400px; margin-left: 133px; padding-right: 40px; } .half-right-style2 { float: left; display: inline; width: 407px; } #flash-amenities { width: 980px; height: 433px; margin-bottom: 15px; background: #fff; } #flash-amenities-container { } #location-container { float: right; width: 847px; height: 433px; margin-bottom: 15px; background: #fff; } #flash-location { } #siteplan { float: right; width: 847px; height: 428px; margin-bottom: 20px; background: #ccc; } a.benefits { display: block; width: 266px; height: 32px; background: url('/images/benefits-off.gif') no-repeat; margin-bottom: 8px; } a.benefits:hover { background: url('/images/benefits-on.gif') no-repeat; } a.feedback { display: block; width: 219px; height: 48px; background: url('/images/feedback-off.gif') no-repeat; margin-bottom: 8px; } a.feedback:hover { width: 219px; height: 48px; background: url('/images/feedback-on.gif') no-repeat; } a.schedule-tour { float: left; display: block; width: 138px; height: 32px; background: url('/images/schedule-tour-off.gif') no-repeat; } a.schedule-tour:hover { background: url('/images/schedule-tour-on.gif') no-repeat; } a.easy-move-in { float: left; display: block; width: 118px; height: 32px; margin-right: 9px; background: url('/images/easy-move-in-off.gif') no-repeat; } a.easy-move-in:hover { background: url('/images/easy-move-in-on.gif') no-repeat; } a.easy-move-in-docs { float: left; display: block; display: inline; width: 118px; height: 32px; margin-right: 9px; background: url('/images/move-in-docs-off.gif') no-repeat; } a.easy-move-in-docs:hover { background: url('/images/move-in-docs-on.gif') no-repeat; } a.apply-now { float: left; display: block; display: inline; width: 139px; height: 32px; margin-right: 9px; background: url('/images/apply-now-off.gif') no-repeat; } a.apply-now:hover { background: url('/images/apply-now-on.gif') no-repeat; } a.apply-now-short { float: left; display: block; display: inline; width: 118px; height: 32px; margin-right: 9px; background: url('/images/apply-now-118-off.gif') no-repeat; } a.apply-now-short:hover { background: url('/images/apply-now-118-on.gif') no-repeat; } a.get-directions { display: block; width: 125px; height: 32px; margin-left: 9px; background: url('/images/get-directions-off.gif') no-repeat; } a.get-directions:hover { background: url('/images/get-directions-on.gif') no-repeat; } a.view-siteplan { display: block; width: 114px; height: 32px; margin-bottom: 8px; margin-right: 9px; background: url('/images/view-siteplan-off.gif') no-repeat; } a.view-siteplan:hover { background: url('/images/view-siteplan-on.gif') no-repeat; } a.view-location { display: block; width: 114px; height: 32px; margin-bottom: 8px; margin-right: 9px; background: url('/images/view-location-off.gif') no-repeat; } a.view-location:hover { background: url('/images/view-location-on.gif') no-repeat; } a.resident-login { float: left; display: block; width: 138px; height: 32px; background: url('/images/resident-login-off.gif') no-repeat; margin-right: 4px; } a.resident-login:hover { background: url('/images/resident-login-on.gif') no-repeat; } a.submit-q-request { float: left; display: block; display: inline; width: 266px; height: 32px; margin-right: 9px; background: url('/images/submit-q-request-wide-off.gif') no-repeat; } a.submit-q-request:hover { background: url('/images/submit-q-request-wide-on.gif') no-repeat; } #footer { width: 980px; margin: 65px 0 30px 0; font-size: 11px; color: #999; } #footer #eoh { float: left; width: 280px; } #footer #content { float: left; margin-top: 11px; } #footer #content #bottomnav { margin-bottom: 15px; } #footer #content #bottomnav ul li { float: left; margin: 0 10px; } #footer #content #bottomnav ul li.first { margin: 0 10px 0 0; list-style: none; } #footer #content #bottomnav ul li a { text-decoration: none; } #footer #content #address { } /* ============= Gallery ============= */ #gallery-container { width: 980px; height: 450px; margin: 4px 0 15px 0; background: #fff; } #gallery-container #left-container-video { float: left; display: inline; width: 280px; margin: 0; } #gallery-container #video-container { float: left; display: inline; width: 980px; height: 385px; padding: 0; margin: 0; background: #000; } #gallery-container #left-container { float: left; display: inline; width: 280px; height: 446px; margin: 0; } #gallery-type { height: 36px; margin: 4px 0 0 0; } #gallery-type a.photos { float: left; display: block; width: 121px; height: 36px; margin: 0 19px 0 6px; background: url('/images/gallery-photos-off.gif') no-repeat; } #gallery-type a.photos-on { float: left; display: block; width: 121px; height: 36px; margin: 0 19px 0 6px; background: url('/images/gallery-photos-on.gif') no-repeat; } #gallery-type a.photos:hover { background: url('/images/gallery-photos-on.gif') no-repeat; } #gallery-type a.videos { float: left; display: block; width: 121px; height: 36px; background: url('/images/gallery-videos-off.gif') no-repeat; } #gallery-type a.videos-on { float: left; display: block; width: 121px; height: 36px; background: url('/images/gallery-videos-on.gif') no-repeat; } #gallery-type a.videos:hover { background: url('/images/gallery-videos-on.gif') no-repeat; } #gallery-container #left-container .gallery-hr { width: 269px; height: 21px; background: url('/images/gallery-hr.gif') repeat-x; } #gallery-container #left-container .gallery-hr2 { width: 269px; height: 10px; margin: -22px 0 0 0; background: url('/images/gallery-hr2.gif') repeat-x; } #gallery-container #left-container #navigation { width: 280px; } #gallery-container #left-container #navigation ul { margin: 0; padding: 0; list-style: none; height: 360px; } #gallery-container #left-container #navigation li { float: left; display: inline; width: 75px; height: 75px; border: 0; font-size: 0; line-height: 0; margin: 0 15px 15px 0; padding: 0 0 0 0; } #gallery-container #left-container #navigation li:hover { border: 0; } #gallery-container #left-container .bottom { position: absolute; color: #595959; text-align: right; margin: 0; padding: 0; } #gallery-container #left-container .bottom a { color: #595959; margin: 0 4px; text-decoration: none; } #gallery-container #left-container .bottom a:hover { color: #595959; text-decoration: none; } #gallery-container #left-container .bottom strong { margin: 0 4px; } #gallery-container #left-container .pagination { position: relative; right: 25px; bottom: 0; top: 0; } #gallery-container #photo-container { float: left; display: inline; width: 700px; padding: 0; margin: 0; } #gallery-container #photo-container #slideshow { width: 700px; border: 0; padding: 0; margin: 0; } #gallery-left { float: left; display: inline; width: 280px; } #gallery-caption { float: left; text-align: right; display: inline; width: 700px; color: #404040; font-size: 15px; } /* ============= Contact Form ============= */ #contact-form { padding: 0 0 0 10px; } #contact-form p { padding: 0 0 5px 0; } #contact-form label { float: left; text-align: left; width: 120px; padding: 0 8px 0 0; } #contact-form label.error { clear: both; display: block; width: 200px; margin: 2px 0 10px 138px; text-align: left; color: #c00; padding: 0 0 0 0; } * html #contact-form label.error { clear: both; float: none; display: block; width: 150px; margin: 0px 0 0 138px; text-align: left; color: #c00; padding: 0 0 0 0; } #contact-form input, select { float: left; width: 250px; margin: 0 0 0 10px; background: #fff; border: 1px solid #7F9DB9; padding: 1px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #474756; } #contact-form textarea { float: left; width: 250px; margin: 0 0 10px 10px; background: #fff; border: 1px solid #7F9DB9; padding: 1px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #474756; } #contact-form .submit_button { padding: 2px; width: 100px; background: #F2F2ED; color: #000; border: 1px solid #003C74; } #share-this { display: none; background: #fff; width: 266px; margin: 0 0 20px 0; padding: 0; } #share-this-form { margin: 5px 0 0 0; } #share-this-form label { display: block; text-align: left; width: 246px; padding: 0; margin: 10px 0 0 0; font-size: 10px; } #share-this-form label.error { width: 246px; margin: 0; text-align: left; color: #c00; font-weight: bold; padding: 0 0 0 0; } #share-this-form input, select { width: 200px; margin: 0 0 0 0; background: #fff; border: 1px solid #7F9DB9; padding: 1px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #474756; } #share-this-form textarea { width: 200px; margin: 0 0 0 0; background: #fff; border: 1px solid #7F9DB9; padding: 1px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #474756; } #share-this-form .button { padding: 2px; width: 100px; margin: 10px 0; background: #F2F2ED; color: #000; border: 1px solid #003C74; } #share-this-form .disclaimer { padding: 0 20px 0 0; margin: 0 0 0 0; font-size: 10px; } #success-msg { } #message { background: #fff; width: 266px; margin: 15px 0; padding: 0; font: 12px/normal Arial, Helvetica, sans-serif; font-weight: bold; color: #D5502A; } /* ============= Misc ============= */ #arrow-link-list { margin: 10px 0 16px 0; } #arrow-link-list ul { width: 270px; margin: 0; list-style: none; font: 12.5px/normal Arial, Helvetica, sans-serif; color: #575757; } #arrow-link-list ul li { list-style: none; border-bottom: dotted 1px #CBCBCB; background: url('/images/subnav-arrow.gif') no-repeat; background-position: 12px 13px; } #arrow-link-list ul li.first { border-top: dotted 1px #CBCBCB; } #arrow-link-list ul li.on { border-bottom: dotted 1px #CBCBCB; background: url('/images/subnav-bg-on.gif') no-repeat; background-position: 0 0; } #arrow-link-list ul li.on a { color: #fff; } #arrow-link-list ul li a { display: block; color: #575757; text-decoration: none; padding: 11px 23px; } #arrow-link-list ul li a:hover { text-decoration: underline; } #print { padding: 30px; font: 12px/normal Arial, Helvetica, sans-serif; color: #000; } .news-date { font-size: 11px; font-weight: bold; color: #db502a; } .news-photo { float: right; margin: 0 0 20px 20px; } #template-right .text #faq .category { font-size: 13px; font-weight: bold; color: #D5502A; padding: 0 0 10px 0; border-bottom: 1px dotted #CBCBCB; } #template-right .text #faq ul { margin: 10px 0 20px 18px; padding: 0 0 0 0; } #template-right .text #faq ul li { list-style: url('/images/li-arrow.gif'); border-bottom: 1px dotted #CBCBCB; font-size: 11px; padding: 1px 0; } #template-right .text #faq ul li a { display: block; color: #707070; text-decoration: none; } #template-right .text #faq ul li a.faq-on { font-weight: bold; text-decoration: underline; } #template-right .text #faq ul li a:hover { text-decoration: underline; } #template-right .text #faq ul li .question-block { display: none; } #template-right .text #faq ul li .question-block .question { background: url('/images/q.gif') top left no-repeat; background-position: 0 10px; padding: 20px 49px 10px 49px; margin: 6px 0 0 0; border-top: 1px dotted #CBCBCB; font: 18px/normal Arial, Helvetica, sans-serif; color: #404040; } #template-right .text #faq ul li .question-block .answer { background: url('/images/a.gif') top left no-repeat; background-position: 0 10px; padding: 10px 49px 0 49px; margin: 0 ; min-height: 60px; height: auto !important; height: 60px; } #template-right .text #faq ul li .question-block .answer a { display:inline; text-decoration: underline; } #news a.readMore {color: #D5502A;} /* ============= Floorplans ============= */ #fp-thumb-layout .fp-thumb-container { float: left; display: inline; width: 140px; padding: 0 10px 0 0; margin-right: 35px; margin-bottom: 30px; border-right: 1px solid #F4F4F4; } #fp-thumb-layout .fp-thumb-container.last { margin-right: 0; padding: 0; border-right: 0; } #fp-thumb-layout .fp-img { width: 140px; margin: 0 0 4px 0; } #fp-thumb-layout .fp-name { width: 140px; text-align: center; font-weight: bold; font-size: 11px; } #fp-thumb-layout .fp-br { width: 140px; text-align: center; font-size: 11px; color: #969696; } #fp-details-layout { width: 699px; } #fp-details-layout #details { float: left; display: inline; width: 219px; font-size: 14px; color: #909090; font-weight: normal; line-height: 22px; } #fp-details-layout #details h1 { font-size: 14px; margin-bottom: 4px; text-transform: uppercase; line-height: 18px; } #fp-details-layout #details a { font-size: 11px; } #fp-details-layout #details #arrow-link-list ul { margin: 20px 0 0 0; width: 219px; list-style: none; list-style-image: none; } #fp-details-layout #details #arrow-link-list ul li { list-style: none; list-style-image: none; } #fp-details-layout #details #arrow-link-list ul li a { display: block; color: #575757; font-size: 13px; text-decoration: none; padding: 11px 23px; } #fp-details-layout #details #arrow-link-list ul li a:hover { text-decoration: underline; } #fp-details-layout #img { float: left; display: inline; width: 480px; } #fp-details-layout ul { list-style: none; } #fp-details-layout ul li { list-style: none; }