html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, ins, kbd, q, samp, strong, sub, sup, var, dl, dt, dd, ol, ul, li, fieldset, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, small, b, i { width: auto; height: auto; margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; vertical-align: top; }
img { margin: 0; padding: 0; border: 0; outline: 0; -ms-interpolation-mode: bicubic; }
article, aside, canvas, details, div, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
/* Tags
---------------------------------------------- */
html {
height: 100%;
background: #3B3B3B url(assets/images/html-bg.png) repeat-y center top;
}
body {
height: 100%;
margin: 0;
padding: 0;
font: 12px/18px Arial, Helvetica, sans-serif;
color: #d8d8d8;
background: transparent url(assets/images/body-bg.png) repeat-x left top;
}
h1 {
margin: 0;
padding: 0 0 8px 0;
font: 24px/28px "Times New Roman", Times, serif;
color: #efefef;
border-bottom: 1px solid #7d91b6;
}
h2 {
margin: 18px 0 0 0;
padding: 0;
font: 18px/20px "Times New Roman", Times, serif;
color: #efefef;
}
h3 {
margin: 18px 0 0 0;
padding: 0;
font: 16px/18px "Times New Roman", Times, serif;
color: #efefef;
}
h4 {
margin: 18px 0 0 0;
padding: 0;
font: 14px/18px "Times New Roman", Times, serif;
color: #efefef;
}
a {
color: #7d91b6;
}
a:hover {
text-decoration: none;
}
hr {
height: 1px;
margin: 36px 0 0 0;
color: #7d91b6;
background-color: #7d91b6;
border: none;
}
p, ul, ol, dl {
margin: 18px 0 0 0;
padding: 0;
}
hr + p {
margin-top: 36px
}
li {
margin: 0 0 0 40px;
padding: 0;
}
li ul,
li ol {
margin-top: 0;
}
img {
-ms-interpolation-mode: bicubic;
}
/* Classes
---------------------------------------------- */
.imgborder {
border: 1px solid #000;
}
.smalltext {
font-size: 11px;
line-height: 16px;
}
.nomargin {
margin: 0;
}
.margin {
margin: 10px;
}
.margin-top {
margin-top: 10px;
}
.center {
text-align: center;
}
.clear {
clear: both;
}
.cities {
width: 650px;
}
.cities td {
width: 176px;
padding: 0 20px;
}
.cities li {
margin: 0;
list-style: none outside none;
}
.service {
width: 650px;
margin-top: 20px;
border-top: 1px solid #99a8c6;
}
.service th,
.service td {
padding: 2px 0;
}
.service th {
border-left: 1px solid #3e3e3f;
background-color: #7a91b6;
}
.service th[scope="row"] {
background-color: #657896;
border-top: 1px solid #3e3e3f;
}
.service td {
width: 129px;
text-align: center;
background-color: #505051;
border-top: 1px solid #3e3e3f;
border-left: 1px solid #3e3e3f;
}
.service tr:hover td {
background-color: #626263;
}
.service tr:hover th[scope="row"] {
background-color: #8796af;
}
.word-spacing {
word-spacing: -1px;
}
/* Forms
---------------------------------------------- */
#IDX-quickSearchForm {
padding-bottom: 20px;
}
#IDX-quickSearchForm label {
width: 90px;
padding-left: 10px;
margin: 0 0 10px 0;
display: inline-block;
float: left;
}
#IDX-quickSearchForm label:nth-child(4),
#IDX-quickSearchForm label:nth-child(8) {
width: 90px;
padding-left: 10px;
}
#IDX-quickSearchForm form input[type="text"] {
width: 69px;
height: 14px;
margin: 0 0 10px 0;
padding: 1px 3px;
display: block;
float: left;
position: relative;
font: 12px/14px Arial, Helvetica, sans-serif;
color: #000;
background-color: #fff;
border: 1px solid #000;
z-index: 80;
}
#IDX-quickSearchForm form input[type="submit"] {
margin-top: 5px;
height: 25px !important;
width: auto !important;
min-width: 65px !important;
padding: 3px 5px !important;
font: 16px/18px "Times New Roman", Georgia, Times, serif !important;
background: #7a91b6 !important;
outline: none !important;
border: 1px solid #99a8c6 !important;
color: #efefef !important;
text-align: center !important;
cursor: pointer;
}
#IDX-quickSearchForm h3 {
margin: 0;
padding: 0 0 20px 0;
}
/* Site Structure
---------------------------------------------- */
#wrapper {
width: 1001px;
min-height: 100%;
margin: 0 auto;
position: relative;
background: transparent url(assets/images/wrapper-bg.jpg) no-repeat left top;
z-index: 1;
}
header {
height: 430px;
position: relative;
}
header > p {
margin-top: 0;
}
#logo {
width: 308px;
height: 97px;
margin-left: 35px;
padding-top: 11px;
float: left;
position: relative;
font: 30px/30px "Times New Roman", Times, serif;
color: #dbdada;
font-variant: small-caps;
letter-spacing: 2px;
background: transparent url(assets/images/logo.png) no-repeat left 11px;
z-index: 90;
}
#logo a {
width: 220px;
height: 30px;
padding: 48px 0 19px 88px;
display: block;
color: #dbdada;
text-align: right;
text-decoration: none;
vertical-align: middle;
}
header .phone {
padding: 16px 68px 13px 0;
float: right;
font: normal 24px/24px "Times New Roman", Times, serif;
color: #a8abb2;
}
#company {
padding: 16px 20px 13px 0;
float: right;
font: 24px/24px "Times New Roman", Times, serif;
color: #a8abb2;
font-variant: small-caps;
letter-spacing: 2px;
}
header nav {
width: 538px;
height: 36px;
margin-right: 49px;
clear: right;
float: right;
position: relative;
z-index: 99;
}
header nav ul,
header nav li,
header nav a {
width: auto;
height: auto;
margin: 0;
padding: 0;
font: normal 14px/14px Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
}
header nav ul {
margin-left: 6px;
}
header nav li {
float: left;
position: relative;
list-style: none outside none;
}
header nav a {
padding: 11px 12px 11px 13px;
display: inline-block;
}
header nav a:hover {
color: #09162f;
}
/* Dropdowns */
header nav li ul {
width: 150px;
position: absolute;
top: 36px;
left: 0;
display: none;
background-color: #3e3e3f;
-webkit-box-shadow: #000 0px 0px 10px;
-moz-box-shadow: #000 0px 0px 10px;
box-shadow: #000 0px 0px 10px;
border: 1px solid #99a8c6;
z-index: 99;
}
header nav li:hover ul,
header nav a:hover ul
header nav li ul:hover {
display: block;
}
header nav li li {
width: 150px;
}
header nav li li a {
width: 124px;
padding: 7px 13px;
display: block;
cursor: pointer;
}
header nav li li a:hover {
text-decoration: none;
background-color: #6A6F72;
}
#banner {
width: 945px;
height: 316px;
clear: both;
overflow: hidden;
position: absolute;
top: 89px;
left: 28px;
z-index: 30;
}
#main-content {
padding: 0 44px 78px 44px;
}
#main-content > aside {
width: 354px;
padding-top: 8px;
float: left;
}
#explore {
width: 331px;
height: 210px;
margin: 0 auto;
padding: 0;
text-indent: -6000%;
background: transparent url(assets/images/explore-the-bay-area.png) no-repeat left top;
}
#explore a {
width: 331px;
height: 210px;
display: block;
}
#main-content > section {
width: 877px;
min-height: 350px;
padding: 17px;
float: right;
background: #3e3e3f url(assets/images/section-bg.jpg) no-repeat center top;
-webkit-box-shadow: #000 0px 0px 10px;
-moz-box-shadow: #000 0px 0px 10px;
box-shadow: #000 0px 0px 10px;
border: 1px solid #99a8c6;
behavior: url(PIE.htc);
}
.leftCol {
width: 650px;
float: left;
}
#main-content > aside + section,
#main-content > aside + css3-container + section {
width: 496px;
background-position: -398px top;
}
#main-content > section aside {
width: 160px;
margin: 20px 0 0 20px;
padding: 20px;
float: right;
background: #505051;
border: 1px solid #99a8c6;
}
#main-content > section aside h2:first-child {
margin: 0;
}
#main-content > section aside ul,
#main-content > section aside li {
margin: 0;
padding: 0;
list-style: none outside none;
}
#main-content > section aside ul {
margin-top: 10px;
}
footer {
height: 50px;
margin: -64px 0 0 0;
padding: 14px 0 0 0;
position: relative;
font: normal 10px/10px Arial, Helvetica, sans-serif;
color: #fff;
background: transparent url(assets/images/footer-bg.png) repeat-x left top;
z-index: 10;
}
footer a {
color: #fff;
text-decoration: none;
}
footer a:hover {
color: #09162f;
}
footer div {
width: 913px;
margin: 0 auto;
padding: 0 44px;
}
footer .icons,
footer .icons li,
footer .icons a {
width: auto;
height: auto;
margin: 0;
padding: 0;
}
footer .icons {
float: left;
}
footer .icons li {
float: left;
list-style: none outside none;
}
footer .icons .facebook {
height: 22px;
margin: 8px 22px 0 0;
padding: 7px 0 7px 43px;
font: normal 10px/11px Arial, Helvetica, sans-serif;
background: transparent url(assets/images/facebook-icon.png) no-repeat left top;
}
footer .icons .facebook strong {
display: block;
font-size: 12px;
font-weight: normal;
letter-spacing: 1px;
text-transform: lowercase;
}
footer .icons .prudential {
width: 111px;
height: 38px;
margin: 7px 0 0 0;
background: transparent url(assets/images/prudential-logo.png) no-repeat left top;
}
footer .icons .prudential a {
width: 111px;
height: 38px;
display: block;
text-indent: -6000%;
}
footer nav {
padding: 16px 0 5px 0;
float: right;
}
footer nav ul,
footer nav li,
footer nav a {
margin: 0;
color: #fff;
}
footer nav li {
padding: 0 0 0 3px;
display: inline;
list-style: none outside none;
border-left: 1px solid #fff;
}
footer nav li:first-child {
border: none;
}
footer .copyright {
width: 325px;
margin: 0;
clear: right;
float: right;
text-align: right;
}