/* ----------------------------------------------------------------------- Name: URL: Description: Author: Blueprint CSS Grid : - Column Count: 24 - Column Width: 30px - Gutter Width: 10px - Total Width : 950px - Baseline: 20px ----------------------------------------------------------------------- */ /* Table of Contents ------------------------------------------ I. Major Page Structure / Global Elements II. Header & Navigation III. Main Content A. Non-Layout Specific Content Styles B. Layout Specific Content Styles IV. Footer V. Global Custom Classes VI. Blueprint & Superfish Overrides ------------------------------------------ */ /******************************************************************************** --- I. Major Page Structure / Global Elements --- *********************************************************************************/ body {margin-top:0px; margin-bottom:0px; background: url(../images/tile.jpg) repeat-x; font-size:75%; font-family: Helvetica, Arial ,sans-serif} h1 {color:#3d3c3c; font-size: 0.916667em;line-height: 1.636364em; font-family: Helvetica, Arial, sans-serif; margin-bottom: 3em} h2 {color:#a91e36; font-size: 2.3em;line-height: 0.692308em; font-family: Georgia, Times New Roman, serif; margin-bottom: .25em;padding-top:5px; font-weight: bold} h3 {color:#283e4b; font-size: 1.25em;line-height: 1.2em;font-family: Georgia, Times New Roman, serif; font-weight: bold} h4 {color:#0c3650; /* background-color:white; padding:5px 8px; border:3px solid #ffffff; */font-size: 1.166667em; line-height: 1.5em;font-family: Georgia, Times New Roman, serif;font-weight: bold; border-bottom: 1px solid #999999} /* h4 {color:#0c3650; padding:5px 0px; border-bottom:1px solid #969184;font-size: 1.1em; line-height: 1.5em;font-family: Georgia, Times New Roman, serif;font-weight: bold} */ h5 {color:#283e4b; font-size: 1em;line-height: 1.5em;font-family: Georgia, Times New Roman, serif; font-weight: bold} h5 span{font-size: 1.25em;line-height: 1.2em;} a {color:#195690;} a:hover {text-decoration: none;color:#373737;} p{font-size:1em; line-height: 1.5em; text-align: } p, textarea, input, select, ul {font-family: Helvetica, Arial, san-serif; font-size:12px;color:#2d2d2d; } ul li{} ul li p{float: left} #navigation p{margin-bottom: 10px; text-align: right; margin-top:29px; color:#2c404c; font-family: Georgia, Times New Roman, serif} #navigation p a{color:#2c404c;} #navigation ul {list-style:none;height:54px;z-index: } #navigation ul li {position:relative;float:left;display:inline-block;} #navigation ul li a {display:block;line-height:0 !important;font-size:0 !important;color:#fff;background:url(../images/sprite-nav.png) no-repeat 0 0; z-index: 2} #navigation ul li.residences a{width:141px; height:54px; background-position:0px 0px;} #navigation ul li.residences a:hover,#navigation ul li.residences a.active {background-position:0px -56px;} #navigation ul li.lifestyle a{width:222px; height:54px; background-position:-142px 0px;} #navigation ul li.lifestyle a:hover,#navigation ul li.lifestyle a.active {background-position:-142px -56px;} #navigation ul li.location a{width:109px; height:54px; background-position:-363px 0px;} #navigation ul li.location a:hover,#navigation ul li.location a.active {background-position:-363px -56px;} #navigation ul li.contact a{width:130px; height:54px; background-position:-473px 0px;} #navigation ul li.contact a:hover,#navigation ul li.location a.active {background-position:-473px -56px;} /* #navigation ul li ul {z-index: 99; } */ #navigation ul#bar li ul li a{background-color: transparent; background-image: none; color:#2b3e4a; font-size: 0.916667em !important; font-family:Georgia, Times New Roman, serif; text-decoration: none; margin-right:-75px; } #navigation ul#bar li ul li.last a {margin-left:0px;} #navigation ul#bar li ul li a:hover{text-decoration: underline} #content {position:relative; top:1.5em; margin-bottom: 4.5em} #home #content {background: transparent url(../images/img-main.jpg) no-repeat; border: 16px solid white; width: 918px; height: 507px; overflow:hidden; margin-bottom: 3em} #home #content #hero .main h1{color:white; margin-top:4em;font-size: 1.083333em;line-height: 1.384615em;font-weight: normal; text-align: left; font-family: Georgia, Times New Roman, serif; margin-bottom: 0px} #home #content #hero .main h2{color:white; font-size: 2.5em;line-height: 1em; text-align: right} #home #content #hero .main h2 span{color:white;font-size: 0.7em;line-height: 1.7em; font-weight: normal} #home #content #hero .main p{color:white;font-family: Georgia, Times New Roman, serif;float: right;font-size: 1.083333em;line-height: 1.384615em;} #home #cta-move-in {left:-375px; margin-bottom:15px;margin-top:-105px;position:relative;width:200px; }#home #flash {position:relative;left:103px; margin-top:-400px; top:-233px; margin-bottom: 15px; width:500px } #home #content #sidebar{margin-top:6em; background: transparent url(../images/tile-home-module.png) repeat-y} #home #content #sidebar h3.first{margin-top:17px} #home #content #sidebar h3{color:#ac2038; font-weight: bold; font-size: 1.166667em;line-height: 1.285714em; margin-top: 0px} #home #content #sidebar p{font-size: 0.916667em;line-height: 1.636364em;} #home #content #sidebar a{background: url(../images/gfx-bullet-green.png) no-repeat; color:#2c404c;text-decoration: none; float:none;padding:1px 0 2px 25px;font-size: 0.916667em;line-height: 1.636364em; font-weight: bold;font-family: Georgia, Times New Roman, serif; } #home #content #sidebar a:hover{text-decoration: underline;} #home #content #sidebar .main{margin:0px 5px;border-top:5px solid #e4dec0; border-bottom:5px solid #e4dec0; background-color:#fef9e1;} #home #content #sidebar .main div{margin:0px 20px 10px 20px} #home #content #sidebar .main div div{margin:0px} #interior #content .page-title {float:left} #interior #content .page-title span.breadcrumb,#interior #content .page-title span.breadcrumb a{float:left;color:#3d3c3c; font-size: 0.916667em;line-height: 1.636364em; font-family: Helvetica, Arial, sans-serif;} #interior #content .page-title .funnel p, #interior #content .page-title .funnel p a{color:#a91e36; font-size:1em; font-family:Georgia, Times New Roman, serif; text-align: right; margin-top: 5px;} #interior #content .page-title .funnel p span{color:#3d3c3c; font-size: 0.916667em;line-height: 1.636364em; font-family: Helvetica, Arial, sans-serif; margin-bottom: 3em} #interior #content #sidebar .gallery img{border:8px solid white; margin-bottom: 1.5em} #interior #content #sidebar .module{background-color: #f9f5ec; padding:8px 10px 8px 10px; margin-bottom: 1.5em} #interior #content #sidebar .module.short{padding-bottom:1px;} #interior #content #sidebar .module h5 {text-align: center; padding-top: 5px; padding-bottom: 0px; margin-bottom: 1em} #interior #content #sidebar .module h3 {border:0px; background: #f1e9d1;height:1.85em;padding-left:10px;padding-top:8px;} #interior #content #sidebar .module a{font-size: 0.833333em;line-height: 1.8em; color:#a91e36;} #interior #content #sidebar .module p{padding: 2px 7px;} #interior #content #sidebar .module.poi{text-align: center} #interior #content #sidebar .module.poi h3{text-align: left} #interior #content.residences ul li{clear:left; margin-bottom: .5em;font-weight:bold} #interior #content.residences ul li p {font-weight: normal} #interior #content.residences #sidebar #cta-move-in {position:absolute; right:-5px; top:90px} #interior #content.residences #gallery {margin-top: 3px;} #interior #content.residences #gallery a{padding: 5px 0px} #interior #content.contact form p {clear:both; display: block} #interior #content.contact form p label{display:block;width:80px; margin-right: 20px; position: relative; top:6px; float:left; text-align: right} #interior #content.contact form p input{height:17px;width:270px; color:#494949; padding-top: 5px} #interior #content.contact form p.questions{margin-left:100px} #interior #content.contact form p label.questions{display:block;width:550px; margin-right: 20px; position: relative; top:6px; float:left; text-align: left} #interior #content.contact form p input.questions{margin-top:1.5em; width:25px} #interior #content.contact form p input.orphan{margin-left:100px;} #interior #content.contact form p input:focus {color:#424242} #interior #content.contact form p input:visited{color:#424242} #interior #content.contact form p select{height:29px;width:275px; padding: 5px} #interior #content.contact form p textarea{width:263px} #interior #content.contact form input.submit {border:2px solid white; background-color:#0a2a3c; margin-left: 100px; width:130px; height: 34px; padding-bottom: 4px; color:white;font-family: Georgia, Times New Roman, Serif; font-size:13px; } #interior #content.lifestyle ul li{clear:left; margin-bottom: .5em;font-weight:bold} #interior #content.lifestyle ul li p {font-weight: normal} #interior #content.lifestyle #cta-move-in-small{position:absolute; left:210px; top:315px; background-color:none; } #lightbox #content #main{background-color:white; padding:20px 35px 20px 20px; margin-left:30px} #footer-wrapper {background: url(../images/tile-bottom.jpg) repeat; min-height: 150px; margin-bottom: 0px;padding-top:35px} #footer, #footer p, #footer a{font-size: 0.916667em; line-height: 1.636364em; color:#fef9e1;} #footer #map{float:left; width: 475px} #footer #map img{float:left; margin-right:10px} #footer #brochure{float:right; text-align: right; width: 475px} #footer #brochure img{float:right; margin-left:10px} #footer .left{float: left} #footer .right {float:right} /******************************************************************************** --- Global Custom Classes --- *********************************************************************************/ a.button{background-color: #2b3e4a; padding:4px 6px; border:2px solid white; color:white; font-family: Georgia, Times New Roman, Serif; text-decoration: none; display: block; text-align: center; margin-bottom: 1.5em; font-size: 1.166667em;line-height: 1.285714em; font-weight: bold} a.button span{ font-size: 0.8em; line-height: 1.636364em; font-weight: normal} a.button:hover{background-color: #F1E9D1; color: #2b3e4a} #sidebar a.button {padding:10px 2px;} img.border{border:6px solid white;} .module a h5:hover {color:#424242; text-decoration: underline} /******************************************************************************** --- Pop Up Classes --- *********************************************************************************/ /******************************************************************************** --- Blueprint & Superfish Overrides --- *********************************************************************************/ fieldset{border:0px} .small{margin-bottom:.8em;} .error {background:#FBE3E4 none repeat scroll 0 0;border-color:#FBC2C4;color:#8A1F11;} input.error{height:17px;width:270px; padding-top: 5px;display:block;} label.error{height:12px;margin-left:100px;margin-top:-21px;padding-top:8px;width:270px !important;} .sf-menu li{background-color:transparent;}