﻿/* CSS Document */
body { margin: 0px; padding:0px; width:100%; height:100%;}
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; min-height: 1700px;}
#top {display:inline; float:left; clear:both; width:1000px; height: 164px; margin-top: 15px; background: #FFFFFF;}
#toplogo{display: inline; float: left; clear:left; width: 1000px; height: 111px; background: url(../images/bglogo.gif) repeat-x left top;}
#center{display:inline; float:left; clear:both; width:1000px; height:100%; min-height: 1700px; background: #FFFFFF;}
#leftColumn {display:inline; float:left; clear:left; width:733px; height: auto; min-height: 1700px;}
#rightColumn {display:inline; position: absolute; float:left; clear:right;  vertical-align: top; width:267px; height: auto;  min-height: 1700px; background-color:Transparent; padding: 0px; margin: 0px;  }
#footer {display:inline; float:left; width:1000px; height: 100px; background: url(../images/bghome3.gif) repeat-x top left;}
.titlesbg {display:inline; float: left; height: 100px; width: 733px; background: url(../images/bghome.jpg) no-repeat transparent top left;}
.titlesin {display:inline; float: left; height: 100px; width: 733px; background: url(../images/bghome2.jpg) no-repeat transparent top left;}
.titlesbg2 {display:inline; float: left; height: 100px; width: 733px; background: url(../images/bghome2.gif) repeat-x top left;}
.textalign {margin-top: 27px; margin-left: 10px;}
.searchby {width: 267px; height: 108px; float:left; padding:0px 0px 0px 15px; margin-top: -10px; background: url(../images/language.jpg) no-repeat top left;}
.flagsby {display:inline; width: 39px; height: 64px; float:left; padding-top: 38px; margin:0px;}
.columns {display: inline; float: left; clear: left; width: 680px; height: auto; padding:0px 0px 0px 20px; margin:0px 0px 50px 0px;}
.socialby {width: 267px; height: 121px; float:left; padding:0px; margin: 1px 0px 1px 0px; background: #c4c4c4}
.social {display:inline; height: 64px; float:left; padding: 0px; margin-top:-3px;}

/***************************************************** 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: left; clear:left; width: 367px; height: 89px; text-align:left; margin-top: 1px; background: url(../images/mls.gif) no-repeat left top;}
#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;}

#resoruces {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;}

/***************************************************** CLIENT LOGIN *****************************************************/
.clientLoginButton { padding:0; margin:0; background: url(../images/mls-quick-search-btn.gif) no-repeat left top; width:29px; height:27px; border:none; display:inline; }
.form { display: inline; height: 15px; float:left; clear: left; margin: 40px 0px 0px 20px; }
.input { display:inline; width: 180px; height: 20px; margin-top: 15px; font-size: 14px/16px; color: #666666; float:left; margin:0px 3px 0px 0px; }

/***************************************************** FLASH *****************************************************/
#flash {display:inline; float:left; clear:both; width:1000px; height:380px; background: transparent url(../images/flash.jpg) no-repeat left top;}
.flashspace {display: inline; float: left; width: 1000px; height: 20px; background: #ffffff url(../images/line.gif) repeat-x left top;}
.spacebottom {display: inline; float: left; width: 733px; height: 100px; background: #ffffff;}

/*****************************************************  FEATURED PROPERTY STYLES *****************************************************/
#featPropDiv { width: 267px; padding: 0px; height: 325px; margin-bottom: 2px; float: left; background: url(../images/featured.gif) no-repeat left top;}
.featuredDiv01 { text-align: left; width: 265px; height: auto; margin-left: 5px; float: left; overflow:hidden; }
.featImgDiv { width: 245px; margin-top:7px; }
.featTextDiv { width: 240px; float:left; height:110px; display:inline; }
.featOptionsDiv { float:left; display: inline; padding: 20px 0px 0px 16px; width:220px;}
.featIMG { width: 220px; height: 140px; border: #ffffff solid 6px; }
.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 10px; width:450px; height:80px; }
.resi_logo {display:inline; float:left; clear:right; width:180px; padding:35px 0px 0px 50px; height:35px;}
.logosmix {display:inline; float:left; clear:right; width:106px; padding:15px 0px 0px 150px; height:63px;}

/***************************************************** TEXT STYLES *****************************************************/
.mainTxt { font: 12px/15px Arial, Helvetica, sans-serif; color: #6d6d6d; text-align: left; line-height: 1.5em ; }
.mainTxt A { color: #6d6d6d; text-decoration:none; }
.mainTxt A:hover { color: #5cb9e0; text-decoration:none; }

.mainTxt2 { font: 12px/15px Arial, Helvetica, sans-serif; color: #6d6d6d; text-align: left; line-height: 1.5em ; }
.mainTxt2 A { color: #5cb9e0; text-decoration:none; }
.mainTxt2 A:hover { color: #5cb9e0; text-decoration:none; }

.featText01 { ffont: 12px/1px Arial, Helvetica, sans-serif; color: #6d6d6d; padding: 10px 10px 0px 15px; }
.featText01 A { color: #6d6d6d; text-decoration: none; }
.featText01 A:hover { color: #4f4f4f; text-decoration: none; }

.right-p { cfont: 12px/15px Arial, Helvetica, sans-serif; color: #6d6d6d; padding:0 0 0 20px; float:left;}
.right-p A { color: #6d6d6d; text-decoration:none;}
.right-p A:hover { color: #4f4f4f; text-decoration:none;}

/*****************************************************************************************/
/* */
/* STYLES FOR NEWS */
/* */
/*****************************************************************************************/
.news { float: left; width:267px; height: 550px; padding: 0px; background-color: #c4c4c4; margin-top: 2px; }
.newsinside { float: left; width:235px; height: 100%; padding:  0px 0px 10px 18px;}
.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: 4px; 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;}



/* CONTACT */
.addressinfo {display: inline; float: left; clear: left;  margin-left: -690px; padding-top: 30px; z-index: 1; position: absolute; background: url(../images/icons.gif) no-repeat left top;}
#address {display: inline; float: left; width: 260px; margin: 0px; padding: 0px;}
#logo1 {display: inline; float: left; width: 240px; height: 65px; margin-left: 15px; background: url(../images/vision_logo.gif) no-repeat left top;}
.linesp {display: inline; float: left; clear: left; width: 250px; height: 1px; background-color: #5cb9e0; margin: 20px 0px 20px 0px;}
.infom {display: inline; float: left; width: 224px; background: url(../images/phoneicons.gif) no-repeat left top;}
.sep {display: inline; float: left; margin: 2px  0px 10px 0px;}

/* SPACE FOR RIGHT PANNEL - JUST IN CASE */
.minheight {min-height: 1700px;}
.but2 {display: inline; float: left; width: 267px; height: 38px;}
.but0 {display: inline; float: left; width: 267px; height: 80px;}
.but1 {display: inline; float: left; width: 267px; height: 121px;}
.searchbymap {display: inline; float: left; width: 267px; height: 262px; margin-bottom: 1px;}
.featproptit {display: inline; float: left; width: 267px; height: 67px;}


.xpace {display: inline; float: left; clear: left; width: 325px; height: 20px;}
