/* * * * * * * * * * * * * * * * * * * * * */ /* CSS for Blue Brick Properties */ /* initial build aug/sept 2009 */ /* david a taylor / burning fish design */ /* * * * * * * * * * * * * * * * * * * * * */ /* BROWSER CLEANUP */ body, div, p, ul, ol, li, img, h1, h2, h3 {margin:0;padding:0;border:0;} /* Set defaults */ ul li, ol li {margin-left: 25px;} a {text-decoration: none; color: #468bac;} a:hover, a:active {text-decoration: underline; color: #CA8606;} h1, h2, h3, h4 {font-family: Georgia, "Times New Roman", Times, serif; font-variant: small-caps; font-weight: normal;} h1, h2 {} h2, h3 {} h1 {font-size: 28px;} h2 {font-size: 22px; margin: 18px 0 0 0;} h3 {font-size: 18px; margin: 12px 0 0 0;} h4 {margin: 6px 0 0 0;} p {margin: 10px 0;} img {border: 4px solid #8bc1d6;} /* COMMON STYLES */ .clear {clear: both; height:0; line-height:0;} .left {float:left;} .right {float:right;} img.left {margin: 13px 12px 6px 0;} img.right {margin: 13px 0 6px 12px;} .inline-feature {color: rgb(252,204,62); display: inline;} .dropcap {float: left; margin-right: 3px; font-size: 3.5em; line-height: 0.9em;} .instruction {font-size: 13px; font-style: italic; line-height: 1;} .teaser {font-style: italic; font-weight: bold;} img.feature-img {border-width: 14px;} .img-w-caption {text-align: center;} .caption {font-size: 14px; font-style: italic; margin: 2px 0 0;} .required-mark, .error-header, .error-stress {color: #fab636;} .form-errors {line-height: 1.2;} .error-header {margin-bottom: 2px; font-style: italic;} .error-wrapper {font-size: 13px; padding-lefT: 40px;} /* BASIC PAGE STRUCTURE - ALL PAGES */ body {background: #4F0505; font-family: arial, helvetica, serif; color: #000; font-size: 14px; line-height: 1.4;} #main-container {width: 988px; margin: 10px auto 15px; position: relative; color: #fcfcff;} /* All Nav */ .nav, .nav ul, .nav li {list-style-type:none; margin: 0;} .nav li, .nav li a {float: left;} .nav li {text-align: center;} .nav li a {height: 29px; line-height: 28px;} .nav li a:hover, .nav li a:active, .nav li.current a {text-decoration:none;} /* Header */ #header {background: #544825 url(/images/_site-structure/header-full-bg.gif) top left no-repeat; width: 936px; height: 88px; padding: 22px 26px 3px;} #header h1 {} #header h1#header-logo {margin: 0 8px 8px 8px; float: left;} #header h1#header-logo img {display: block; background: #fff; border: 1px solid #ca8606;} /* Main Nav */ #top-nav {float: right; margin: 0 4px 0 0; max-width: 500px;} #top-nav li {margin: 0 0 6px 7px;} #top-nav li a {padding: 2px 7px; font-size: 17px; font-family: Georgia, Times, serif; font-variant: small-caps; display: block; background: #468BAC; color: #fff; border: 1px solid #bfbfc9;} #top-nav li.current a {background: #044369;} #top-nav li a:hover {color: #CA8606; border-color: #CA8606; background: #044369;} #top-nav li a:active {color: #fff;} /* Content Area */ #main-content-area {height: 400px; min-height: 400px; clear: both; background: #080D3F url(/images/_site-structure/body-bg.gif) top left repeat-y; position: relative;} #main-container > #main-content-area {height: auto;} #main-content-inner {margin: 0 17px; padding: 12px 20px 7px; border-width: 0 1px 1px; border-style: solid; border-color: #000 #bfbfc9 #999 #bfbfc9; background: #080D3F;} #unique-page-content {height: 360px; min-height: 360px;} #main-content-inner > #unique-page-content {height: auto;} #main-article, #persistent-content {float: right;} #main-article {width: 636px; height: 400px; min-height: 400px; margin: 8px 0 26px; padding: 0 24px 0 36px; border-left: #999 solid 1px;} #unique-page-content > #main-article {height: auto;} #main-article h1, #main-article h2 {margin-left: -24px;} #persistent-content {margin-top: 8px; width: 186px; padding-right: 22px;} .property-sidebar {border: 7px solid #8bc1d6; background: #fff; color: #333; padding: 9px 10px 2px; margin: 15px 0; min-height: 120px;} .property-sidebar h3 {font-size: 16px;} .property-sidebar h1, .property-sidebar h2, .property-sidebar h3, .property-sidebar h4 {color: #31551e; font-weight: bold; margin-top: 2px; line-height: 1;} .property-sidebar h3 address {font-size: 14px; font-weight: normal; display: none;} .property-sidebar p, .property-sidebar ul {margin: 6px 0; font-size: 12px;} .property-sidebar li {margin-left: 13px;} .property-sidebar .rental-details, .property-sidebar hr, .property-sidebar .tour-button, .property-sidebar .contact-button {display: none;} .property-sidebar img {width: 150px; border: 1px solid #CA8606;} .property-sidebar a:hover img, .property-sidebar a:hover img {border-color: #eaaf2a;} /* Footer Nav */ #footer {font-size: 12px; width: 900px; margin: 2px auto; color: #ccc;} #footer-nav {clear: both; display: block; width: 818px; height: 15px; margin: 0 auto; padding: 11px 0 0 82px; border-top: #999 solid 1px; text-align: center;} #footer-nav li, #footer-nav li a {height: 10px;} #footer-nav li a {padding: 0 5px; border-right: solid 1px; line-height: 0.7;} #footer-extras-nav li.sitemap-li a {border: none;} #footer-nav li a:hover {border-color: #468bac;} /* Footer */ #footer #disclaimer {clear: both; text-align: justify;} #legal {clear: both; margin-right: 27px; float: left; width: 60%;} #web-design-credit {float: right; text-align: right; width: 25%;} /* PAGE SPECIFIC STYLES */ /* Home Page */ #home #main-article .feature-img {width: 600px; height: 200px; display: block; margin: 4px auto;} #home #main-article .teaser {font-size: 17px; line-height: 1.6} /* Available Properties */ #available #main-article h2 {margin-bottom: 12px;} #rentals-submenu {margin-top: 0; padding: 8px 0 20px;} #rentals-submenu li {list-style-type: none; margin: 0; padding:0; border-right: 1px solid; padding: 0 12px;} #rentals-submenu li#executive-li {border: none;} #rentals-submenu li, #rentals-submenu li a {float: left; font-size: 17px; line-height: 17px;} #rentals-submenu li.current a {color: #fff;} #available #main-article .property-feature {border: 2px solid #8bc1d6; width: 600px; height: 130px; min-height: 130px; line-height: 1; margin-bottom: 12px; padding: 12px 12px;} #available #main-article > .property-feature {height: auto;} #available #main-article .property-feature img {float: left; margin: 0 12px 2px 0;} #available #main-article .property-feature h3 {margin-top: 2px;} #available #main-article .property-feature h3 address {font-size: 0.9em;} #available #main-article .property-feature h3 .rental-city {display: block;} #available #main-article .property-feature .img-n-teaser form {clear: both; margin:0;} #available #main-article .property-feature p {line-height: 1.4;} #available #main-article .property-feature ul {margin: 10px 0 10px 158px; line-height: 1.4;} #available #main-article .property-feature .rental-details {clear: both; font-size: 13px; line-height: 1.2; padding-top: 4px;} #available #main-article .property-feature .rental-details ul {margin: 0 0 8px 0;} #available #main-article .property-feature .rental-details .rental-unit-num {font-weight: bold; font-size: 15px;} #available #main-article .property-feature .rental-details form {display: inline;} #available #main-article .property-feature .tour-button {clear: both;} /* Gallery Portal page */ .tour-portal {float: left; margin: 0 25px 12px;} .tour-portal p {margin-bottom: 0; font-size: 18px; font-style: italic; line-height: 1.5; text-align: center;} .tour-portal img {display: block; width: 240px; height: 240px; border-width: 14px;} .tour-portal a:hover img, .tour-portal a:active img {border-color: #eaaf2a;} /* Property Gallery Pages */ #property-tour #persistent-content {display: none;} #property-tour #main-article {width: 864px; margin-left: auto; margin-right: auto; padding:0 18px 0 30px; border: none;} #property-tour #main-article em {color: #CA8606;} #gallery-thumbnails li {list-style-type: none; margin-left: 0; padding-bottom: 8px;} #gallery-thumbnails li, #gallery-thumbnails li a {float: left;} #gallery-thumbnails li a, #gallery-thumbnails li a img {width: 95px; height: 95px;} #gallery-thumbnails li a {padding: 0 6px;} #gallery-thumbnails li a img {border: 1px solid #CA8606;} #gallery-thumbnails li a:hover img, #gallery-thumbnails li a:hover img {border-color: #eaaf2a;} #gallery-thumbnails .view-all-link {clear: both; display: block; text-align: right; padding-bottom: 8px;} #placeholder-wrapper {clear: both; width: 680px; height: 500px; margin: 0 auto; padding: 8px 0; border-top: #999 solid 1px; text-align: center;} #placeholder-wrapper .caption {margin: 6px 0 5px;} /* Contact */ .contact-form-table td {padding: 2px 0;} .contact-form-table .required-mark {padding-left: 3px;} .contact-form-table .col1 {width: 140px; padding-right: 8px; text-align: right;} .contact-form-table input {width: 240px;} .contact-form-table textarea {height: 120px; width: 360px;} .contact-form-table input.phone, .contact-form-table #submit-buttons input {width: auto;} .contact-form-table #submit-buttons {margin-left: 140px; padding-left: 8px;} /* Contact - Thank You page*/