/* CSS Document */
a {cursor:pointer; margin: 0px; padding:0px;}
body { padding: 0px; margin:0px; background: #FFF;}
div { margin:0px; padding:0px; text-align:left;}
form { margin: 0px; padding: 0px; }
H1 { margin: 0px; padding:0px;}
H2 {margin: 0px 0px 10px 0px; padding:0px; width:100%; }
H3 {margin: 0px; padding:0px; width:100%; }
H4 {margin: 0px; padding:0px;}
img { border:0px; margin: 0px; padding:0px;}
ul {margin: 0; padding: 0; list-style:none; z-index:2;}
li {list-style:none; list-style-image:url(../images/bullet.gif); list-style-position:inside; margin:0px; padding:0px;}
select {background-color:#FFFFFF; border:0px;}


.bor2 {border:2px solid #d8d8d8 }
.bor4 {border:4px solid #d8d8d8 }
.bor4 {border:6px solid #d8d8d8 }

.inline{ display:inline;  }
.fleft{float:left;}
.fright{float:right;}
.m5{ margin:5px 0px 5px 5px; }
.m0{ margin:0px; }
.m10{ margin:10px 0px 10px 10px; }
.m15{ margin:15px 0px 15px 15px; }
.m20{ margin: 20px 0px 20px 10px; }
.p10{ padding:10px 0px 10px 10px; }
.p20{ padding:20px 0px 20px 20px; }
.p30{ padding:30px 0px 30px 30px; }


/*************** FONT STYLES // WEBSITE ******************/

.txt13{ font: 13px/19px Arial, sans-serif; color: #575757; line-height:15px; }
.txt13 a{ text-decoration:none; color: #575757; }
.txt13 a:hover{ color: #000; text-decoration:underline }

.txt14{ font: 14px/17px Arial, sans-serif; color: #575757; line-height:17px; }
.txt14 a{ text-decoration:none; color: #575757; }
.txt14 a:hover{ color: #000; text-decoration:underline }

.txt15{ font: 13px/15px Arial, sans-serif; color: #575757; line-height:17px; }
.txt15 a{ text-decoration:none; color: #575757; }
.txt15 a:hover{ color: #000; }

.txtfooter{ font: 14px/20px Arial, sans-serif; color: #575757; line-height:20px; }
.txtfooter a{ text-decoration:none; color: #575757; }
.txtfooter a:hover{ color: #000; text-decoration:underline }

.txtfeatareas  {font: 12px/14px Arial, sans-serif; color: #575757; line-height:18px; }
.txtfeatareas a{text-decoration:none; color: #575757; }
.txtfeatareas a:hover{ color: #000; text-decoration:underline }

.txtcont1  {font: 12px/14px Arial, sans-serif; color: #575757; line-height:25px; }
.txtcont1 a{text-decoration:none; color: #575757; text-decoration:underline }
.txtcont1 a:hover{ color: #000; text-decoration:underline }

.txtcont  {font: 10px/12px Arial, sans-serif; color: #575757; line-height:15px; }
.txtcont a{text-decoration:none; color: #575757; text-decoration:underline }
.txtcont a:hover{ color: #000; text-decoration:underline }


/*************** GENERAL STYLES // WEBSITE ******************/

div#topContainer{ margin:auto; width:1000px; height:170px; background: #fff url(../images/bgtop.jpg) no-repeat top left; }
div#topContainerH{ margin:auto; width:1000px; height:428px; background: #fff; }
div#bottomContainer{ margin:auto; width:1000px; }
h1#top{display:inline; float:left; clear:both; height:101px; width: 1000px; }
div#flash{ margin:auto; width:1000px; height: 280px; padding-top: 0px;}
.flashgallery {display: inline; float: left; width: 1000px; height: 280px;}
.logo {display: inline; float: left; margin-top: 15px; width: 477px; height: 72px; margin-left: 15px; z-index: 6;}

div#nav{display:inline; float:left; width:1000px; height:47px; position: relative; background: #fff;}
div#nav ul {display:inline; float:left; margin: 0px; padding: 0px; list-style:none; z-index:2; width:1000px; position: absolute; }
div#nav ul li {display:inline; float:left; margin: 0px; padding: 0px; list-style:none; z-index:2; position: relative;}

div#leftColumn{display:inline; float:left; clear:left; width:775px; }
div#rightColumn{display:inline; float:right; clear:right; width:225px; min-height: 1100px; margin-top: 8px;}

div#footer{margin: 0px auto; clear:both; width:100%;}
div#footer2{margin: 0px auto; clear:both; width:1000px; height:125px; border-top:1px solid #d6d6d6; }

.footer2 {padding:0px;}
#resilogo {width: 155px; height: 36px; float: right;  margin-top: 35px;}
.links {display: inline; width: 230px; height: 50px; float: left; margin: 30px 0px 0px 60px;}
.linksp {margin-left: 15px;}

.separator {display: inline; float: left; width: 223px; height: 2px;}

.bannersright{ width:223px; height: auto;}
.bannersright2{ width:225px; height: auto;}
.banners{display:inline; clear:both; margin-top:0px; margin-bottom: 5px; }
.banners2{display:inline; clear:both; margin-left: 15px; }
.banners3{display:inline; clear:both; margin-left: 25px; }
.rightTitles    {margin: 15px 20px 10px 10px; height: 20px; width: 200px; padding-bottom: 5px; } 
.rightTitlesT1  {margin: 15px 0px 0px 11px; width: 200px; border-bottom:1px solid #9e9e9e;} 
.rightTitlesT   {margin: -12px 20px 10px 11px; width: 200px; padding:0px; border-bottom:1px solid #9e9e9e; } 
.rightTitlesT2  {margin: 0px 20px 5px 11px; width: 200px; border-bottom:1px solid #9e9e9e; } 
.comboBoxes     {margin: 0px 0px 10px 10px;}
.searchBttn     {padding:0px 10px 10px 0px;}

div#QuickSearch {display: inline; float: left; border:1px solid #e3e3e3; height:294px; width: 222px; background: url(../images/formbg.gif) no-repeat top left;}
div.quickSearchPanel {display:inline; clear:left; position: relative; float: left;}
div.quickSearchPanel form {padding-left:8px;}
#navQS {display: inline; float: left; margin-left: 0px; border:0px solid #fff; width: 80px;}
.mlxField {border:0px solid #fff; background: transparent; width: 170px; color: #6a7177; height: 30px;}

.aaquickmls {display: inline; float: left; width: 235px; height: 30px;}
.aaquickmls form {display: inline; float: left; border:0px solid #fff; padding: 0px; height:18px; width: 150px; background: #fff;}
.aaquickmls input {display: inline; float: left; border:0px solid #fff; width: auto; height: 15px;}
.aasrchicon {display: inline; float: left; width: 30px; height: 30px;}


.bannerft {display: inline; float: left; width: 720px; height: 120px; padding-bottom: 25px; margin-left: 20px; border-bottom:1px solid #e3e3e3;}
.bannerft2 {display: inline; float: left; width: 750px; height: 120px; padding-top: 35px;}
.titles{ margin-top:40px; padding-bottom:8px; width:755px; border-bottom:1px solid #e3e3e3; }
.contentPanel{ width:720px; }
.conciergeimage{ margin:16px; }
.homeTitle{ margin:0px; padding: 0px 0px 0px 0px; }
.titleh  { width: 750px; height: 25px; border-bottom:1px solid #cfcdcd; padding-top: 5px; margin-left: 0px; margin-top: 15px;}
.titleh1 { width: 750px; height: 25px; border-bottom:1px solid #cfcdcd; padding-top: 10px; margin-left: 0px; margin-top: 10px;}
.titleh2 { width: 750px; height: 25px; border-bottom:1px solid #cfcdcd; margin-left: 0px;}

.titleh0m {width: 750px; height: 30px; border-bottom:1px solid #e3e3e3; padding-top: 12px; margin-top: 5px; background: url(../images/0.gif) no-repeat bottom right;}
.titleh1m {width: 750px; height: 30px; border-bottom:1px solid #e3e3e3; padding-top: 12px; margin-top: 5px; background: url(../images/1.gif) no-repeat bottom right;}
.titleh2m {width: 750px; height: 30px; border-bottom:1px solid #e3e3e3; padding-top: 12px; margin-top: 5px; background: url(../images/2.gif) no-repeat bottom right;}
.titleh3m {width: 750px; height: 30px; border-bottom:1px solid #e3e3e3; padding-top: 12px; margin-top: 5px; background: url(../images/3.gif) no-repeat bottom right;}
.titleh4m {width: 750px; height: 30px; border-bottom:1px solid #e3e3e3; padding-top: 12px; margin-top: 5px; background: url(../images/4.gif) no-repeat bottom right;}

.titleh-Loc {width: 750px; height: 30px; border-bottom:1px solid #e3e3e3; padding-top: 12px; margin-top: 5px; background: url(../images/location.gif) no-repeat bottom right;}
.titleh-Ach {width: 750px; height: 30px; border-bottom:1px solid #e3e3e3; padding-top: 12px; margin-top: 5px; background: url(../images/achat.gif) no-repeat bottom right;}
.titleh-Car {width: 750px; height: 30px; border-bottom:1px solid #e3e3e3; padding-top: 12px; margin-top: 5px; background: url(../images/carte.gif) no-repeat bottom right;}


.homePanel{ width:750px; margin:0px 0px 10px 0px; padding-right:5px; float:left; height: auto; }
.homePhoto{ clear: left; float: left; margin:10px 10px 10px 1px; width: 295px; height: 425px; border:6px solid #f1f1f1;}
.bioPhoto{ clear: left; float: left; margin:0px 10px 10px 1px; width: 310px; height: auto;}


/*****************************************************************************************/
/* STYLES FOR AJAX PROPERTY SEARCH FORM */
/*****************************************************************************************/
select.inputField{background-color:#FFFFFF; border:0px;}
select.gridInput{background-color:#FFFFFF; border:0px;}
select.input2 {
    background-color:White;
    border:0px;        
}
input.selectbox {
    border:solid 0px white; 
    padding: 10px 0px 0px 7px; 
    color:#6a7177; text-transform:capitalize;
    
}

div.selectbox-wrapper {
position:absolute;
background-color:white;
border:1px solid #ccc;
margin-top:-10px;
padding:0px;
font-size:0.8em;
text-align:left;
height:100px;
max-height:100px;
overflow: auto;
overflow-x:hidden;
width:203px;
z-index:1;
}
div.selectbox-wrapper ul {
list-style-type:none;
margin:0px;
padding:0px;
z-index:4;
}
div.selectbox-wrapper ul li.selected {
background-color: #f1f2f3;background-image:none;

}
div.selectbox-wrapper ul li.current {
background-color: #e18c3b;background-image:none;color:#FFFFFF;
}
div.selectbox-wrapper ul li {
list-style-type:none;
list-style-image:none;
list-style-position:outside;
display:block;
font: 13px/19px Arial, sans-serif; color: #6a7177; line-height:15px;
margin:0;
padding:5px 0px 5px 7px;
cursor:pointer;
width:198px;
}

label {
    display: block;
}

.selectbox
{
display : block;
margin: 0px;
padding: 0px;
text-align:left;
background: url('../images/comboboxes/blank.gif') no-repeat left;
cursor: pointer;
font-size:0.8em;
border:none 0px white;
width:203px;
height:29px;
}

select {
background: url('../images/comboboxes/blank.gif') no-repeat left;}



/*****************************************************  FEATURED PROPERTY STYLES *****************************************************/
div.fprop {display: inline; float: left; width: 200px; height: 350px; margin: 0px 0px 0px 0px; background: #77c7bb;}

#featPropDiv { width: 223px; height: 330px; padding: 8px 0px 0px 0px; float: left; border:1px solid #e3e3e3; margin-bottom: 0px; }
.featuredDiv01 { text-align: left; width: 223px; height: 100%; float: left; overflow:hidden; }
.featImgDiv { width: 194px; margin-top:5px; }
.featTextDiv { width: 202px; float:left; height:75px; display:inline; margin: 10px 0px 10px 12px;}
.featOptionsDiv { float:left; display: inline; width:200px; height: 30px; margin: 5px 10px 0px 10px; }
.featIMG { width: 194px; height: 135px; border: #f1f1f1 solid 4px; margin-left: -2px;}

.featOptionsClass02 { display: inline; float: left; margin-right: 10px;}
.featOptionsClass03 { display: inline; float: left;}
.featOptionsClass01 { display: inline; float: right; margin: 0px; }

.txtfeatured {font: 13px/17px Arial, sans-serif; color: #575757; line-height:17px;}
.txtfeatured a {text-decoration:none; color: #575757; }
.txtfeatured a:hover {color: #000000;}

.login {display: inline; float: right; margin-top: 15px; margin-right: 15px;}
.ml20  {margin-left: 20px;}

/*****************************************************  GR TOOLTIP STYLES *****************************************************/

#tooltip {
    padding: 10px;
    background: #ffffff;
    border: 1px solid #dbdbdb;
    text-align: left;
    font-size: 10px;
    line-height: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold;
    color: #6f6c6c;
}

span.tip {
    border-bottom: 0px solid #35577b;
}

/*     ------------- CONDOMINIUMS & COMMUNITIES STUFF -------------------  */
#featuredAreas {display:inline; width:733px; height:100%; margin:10px 0px 10px 0px;}
#communities {display:table-column; float:left; clear:left; width:100%;height:100%;padding-left:5px;}
.comm {display:inline; float:left; width:33%;height:auto; text-align:left; vertical-align:middle;}
#condos {display: inline-table; float:left; clear:left; width:100%;height:100%;}
.condo {display:inline; float:left; width:33%;height:auto; text-align:left; vertical-align:middle;}
.txtCondos {font: 14px/17px Arial, Helvetica, sans-serif; color: #3e3e3e; text-align: left; line-height: 1.5em ;}
.txtCondos A { color: #525252; text-decoration: none; text-transform: uppercase;}
.txtCondos A:hover { color: #525252; text-decoration: underline;}

.txtpages {font: 13px/17px Arial, Helvetica, sans-serif; color: #3e3e3e; text-align: left; line-height: 1.5em ;}
.txtpages A { color: #3e3e3e; text-decoration: none;}
.txtpages A:hover { color: #3e3e3e; text-decoration: underline;}


.caps {text-transform: uppercase;}
.caps2 {text-transform:  capitalize;}

#resoruces {display:inline; float:left; width:700px; height:172px; margin: 0px 0px 30px 30px;}


.mlspics {display:inline; float:left; margin-bottom: 10px; width: 750px;}
.mls-in {display:inline; width: 170px; height: 170px; float:left; padding-top: 15px; margin-left: 10px;}
.mls-in1 {display:inline; clear: left; width: 170px; height: 170px; float:left; padding-top: 15px; margin:0;}
.mlsbord { border: 3px solid #dbdbdb;}
.res-in {display:inline; width: 170px; height: 170px; float:left; padding: 15px 0px 0px 10px; margin:0;}


/***************************************************** CLIENT LOGIN *****************************************************/
.top-navfrm {display:inline; float:right; width:180px; margin:58px 0px 0px 0px;}
.clientLoginButton { padding:0; margin:0; background: url(../images/mls-quick-search-btn.gif) no-repeat left top; width:20px; height:18px; border:none; display:inline; }
.form { display: inline; padding:0; height: 10px; margin:10px 0px 0px 0px; float:left; position:  relative; }
.input { display:inline; width: 150px; height: 16px; font-size: 14px; color: #3d3d3d; float:left; margin:0px 5px 0px 0px; border: 0px;}


.servicespics {display: inline; float: left; width: 712px; height: 525px; border: 3px solid #dbdbdb; background: url(../images/bigpic01.jpg) no-repeat left top;}
.serv-in {display:inline; width: 244px; height: 241px; float:left; padding: 12px 0px 2px 12px; margin:0;}

/*************** HOME BIGPICS x4 ******************/
div.homepic       {display: inline; float: left; width: auto; height: auto; padding: 0px 10px 10px 0px;}
div.homepic2       {display: inline; float: right; width: auto; height: auto; padding: 0px 0px 10px 10px;}
.socialnetworks {display: inline; float: left; width: 223px; height: 96px; border: 1px solid #dae2ea;}
.language {display: inline; float: left; width: 223px; height: 83px; border: 1px solid #dae2ea;}

/*************** MLS QUICKSEARCH ******************/
.searchBody {display:inline; float: left; clear:left; width: 223px; height: 35px; text-align:left; position: relative;}
/***************************************************** CLIENT LOGIN *****************************************************/
.clientLoginButton { padding:0; margin:0; background: url(../images/mls-quick-search-btn.gif) no-repeat left top; width:30px; height:30px; border:0px; display:inline; }
.form {display: inline; height: 22px; float:left; clear: left; margin: 6px 0px 0px 14px; border: 0px solid #fff; background: transparent;}
.input {display:inline; width: 165px; height: 28px; font-size: 14px/16px; color: #666666; float:left; background: transparent; margin:0px; border: 0px solid #fff; }
.advsrch {padding: 10px 0px 0px 0px;}



/*****************************************************************************************/
/* STYLES FOR NEWS & BLOG*/
/*****************************************************************************************/

.marginNews { float: left; width: 205px; padding: 9px; height: auto; background: #fff;}
.containNews { display: inline; float: left; width: 205px; height: auto; border:0px solid #4a4846; }
#optContain {display:inline; float: left; width: 225px; margin-top: 0px; position:relative;}
div.tabs > div {margin-top: 3px;}
div.tabs > div h3 {margin-top: 0;}
UL.tabNavigation {list-style: none; margin: 0; padding: 0;}
UL.tabNavigation LI {display: inline; float: left;text-indent: 0px;}
#opt1 { display: inline; float: left; height: 47px; border: 0px; margin: 0px; padding: 0px;}
#opt2 { display: inline; float: left; height: 47px; border: 0px; margin: 0px; padding: 0px;}
#tab1 { width: 225px; display:inline; float: left; text-align: left; position:relative;}
#tab2 { width: 225px; display:inline; float: left; text-align: left; position:relative;}
#tab1Cnt { float: left; padding: 5px 5px 0px 0px; margin-top: 10px; height:auto; overflow:hidden;  background: transparent; }
#tab2Cnt { float: left; padding: 5px 5px 0px 0px; margin-top: 10px; height:auto; overflow:auto; background: transparent;}
.nopadding {padding: 0px;}
.nopadding div {clear:both;width:100%;}
.singleline {display: inline; float: left; width: 225px; height: 20px;}
.space{display: inline; float: left; width: 225px; height: 10px;}



/*************** NEW 2010 RESOURCE CENTER ******************/
.res-in                                     { display:inline; width: 182px; height: 180px; float:left; padding: 15px 0px 0px 20px; }
#resoruces                                  { display:inline; float:left; width:700px; height:700px;}
#resources a img, #resources a              { border: none; overflow: hidden; float: left; }
#resources a:hover                          { border: 7px solid #e18c3b; } /* EFFECT HOVER - Background */
#resources a:hover img                      { margin: -7px; }



.resbg                                      { background: #a6a6a6;} /* NOEFFECT - Background */
.resmarLFT                                  { display: inline; float: left;  padding: 20px;} /* Right Space for Each Box */
.resmarTOP                                  { clear: both; padding-top: 45px; } /* Top Space for Each Box */
.fullmrgLFT                                 { margin-left: 30px;} /* Margin Left from all boxes */

/*************** FEATURED AREAS // HOME PAGE ******************/
.featureAreas{ width:255px; height:280px; margin:10px 0px 0px 0px; float:left; background: #fff url(../images/photos/shadow.jpg) no-repeat top left;}
.featureAreas2{ width:255px; height:138px; margin:5px 0px 0px 0px; float:left; background: #fff url(../images/photos/shadow.jpg) no-repeat top left;}
.featureAreasPanel{width:775px; float:left; margin-left: 0px;}
featurePhoto {display: inline; float: left; width: 240px; height: 115px;}
.rolles {height:125px; margin-top: 5px;}
.flgs {margin-left: 10px;}
.btrolles {display: inline; float: left; width: 240px; height: 28px; margin: 0px; padding: 0px; border: 0px;}

/*************** HOME VIDEO AREA // HOME PAGE ******************/
.videos {display: inline; float: left; width: 750px; height: 230px;}
#video1 {display: inline; float: left; width: 370px; height: 227px; background: #fff url(../images/video.jpg) no-repeat top left ;}
#video2 {display: inline; float: left; width: 370px; height: 227px; background: #fff url(../images/video.jpg) no-repeat top left ; margin-left: 10px;}
#video3 {display: inline; float: left; width: 370px; height: 227px; background: #fff url(../images/video.jpg) no-repeat top left ; margin-top: 15px;}
#video4 {display: inline; float: left; width: 370px; height: 227px; background: #fff url(../images/video.jpg) no-repeat top left ; margin-left: 10px; margin-top: 15px;}

#ames {display: inline; float: left; width: 223px; height: 112px; border:1px solid #d8d8d8;}
.backbtn {float: right: width: 700px; height: 40px;}
.backbtn2 {display: inline; float: right; width: 98px; height: 20px; margin-right: 7px;}
.ewmlogo {z-index: 2; display: inline; float: right; margin: 10px 10px 0px 0px; width:172px; height: 74px;}
.info {z-index: 2; display: inline; float: left; margin: 40px 15px 0px 10px; width:220px; height: 74px;}
.icon {display: inline; float: left; margin-top: 3px; width: 16px; height: 12px;}
div#blogdrop {display: inline; float: left; height:auto; width: 225px; background: #fff; margin-top: 2px; margin-bottom: 8px; border:1px solid #cfcdcd;}
.titrp        {margin-top: 17px; margin-left: 10px;}

.rightform { display: inline; float: left; width: 223px; height: 240px; border:1px solid #e3e3e3; background: url(../images/contactbg.gif) repeat top left; }

.localMap {display: inline; float: left; width: 750px; height: 1400px;}
.parts {display: inline; float: left;}

.contactinfo {display: inline; float: left; width: 750px; height: 300px;}
.txtosctn {display: inline; float: left; width: 280px; height: 300px; padding: 10px;} 
.map {display: inline; float: right; width: 450px; height: 400px;}