﻿/* CSS Document */
body { margin: 0px; padding:0px; width:100%; height:100%; background:url(../images/bg.gif) top repeat-x #8bb159;}
div {margin:0px; padding:0px; text-align:left;}
h1 {margin: 0px; padding:0px;}
h2 {margin: 0px; padding:0px;}
h3 {margin: 0px; padding:0px;}
img {border:0; margin: 0px; padding:0px;}
form {margin: 0px; padding: 0px;}
object {border:0; margin: 0px; padding:0px;}
.b0 {border: 0px; }
ul {display:inline; margin:0px; padding:0px; list-style:none;}
li {list-style:none; list-style-image:url(../images/bullet.gif); margin:0px; padding:0px;}
a span { display:block;width:auto; }
a span img { display:inline}

/***************************************************** STRUCTURE *****************************************************/
#bgcontainer {display:table; width:100%; height:100%;}
#container {display:table; width:1000px; height:100%; margin:0px auto;}
#top {display:inline; float:left; clear:both; width:1000px; height: 164px; margin-top: 15px; background: #FFFFFF url(../images/bg_header.gif) repeat-x right top;}
#toplogo{display: inline; float: left; clear:left; width: 380px; height: 111px; background: url(../images/logo.gif) no-repeat left top;}
#center{display:inline; float:left; clear:both; width:1000px; height:100%; background: #FFFFFF url(../images/content-bg.gif) repeat-y right top;}
#leftColumn {display:inline; float:left; clear:left; width:733px; height: 100%; background: url(../images/bghome.jpg) no-repeat transparent top left;}
#rightColumn {display:inline; float:left; clear:right; width:267px; height:100%; background-color:Transparent; }
#footer {display:inline; float:left; clear:both; width:1000px; height: 100px; background: url(../images/bg_bottom.gif) no-repeat;}

/***************************************************** TOP NAV *****************************************************/
.top-nav {display:inline; float:right; clear:right; width:612px; text-align:right; padding-top:0; margin:8px 8px 0px 0px;}
.searchBody {display:inline; float: right; clear:right; width: 140px; height: 35px; text-align:right;}
#nav{display:inline; float:left; width:1000px; height:53px; position: relative;}
#nav ul {display:inline; float:left; margin: 0px; padding: 0px; list-style:none; z-index:2; width:1005px; height:53px; position: absolute; top:0px; left:0px;}
#nav ul li {display:inline; float:left; height:53px; margin: 0px; padding: 0px; list-style:none; z-index:2; position: relative;}

/***************************************************** CLIENT LOGIN *****************************************************/
.clientLoginButton { padding:0; margin:0; background: url(../images/mls-quick-search-btn.gif) no-repeat left top; width:23px; height:21px; border:none; display:inline; }
.form { padding:0; height: 10px; margin:0px 5px 0px 0px; float:right; }
.input { display:inline; width: 90px; height: 13px; margin-top: 10px; font-size: 11px; color: #C0C0C0; float:left; margin:0px 3px 0px 0px; padding-left:5px;}

/***************************************************** FLASH *****************************************************/
#flash {display:inline; float:left; clear:both; width:1000px; height:310px; background: url(../images/flash.jpg) no-repeat left top; }

/*****************************************************  FEATURED PROPERTY STYLES *****************************************************/
#featPropDiv { width: 225px; padding: 8px 0px 20px 5px; float: left; }
.featuredDiv01 { text-align: left; width: 235px; height: auto; float: left; overflow:hidden; }
.featImgDiv { width: 225px; margin-top:5px; }
.featTextDiv { width: 225px; float:left; height:110px; display:inline; }
.featOptionsDiv { float:left; display: inline; padding: 20px 0px 0px 16px; width:220px;}
.featIMG { width: 225px; height: 121px; border: #31a3d9 solid 4px; }
.featOptionsClass01 { display: inline; float: left; }
.featOptionsClass02 { display: inline; float: right; padding: 0px 0px 0px 0px; }
.featOptionsClass03 { display: inline; float: right; padding: 0px 0px 0px 0px; }

/***************************************************** FOOTER *****************************************************/
#footerId01 {display:inline; float: left; padding: 17px 0px 10px 20px; width:450px; height:80px; }
.resi_logo {display:inline; float:left; clear:right; width:200px; padding:35px 0px 0px 85px; height:35px;}
.logosmix {display:inline; float:left; clear:right; width:244px; padding:15px 0px 0px 0px; height:78px;}

/***************************************************** TEXT STYLES *****************************************************/
.mainTxt { font: 12px/17px "Georgia", Verdana, Geneva; color: #3e3e3e; text-align: left; line-height: 1.5em ; }
.mainTxt A { color: #525252; text-decoration:underline; }
.mainTxt A:hover { color: #525252; text-decoration:none; }
.featText01 { font: 11px/17px Georgia, Helvetica, Arial; color: #e2e2e2; padding: 10px 10px 0px 15px; }
.featText01 A { color: #ffffff; text-decoration: none; }
.featText01 A:hover { color: #ffffff; text-decoration: underline; }
.footerTxt { font: 12px/17px "Georgia", Verdana, Geneva; color: #3e3e3e; text-align: left; }
.footerTxt A { color: #78a247; text-decoration:underline; }
.footerTxt A:hover { color: #78a247; text-decoration:none; }
.right-p { color:#ffffff; padding:0 0 0 20px; float:left; font: normal 13px/18px "Georgia", Verdana, Geneva;}
.right-p A { color: #ffffff; text-decoration:underline;}
.right-p A:hover { color: #ffffff; text-decoration:none;}
