body {
margin-top:5px;
background: url(/assets/images/bg.jpg);
background-color: #e2e2e1;
background-repeat: repeat-x; 
background-position:top;
font-family:lucida sans unicode;
}

#top {
position:relative; 
margin:auto; 
width:972px; 
height:25px; 
background: url(/assets/images/top.png);
}

#middle {
position:relative; 
margin:auto; 
width:972px;
background: url(/assets/images/middle.png);
}

#content {
position:relative; 
width:932px;
border:1px solid white;
margin:auto;
}

#bottom {
position:relative; 
margin:auto; 
width:972px; 
height:25px; 
background: url(/assets/images/bottom.png);
}

.clear {
clear:both;
}


/*------------FOOTER--------------*/
#footer {
padding-top:10px;
padding-left:20px;
width:950px; 
margin-top:0px; 
margin:auto;
}

#footer ul {
font-size:11px; 
color:gray; 
list-style:none; 
margin:0px; 
padding:0px;  
width:100%; 
line-height:16px
}

#footer ul li {
float:left;
}

#footer ul li ul {
list-style:none; 
margin:0px; 
padding:0px
}

#footer ul li ul li {
float:none;
}

#footer ul li ul li a {
text-decoration:none;
color:gray
}

#footer ul li ul li a:hover {
color:black;
}


/*------------PROPERTY LIST--------------*/
.listing {
margin:auto;
}

.listing tr {
}

.listing tr:hover {
background-color: #eeeeee;
}

#content .listing h1 {
margin:0px;
padding:0px;
font-weight:normal;
font-size:24px;
line-height:36px;
}

#content .listing h2 {
margin:0px;
padding:0px;
font-weight:normal;
color:gray;
font-size:16px;
line-height:24px;
}


/*------------LISTING--------------*/
#listing {
position:relative; 
margin-top:8px; 
width:930px; 
border-top:1px solid black;
border-bottom:0px solid black;
}

#listing-left {
width:600px; 
float:left;
}

#listing-left ul {
margin:0px;
padding:0px;
list-style:none;
}

#listing-left ul li {
float:left;
margin:3px;
margin-top: 7px;
border:1px solid black;
}

#listing-right {
width:305px;
float:right;
margin-right:5px;
padding-top:15px
}

.property {
color:gray;
font-size:28px;
}

.neighbor {
font-size:12px;
}

.neighbor a {
text-decoration:none;
color:black;
}

.neighbor a:hover {
color:gray;
}

#listing-info {
border-top:1px dotted #dedede; 
border-bottom:1px dotted #dedede; 
padding-top:5px; 
padding-bottom:5px; 
font-size:11px;
margin-bottom:15px;
}

#agent-info {
border-top:1px dotted #dedede; 
padding-top:5px; 
font-size:11px; 
color:gray;
margin-top:20px;
}

#agent-info a {
text-decoration:none;
color:gray;
border-bottom:1px solid white;
}

#agent-info a:hover {
color:black;
border-bottom:1px dotted black;
}

#listing-img {
width:600px;
}

.detail {
border-top:1px dotted #dedede; 
border-bottom:1px dotted #dedede; 
padding-top:5px; 
padding-bottom:5px; 
font-size:11px
}


/*------------MENU-----------------*/
#nav {
font-size:12px;
margin:auto;
padding-left:42px;
}

#nav ul {
list-style:none;
padding:0px;
margin:0px;
}

#nav ul li {
float:left;
padding:15px;
padding-top:14px;
font-size:12px
}

#nav ul li.logo {
padding:0px;
padding-left:15px;
padding-right:15px;
}

#nav ul li a {
color:black;
text-decoration:none;
border-bottom:1px solid white;
}

#nav ul li a:hover {
color:gray;
border-bottom:1px dotted gray;
}

/*------------SCROLLER SETTINGS --------------*/
#scroll-container {
position: relative;
height: 300px;
border:1px solid black;
margin-top:7px;
margin-bottom:10px;
}

#scroll {
position:relative;
width:930px;
margin:10px;
margin:auto;
}

#scroll ul {
list-style:none;
margin:0px;
padding:0px;
}

#scroll ul li {
float:left;
}

#scroll-outer {
position:relative; 
width:780px; 
overflow:hidden;
}

#scroll-inner {
}

#scroll-inner ul {
list-style:none; 
margin:0px; 
padding:0px
}

#scroll-inner ul li {
float:left; 
width:780px; 
text-align:left;
}

.scroll-item {
width: 780px;
}

.scroll-left {
width:420px; 
height:300px; 
overflow:hidden; 
float:left;
}

.scroll-right {
width:350px; 
float:right;
padding-top:120px;
}

.scroll-right .title {
color: gray;
font-size: 32px;
}

/*-------------- HOME PAGE TYPE --------------*/
#content h1 {
margin:0px;
padding:0px;
font-weight:normal;
font-size:30px;
line-height:42px;
}

#content h2 {
margin:0px;
padding:0px;
font-weight:normal;
font-size:24px;
color:gray;
line-height:30px;
}

/*----------------- CONTACT FORM FIELDS----------------*/
#content input.cField {
padding: 5px;
width: 250px;
}

.tbl-contact {
font-size:12px;
}

.tbl-contact tr td {
padding-bottom:10px;
padding-right:20px;
}
