html {
height: 100%;
}
body {
font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #b3b3b3;
margin: 0;
background: url('../images/body-bg.jpg') 0 88px;
height: 100%;
}
img {
border: none;
}
form {
margin: 0;
padding: 0;
}
#bg {
background: url(../images/main-bg.jpg) repeat-x;
min-height: 100%;
}
* html #bg {
height: 100%;
}
#page {
width: 970px;
margin: 0 auto;
padding: 0 11px;
background: url(../images/page-bg.png) repeat-y;
}
#header {
height: 153px;
position: relative;
}
.logo {
position: absolute;
left: 54px;
top: 17px;
}
.logo a {
display: block;
text-indent: -9999px;
width: 176px;
height: 134px;
overflow: hidden;
background: url('../images/logo.gif') no-repeat;
}
.main-headline {
position: absolute;
left: 445px;
top: 59px;
width: 449px;
height: 44px;
text-indent: -9999px;
overflow: hidden;
background: url(../images/headline.gif) no-repeat;
}
#nav {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
right: 7px;
bottom: 12px;
}
#nav li {
float: left;
padding: 0 23px 0;
margin-left: -2px;
display: inline;
font-size: 13px;
letter-spacing: 1px;
background: url(../images/nav-divider.gif) no-repeat 0 50%;
text-transform: uppercase;
position: relative;
}
#nav li.first {
background: none;
}
#nav li a {
text-decoration: none;
color: #b3b3b3;
}
#nav li.hover a,
#nav li:hover a {
text-decoration: underline;
}
#nav li.hover div,
#nav li:hover div {
display: block;
}
#nav li div {
position: absolute;
display: none;
right: 5px;
top: 0;
padding: 30px 0 0;
width: 157px;
background: url(none.gif);
}
#nav li ul {
position:relative;
width:100%;
margin: 0;
margin-left:60px;
overflow: hidden;
height: 100%;
padding: 4px 9px 12px 8px;
list-style: none;
background: #333333;
}
#nav li ul li {
position:relative;
width:100%;
border-bottom: 1px solid #000;
float: none;
padding: 1px 0 0;
margin: 0;
font-size: 12px;
display: block;
background: none;
}
#nav li ul li a {
text-decoration: none !important;
}
#nav li ul li a:hover {
text-decoration: underline !important;
}
#img {
overflow: hidden;
height: 100%;
padding-bottom: 41px;
background: #1a1a1a;
}
#img img {
display: block;
}
.cont {
overflow: hidden;
height: 100%;
padding: 0 43px 23px 43px;
}
.cont .left-col {
float: left;
width: 660px;
}
.cont h1 {
margin: 17px 0 0;
color: #999;
font: 24px Arial, Helvetica, sans-serif;
}
.cont .left-col p {
margin: 0;
line-height: 20px;
}
.cont .left-col .more {
display: block;
text-align: right;
padding: 6px 49px 0 0;
text-transform: uppercase;
font-size: 11px;
}
.cont .left-col .more a {
text-decoration: none;
color: #808080;
}
.cont .left-col .more a:hover {
text-decoration: underline;
}
.contact {
float: right;
width: 128px;
margin-top: 68px;
padding: 0 0 0 64px;;
}
.contact h3 {
width: 128px;
margin: 0 0 0 -64px;
background: url(../images/contact-head-icon.gif) no-repeat;
line-height: 16px;
font-size: 14px;
text-transform: uppercase;
padding: 2px 0 5px 64px;
font-weight: normal;
}
.contact ul {
margin: 0;
padding: 9px 0 0;
list-style: none;
}
.contact ul li {
padding-left: 14px;
background: url(../images/contact-bullet.gif) no-repeat 0 7px;
font-size: 14px;
padding-bottom: 4px;
}
.contact ul li a {
text-decoration: none;
color: #808080;
}
.contact ul li a:hover {
text-decoration: underline;
}
#footer {
overflow: hidden;
height: 100%;
}
#footer div {
overflow: hidden;
height: 100%;
background: #4d4d4d;
padding: 4px 0 8px 36px;
}
#footer .flogo {
margin: 0 0 0 14px;
float: left;
}
#footer .flogo img {
display: block;
}
#footer span {
float: right;
}
#footer span a {
float: left;
line-height: 24px;
padding-left: 33px;
font-size: 14px;
color: #999;
margin: 16px 35px 0 20px;
text-decoration: none;
text-transform: uppercase;
}
#footer a:hover {
text-decoration: underline;
}
#footer .login-link {
background: url(../images/footer-login-icon.gif) no-repeat ;
}
#footer .order-link {
background: url(../images/footer-order-icon.gif) no-repeat ;
}
#footer .download-link {
background: url(../images/footer-download-icon.gif) no-repeat ;
}
#footer p {
margin: 0;
padding: 0 27px 0 0;
line-height: 26px;
font-size: 9px;
color: #999;
text-align: right;
}
#footer p a {
color: #999;
text-decoration: none;
}
#footer p a:hover {
text-decoration: underline;
}
.cols {
overflow: hidden;
height: 100%;
padding: 21px 0 0;
margin: 0 30px 24px 22px;
background: url(../images/cols-top-line.gif) no-repeat 11px 0;
}
.cols .lines {
background: url(../images/cols-line.gif) repeat-y 224px 0;
height: 100%;
}
.cols .lines:after {
content:"";
display:block;
clear:both;
}
.cols p {
margin: 3px 0 0;
line-height: 16px;
}
.cols .more {
float: left;
margin-top: 5px;
text-transform: uppercase;
font-size: 11px;
text-decoration: none;
color: #808080;
}
.cols .print {
float: right;
}
.cols .more:hover {
text-decoration: underline;
}
.cols .lines .step-col {
width: 170px;
padding: 0 35px 0 20px;
float: left;
}
.cols .lines .step-col .print {
margin: 11px -11px 0 0;
}
.cols .lines .step-col h3 {
margin: -10px -35px 0 -20px;
position: relative;
width: 221px;
height: 62px;
text-indent: -9999px;
overflow: hidden;
background: url(../images/step-col-head.gif) no-repeat;
}
.cols .lines .sale-col h3 {
margin: -10px -7px 0 -26px;
position: relative;
width: 220px;
height: 62px;
text-indent: -9999px;
overflow: hidden;
background: url(../images/sale-col-head.gif) no-repeat;
}
.cols .lines .say-col h3 {
margin: -10px -59px 0 -20px;
position: relative;
width: 220px;
height: 62px;
text-indent: -9999px;
overflow: hidden;
background: url(../images/say-col-head.gif) no-repeat;
}
.sale-col {
float: left;
width: 197px;
padding: 0 0 0 33px;
}
.sale-col-wide {
float: left;
width: 300px;
padding: 0 0 0 33px;
}
.say-col {
float: left;
width: 168px;
padding: 0 50px 0 29px;
}
.home-list {
margin: 0;
padding: 0;
list-style: none;
}
.home-list li {
padding: 0 0 0 26px;
background: url(../images/home-icon.gif) no-repeat 0 3px;
font-size: 14px;
line-height: 22px;
}
.home-list li a {
text-decoration: none;
color: #b3b3b3;
}
.home-list li a:hover {
text-decoration: underline;
}
.gallery-list {
margin: 0;
padding: 0;
list-style: none;
margin: 20px 0 20px 0px;
}
.gallery-list li {
padding: 0 10px 0 0;
float: left;
}
.gallery-list li a {
text-decoration: none;
}
.usr-nav {
margin: 0;
padding: 0;
list-style: none;
}
.usr-nav li {
padding: 0 0 0 0;
margin-right:25px;
/*background: url(../images/home-icon.gif) no-repeat 0 3px;*/
font-size: 14px;
line-height: 22px;
display:inline;
}
.usr-nav li a {
text-decoration: none;
/*color: #b3b3b3;*/
color: #737373;
}
.usr-nav li a:hover {
text-decoration: underline;
color:black;
}
.customer-form {
float: right;
width: 206px;
background: url(../images/customer-form-bg.gif) repeat-y;
margin: -10px 0 0;
position: relative;
}
.customer-form .top-bg {
width: 100%;
background: url(../images/customer-form-top-bg.gif) no-repeat;
}
.customer-form .bottom-bg {
overflow: hidden;
height: 100%;
background: url(../images/customer-form-bottom-bg.gif) no-repeat 0 100%;
padding: 6px 15px 9px 14px;
}
.customer-form h3 {
margin: 0;
text-indent: -9999px;
overflow: hidden;
width: 155px;
height: 33px;
background: url(../images/customer-form-head.gif) no-repeat;
}
.customer-form .text {
font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #000;
margin: 4px 0 0;
background: #b3b3b3;
border: 1px solid #808080;
width: 143px;
height: 17px;
float: left;
padding: 0 20px 0 13px;
}
.customer-form .submit {
float: right;
margin: -19px 0 0;
position: relative;
}
.customer-form .pass {
background: url(../images/password-icon.gif) no-repeat 100% 50%;
float: right;
padding: 1px 19px 0 0;
color: #fff;
margin-top: 11px;
font-size: 11px;
line-height: 16px;
text-decoration: none;
}
.customer-form .pass:hover {
text-decoration: underline;
}
.administrator-form {
width: 206px;
background: url(../images/customer-form-bg.gif) repeat-y;
margin:auto;
margin-top:300px;
position: relative;
}
.administrator-form .top-bg {
width: 100%;
background: url(../images/customer-form-top-bg.gif) no-repeat;
}
.administrator-form .bottom-bg {
overflow: hidden;
height: 100%;
background: url(../images/customer-form-bottom-bg.gif) no-repeat 0 100%;
padding: 6px 15px 9px 14px;
}
.administrator-form h3 {
margin: 0;
text-indent: -9999px;
overflow: hidden;
width: 155px;
height: 33px;
background: url(../images/administrator-form-head.png) no-repeat;
}
.administrator-form .text {
font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #000;
margin: 4px 0 0;
background: #b3b3b3;
border: 1px solid #808080;
width: 143px;
height: 17px;
float: left;
padding: 0 20px 0 13px;
}
.administrator-form .submit {
float: right;
margin: -19px 0 0;
position: relative;
}
.administrator-form .pass {
background: url(../images/password-icon.gif) no-repeat 100% 50%;
float: right;
padding: 1px 19px 0 0;
color: #fff;
margin-top: 11px;
font-size: 11px;
line-height: 16px;
text-decoration: none;
}
.administrator-form .pass:hover {
text-decoration: underline;
}
.inner-cont {
overflow: hidden;
height: 100%;
background: #f2f2f2 url(../images/inner-cont-bg.gif) repeat-y;
padding: 0 21px 20px 28px;
color: #333;
}
.inner-main {
float: right;
width: 646px;
margin-top: 53px;
padding-bottom: 30px
}
.inner-cont .img {
float: right;
margin: 3px 0 0 16px;
border: 1px solid #afafaf;
}
.inner-cont .table {
height: 1%;
overflow: hidden;
}
.inner-cont h1 {
margin: 24px 0 0;
color: #999;
font-family: Arial, Helvetica, sans-serif;
font-size: 30px;
}
.inner-cont p {
margin: 0;
line-height: 20px;
}
.inner-cont .home-list {
margin: 27px 0 0 19px;
}
.inner-cont .home-list li {
background-image: url(../images/inner-home-icon.gif);
}
.inner-cont .home-list li a {
color: #666;
}
.inner-sidebar {
float: left;
width: 230px;
margin-top: 76px;
}
.inner-sidebar .customer-form {
margin: 0 0 0 8px;
float: none;
}
.inner-sidebar .contact {
float: none;
margin: 29px 0 0 16px;
}
.inner-sidebar .contact h3 {
color: #ccc;
}
.headings {
margin: 25px 0 0;
padding: 0;
list-style: none;
overflow: hidden;
height: 100%;
}
.headings li {
float: left;
width: 100%;
}
.headings li a {
display: block;
width: 220px;
height: 62px;
text-indent: -9999px;
overflow: hidden;
}
.headings .step-head {
background: url(../images/step-col-head.gif) no-repeat;
}
.headings .sale-head {
background: url(../images/sale-col-head.gif) no-repeat;
}
.headings .say-head {
background: url(../images/say-col-head.gif) no-repeat;
}
.inner-page #footer p {
background: #f2f2f2 url(../images/inner-cont-bg.gif) repeat-y;
}
h1 {
font-size: 24px;
}
table.houseforsale_features{
border:none;
position:relative;
margin-left:15px;
width:80%;
}
table.houseforsale_features th{
border:none;
font-weight:bold;
position:relative;
width:50%;
text-align:left;
border-bottom:1px solid #aaaaaa;
}
table.houseforsale_features td{
border:none;
font-weight:normal;
position:relative;
width:50%;
text-align:left;
border-bottom:1px solid #aaaaaa;
}
.sub_nav_link{
color:#555555;
text-decoration:none;
}
.sub_nav_link:hover{
color:#555555;
text-decoration:underline;
}
ul#contactdetails {
margin:5px 21px 0 0;
padding:0;
float:right;
}
#contactdetails li {
margin: 0;
display:block;
padding:0 10px 0 0;
float:right;
}
#contactdetails2 li {
text-decoration: none;
display:block;
font-size:14px;
}
.gallery_icon{
display:block;
overflow:hidden;
background-color:transparent;
background-repeat:no-repeat;
text-indent:-9999px;
background-position: left top;
width:70px;
height:110px;
}
.gallery_icon:hover{
background-position: left bottom;
}
#exteriors{
background-image:url(../icons/exteriors.png);
}
#interiors{
background-image:url(../icons/interiors.png);
}
#details{
background-image:url(../icons/details.png);
}
#underconstruction{
background-image:url(../icons/construction.png);
}
#completed{
background-image:url(../icons/completion.png);
}
#commercial{
background-image:url(../icons/commercial.png);
}
#homesforsale{
background-image:url(../icons/homes.png);
}
#lots{
background-image:url(../icons/lots.png);
}
#drawings{
background-image:url(../icons/drawings.png);
}
#subdivisions{
background-image:url(../icons/subdivisions.png);
}
#contbutton img{
margin-top: 10px;
}
.uc_date_block img{
margin-right: 10px;
}
.subdivision_logo{
vertical-align: middle;
margin-right: 10px;
}
.vendor_logo{
float:right;
margin-left: 15px;
}
.vendor_logo img{
border: thin solid #afafaf;
}
#vendor_gallery{
margin: 1em 0;
}