html {
width:100%;
height:100%;
}
body {
margin:0;
background:#013044 url(../_images/site-background.gif) repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666;
width:100%;
height:100%;
}
hr {
border:0;
background-color: #666;
height: 1px;
width: 100%;
}
a {
color:#01689d;
}
a:hover {
color:#5e6e64;
}
img {
border:0;
}
a img {
border:0;
}
h1 {
font-size:18px;
color:#005481;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
}
h2 {
font-size:14px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
color:#887f6f;
}
.clearizor {
clear:both;
}
#search-box {
width:974px;
margin:0 auto;
text-align:right;
margin-top:0px;
height:40px;
}
#search-box a {
margin-right:25px;
}
#search-box a img {
margin-top:2px;
}
input#ajaxSearch_input {
font-size:10px;
border:solid 1px #c7c7c7;
margin-bottom:3px;
}
#search-box fieldset{
border:none;
width:250px;
float:right;
}
#search-box a#btn-facebook, #search-box a#btn-twitter{
margin:0;
display:block;
width:141px;
height:33px;
float:right;
}
#search-box a#btn-facebook{
background:url(../_images/btn-facebook.jpg) no-repeat left;
margin-right:2px;
}
#search-box a#btn-twitter{
background:url(../_images/btn-twitter.jpg) no-repeat left;
margin-right:9px;
}
#search-box a#btn-facebook:hover, #search-box a#btn-twitter:hover{
background-position:right;
}
#wrapper {
width:974px;
margin:0 auto 0 auto;
background:url(../_images/wrapper-background.png) repeat-y;
position:relative;
}
#main-logo {
z-index:100;
position:absolute;
top:-12px;
left:20px;
}
#main-nav {
width:940px;
height:35px;
padding:0;
background:url(../_images/main-nav-background.gif) repeat-x;
background-position:bottom;
margin:0 auto;
}
img.floatLeft {
float: left;
padding: 0 10px 10px 0;
}
/*#main-nav ul {
margin:0 30px 0 0;
padding-top:10px;
position:relative;
float:right;
list-style-type:none;
z-index:100;
}
#main-nav ul li {
position:relative;
display:inline;
float:left;
padding:0 10px 0 10px;
border-right:solid 1px #005481;
}
#main-nav ul li.last {
border-right:0;
padding:0 0 0 10px;
}
#main-nav ul li a {
display:block;
font-size:14px;
font-family:Georgia, "Times New Roman", Times, serif;
float: none !important;
float: left;
text-decoration:none;
height: auto !important;
height: 1%;
}
#main-nav ul li.active a {
color:#5e6f64;
}
#main-nav ul ul {
/*position:absolute;
display:none;
margin:0;
padding:0;
overflow:hidden;
list-style-type:none;
background:#fff;
width: auto;
padding-bottom:4px;
margin: 0;
border: 0 none;
padding: 0;
/*width: 160px;
width: auto;
list-style: none;
display: none;
position: absolute;
top: 24px;
left: 0;
}
#main-nav ul ul:after{
clear: both;
display: block;
font: 1px/0px serif;
content: ".";
height: 0;
visibility: hidden;
}
ul.mainmenu li:hover li a, ul.mainmenu li.iehover li a {
float: none;
}
#main-nav ul ul li, #main-nav ul ul li.last {
display:block;
border:0;
padding:0;
margin:0;
width:100%;
clear:both;
width: 160px;
float: left;
display: block !important;
display: inline;
}
#main-nav ul li ul li a, #main-nav ul li.active ul li a {
display:block;
height:auto;
padding-top:4px;
background-color:#fff;
font-size:11px;
width:100%;
color:#01689d;
margin-left:8px;
}
#main-nav ul li ul li a:hover, #main-nav ul li.active ul li a:hover {
color: #5e6f64;
} */
#header {
width:974px;
height:270px;
}
#flash-wrapper {
width:974px;
height:287px;
background:#999;
}
#content {
width:940px;
margin:0 auto;
padding-top:20px;
background:url(../_images/content-top-background.gif) repeat-x;
}
#content-inner {
width:940px;
background:url(../_images/content-background.gif) repeat-y;
}
#content-two-column-left {
width:270px;
float:left;
}
#content-two-column-left-inner {
width:197px;
/* This background image puts a small piece of paper at the top of the homepage*/
/* Then in the CHUNK for the left page you just adjust the text and it lays on top*/
/*background:url(../_images/left-title-back.png) no-repeat;*/
margin:0 auto;
}
#content-two-column-left-inner h1 {
text-align:center;
padding-top:10px;
margin:0;
padding-bottom:0;
color:#76867c;
}
#content-two-column-left-inner h2 {
text-align:center;
margin:0 0 40px 0;
padding:0;
}
#content-two-column-left-inner p {
font-size:10px;
width:158px;
margin:0 auto 20px auto;
}
#content-two-column-right {
width:630px;
float:right;
margin-right:35px;
}/*3 column*/
#content-three-column-left {
width:230px;
float:left;
height:100%;
}
#content-three-column-left img {
/*margin-left:50px;*/
margin-left:24px;
}
#content-three-column-left img.fma-map {
margin-left:28px;
}
#content-three-column-left h2 {
font-size:16px;
color:#005481;
/*margin-left:50px;*/
margin-left:30px;
}
#content-three-column-left ul {
/*margin-left:25px;*/
margin-left:6px;
list-style-image:url(../_images/list-style-image.gif);
}
#content-three-column-left ul li {
margin-bottom:8px;
font-size:14px;
}
#content-three-column-left ul li a {
font-family:Georgia, "Times New Roman", Times, serif;
/*
color:#5e6f64;
*/
color:#005481;
text-decoration:none;
}
#content-three-column-left ul li a:hover, #content-three-column-left ul li.active a {
/*color:#005481;*/
color:#5e6f64;
}
#content-three-column-left ul li.active a {
/*color:#005481;*/
color:#f79321;
}
#content-three-column-middle {
width:440px;
float:left;
margin-left:30px;
}
#content-three-column-right, #content-three-column-right-architectural, #content-three-column-right-attached-homes {
width:210px;
float:right;
margin-right:20px;
height:356px;
background-position:center;
}
#content-three-column-right {
background:url(../_images/three-column-right-back.jpg) no-repeat;
}
#content-three-column-right-architectural {
background:url(../_images/three-column-right-back-architectural.jpg) no-repeat;
}
#content-three-column-right-attached-homes {
background:url(../_images/three-column-right-back-attached-homes.jpg) no-repeat;
}
#content-three-column-right-inner {
width:170px;
margin:20px auto;
}
#content-three-column-right h2, #content-three-column-right-architectural h2, #content-three-column-right-attached-homes h2 {
font-size:18px;
margin:0;
padding:0;
}
#content-three-column-right h3, #content-three-column-right-attached-homes h3 {
font-size:14px;
color:#887f6f;
margin:0;
padding:0;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
}
#content-three-column-right-architectural h3 {
font-size:12px;
color:#887f6f;
margin:0;
padding:0;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
}
#content-three-column-right .content-right-desc {
font-size:10px;
}
#content-three-column-right ul {
list-style-image:url(../_images/list-style-image.gif);
text-transform:uppercase;
}
#content-three-column-right ul li {
margin-top:9px;
}
#content-three-column-right ul li a {
text-decoration:none;
color:#887f6f;
}
#content-three-column-right ul li a:hover {
color:#005481;
}
#footer {
background:#94a195;
width:940px;
height:79px;
margin:20px auto 0 auto;
border-top:solid 2px #c6c7c7;
color:#FFF;
}
#footer p {
width:auto;
float:right;
margin:20px 10px 0 0;
font-size:11px;
}
#footer a {
color:#FFF;
text-decoration:underline;
}
#footer-logo {
float:right;
}/*MISC*/
#builders-flash-wrapper {
margin-bottom:20px;
}
/*---------additional content styling added by VH @ Hopewell-----------*/
div#content-three-column-middle ul {
margin-left: 0;
padding-left: 1em;
text-indent: -1em;
list-style: none;
font-style:italic;
font-size:13px;
color:#005481;
}
div#content-three-column-middle ul li {
margin:0 0 6px 0;
}
div#content-three-column-middle ul li:before {
content: "\00BB \0020";
}
div#content-three-column-middle ol {
list-style:decimal;
/*list-style-position: inside;*/
padding-left: 6px;
text-indent: -6px;
font-style:italic;
font-size:13px;
color:#005481;
}
div#content-three-column-middle ol li {
/*background: url(../_images/number-bg.gif) no-repeat 0 0;
text-indent: 0;*/
margin:0 0 6px 12px;
padding: 0 0 0 4px;
}
div#content-three-column-middle blockquote {
display:block;
min-height: 48px;
height: auto !important; /* we fix the fact that IE doesn't under stand min-height*/
height: 48px;
margin:18px 0;
padding:0 18px 0 18px;
color:#4c575a;
font: italic normal 16px Georgia;
background: url(../_images/quote.gif) no-repeat 0 0;
overflow: visible;
}
div#content-three-column-middle strong {
color:#4a4a4a;
font-size: 13px;
}
div#content-three-column-middle em {
font-size: 13px;
color:#005481;
}
/*------------------------ add this button-------------*/
div#addthis_button_compact { float:right; padding-right:5px; }
/*------------------------ registration form-------------*/
span.label,span.spacer,span.multiple span {width:120px;float:left;}
span.multiple {float:left;}
span.button {padding-left:120px;}
div.clear {clear:both;padding-top:5px;}
.hide{display:none;}