﻿/* CSS Document */
body { margin: 0px; padding:0px; width:100%; height:100%;  background: #ffffff url(../images/bghome.png) repeat-x top left;}
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}
iframe {margin: 0px; padding: 0px;}

/***************************************************** 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: 230px; background: transparent;}
#toplogo{display: inline; float: left; clear:left; width: 424px; height: 175px; background: transparent url(../images/logo.jpg) 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%;}
#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; border-top: #b6dcf2 solid 2px; margin-bottom: 40px;}
h2.areatitle {display: inline; float: left; width: 700px; height: 43px; border-bottom: #b6dcf2 solid 2px; margin-bottom: 40px;}
.txtpad {display: inline; float: left; padding: 10px 0px 10px 15px;}

/***************************************************** TOP NAV *****************************************************/
.top-nav {display:inline; float:right; clear:right; width:400px; text-align:right; padding-top:0; margin:46px 0px 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:380px; background: url(../images/intro/img1.jpg) no-repeat left top; }

/*****************************************************  FEATURED PROPERTY STYLES *****************************************************/
#featPropDiv { width: 225px; padding: 8px 0px 20px 5px; float: left; }
.featuredDiv01 { text-align: left; width: 245px; 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: 130px; border: #8fd0ff 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:600px; height:100px; }
.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:380px; padding:15px 0px 0px 0px; height:78px;}

/***************************************************** TEXT STYLES *****************************************************/
.mainTxt { font: 13px/17px "Arial", Verdana, Geneva; color: #01477f; text-align: left; line-height: 1.8em ; }
.mainTxt A { color: #54a0d4; text-decoration:none  ; }
.mainTxt A:hover { color: #54a0d4; text-decoration:underline; }
.featText01 { font: 11px/17px "Arial", Verdana, Geneva;  color: #ffffff; padding: 10px 10px 0px 15px; }
.featText01 A { color: #ffffff; text-decoration: none; }
.featText01 A:hover { color: #ffffff; text-decoration: underline; }
.footerTxt { font: 12px/17px "Arial", Verdana, Geneva; color: #01477f; text-align: left; }
.footerTxt A { color: #54a0d4; text-decoration:underline; }
.footerTxt A:hover { color: #54a0d4; text-decoration:none; }
.right-p { color:#ffffff; padding:0 0 0 20px; float:left; font: normal 13px/18px "Arial", Verdana, Geneva;}
.right-p A { color: #ffffff; text-decoration:underline;}
.right-p A:hover { color: #ffffff; text-decoration:none;}

.newsTxt2 { font: 13px/17px "Arial", Verdana, Geneva; color: #01477f; text-align: left; line-height: 1.8em ; }
.newsTxt2 A { color: #01477f; text-decoration:none; }
.newsTxt2 A:hover { color: #01477f; text-decoration:underline; }


#resources {display:inline; float:left; width:700px; height:172px; margin: 0px 0px 30px 30px;}
.res-in {display:inline; width: 182px; height: 180px; float:left; padding: 15px 0px 0px 20px; margin:0;}


div.columns {display: inline; float: left; clear: left; width: 680px; height: auto; padding-left: 16px; margin-bottom: 40px;}
.spacecase {display: inline; float: left; width: 680px; height: 40px;}


/*     ------------- CONDOMINIUMS & COMMUNITIES STUFF -------------------  */
#featuredAreas {display:table;width:733px; height:100%; margin:10px 0px 40px 0px;}
#communities {display:table-column; float:left; clear:left; width:45%;height:100%;padding-left:15px;}
.comm {display:inline; float:left; width:50%;height:auto; text-align:left; vertical-align:middle;}
#condos {display:table-column; float:left; clear:right; width:45%;height:100%;}
.condo {display:inline; float:left; width:50%;height:auto; text-align:left; vertical-align:middle;}
.txtCondos {font: 12px/17px "Arial", Verdana, Geneva; color: #01477f; text-align: left; line-height: 2.5em ;}
.txtCondos A { color: #01477f; text-decoration: none; }
.txtCondos A:hover { color: #54a0d4; text-decoration: underline;}


.banners {display: inline; float: left; margin: 10px 0px 5px 17px;}
.space {display: inline; float: left; width: 233px; height: 60px;}


/*****************************************************************************************/
/* */
/* STYLES FOR NEWS */
/* */
/*****************************************************************************************/
.news { float: left; width:267px; height: 100%; padding: 0px; margin-top: 2px;}
.newsinside { float: left; width:225px; height: 100%; padding:  0px 0px 10px 16px;}
.titlenews {display: inline; float: left; width: 179px; height: 20px; margin: 25px 0px 0px 19px;}
#backnews {display: inline; float: right; width: 70px; height: 20px; margin-right: 15px; margin-top: 0px; padding: 0px; }
#backnews2 {display: inline; float: right;  margin:0px; padding-right: 50px; }
#textnews {float: left; width: 670px; margin: 0px 10px 40px 30px; padding: 0px;}
.newsTxt { color:#ffffff; padding:0 0 0 20px; float:left; font: normal 13px/18px "Arial", Verdana, Geneva;}
.newsTxt A { color: #ffffff; text-decoration:none;}
.newsTxt A:hover { color: #ffffff; text-decoration:underline;}
.newfnt { color: #54a0d4; font-weight: bold;}
