/* THIS SITE HAS BEEN OPTIMIZED AND VALIDATED
   FOR: FF, IE6 & 7, NETSCAPE AND OPERA */
body { padding: 0px; margin: 0px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; font-weight: normal; color: #959595; text-decoration: none; background-color: #1A528F; background-image: url(images/bg.jpg); background-repeat: repeat-x; background-position: left top; }
P { margin: 15px 0px 15px 0px; }
div {margin:0px; padding:0px; z-index:0;}
h1{ padding: 0px; margin: 0px; font-size: 14px; }
h2{ padding: 0px; margin: 0px; font-size: 16px; letter-spacing: -0.10em; color: #6c555f; }
h3{ padding: 0px; margin: 0px; font-size: 16px; letter-spacing: -0.10em; color: #959595; }
iframe{margin:0px; padding:0px;}
img {border:0px; margin: 0px; padding: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;}
.b0 { border: 0px; }
#ftr1 { width: 1000px; height: 75px; background: url(images/footerR.gif) no-repeat top left; float: left; margin: 0px 0px 0px 0px; }
#bgdyn { display: inline; float: left; width: 742px; height: 69px; background: url(images/bgdyn.jpg) no-repeat top left;}
.ftxt {display: inline; float: left; width: 680px; height: auto; padding: 30px;}

.footerStyle { font: 11px/15px Georgia, "Times New Roman", Times, serif; color: #959595; }
.footerStyle A { text-decoration: underline; color: #cb9724; }
.footerStyle A:hover { text-decoration: none; color: #cb9724; }

#padInner { padding: 0px 20px 0px 30px; float: left; }
/**adv advanced styles**/
.cnt1 { float: left; display: inline; width: 700px; height: auto;  }
.cnt2 { float: left; display: inline; width: 700px; margin-left: 50px; height: auto; }
#reBack{ height: 30px; margin-top: 25px; }
#crRN{float: left; width: 700px; height: 50px; vertical-align: bottom;}
/**adv advanced styles**/

.txt01 { font: 11px/15px Georgia, "Times New Roman", Times, serif; color: #959595; }
.txt01 A { text-decoration: none; color: #cb9724; }
.txt01 A:hover { text-decoration: none; color: #cb9724; }

/*******MLS Search AREA*****/
.mlsBar1 { float: left;  width: 735px; background:url(images/h207.gif) repeat-x top; padding-left: 5px; }
.mlsBox99 { width: 365px; float: left; display: inline; margin: 26px 0px 0px 0px; }
.mlsBoxTxt { line-height: 22px; float: left; width: 185px; padding-left: 5px; }
.go { float: right; margin: -15px 0px 0px 5px; }
.mlstitle { margin: 17px 0px 10px 0px; }
.mlstitle88 { margin: 0px 0px 10px 0px; }
.raImg88 { border: 0px; }
.gifHR { float: left; margin: 20px 0px 10px 0px; }
.flLeft { float: left; }

/*******MLS Search AREA *******/
div.contentarea { text-align: justify; }
/*********************************************/

div.wrapper { width: 1000px; margin: 0px auto; }
/*********************************************/

.header { width: 1000px; height: 15em; margin: 0px; padding: 0px; }
.logo { text-align: center; width: 1000px; height: 115px; /*	background: url(images/logo.gif) no-repeat left top; */}
/*********************************************/

div.nav { width: 1000px; height: 57px; float: left; padding: 8px 0px 0px 0px; background: url(images/topNav.gif) no-repeat left top; }
.nav_top { width: 1000px; height: 8px; margin: 0px; padding: 0px; }
div.nav_area { height: 41px; float: left; display: inline; }
.nav_bottom { margin: 0px; padding: 0px; height: 8px; width: 1000px; }
/********************** CONTENT AREA ***********************/

div.content { float: left; width: 1000px; /*background: url(images/footer2.gif) no-repeat left bottom;*/ background: url(images/bodytile.gif) repeat-y; }
.content_box_divider { height: 22px; width: 732px; background: url(images/content_box_divider.gif) no-repeat left top; float: left; }
.content_box_bottom { padding: 0px; margin: 0px; height: 14px; width: 732px; background-image: url(images/content_box_bottom.gif); background-repeat: no-repeat; background-position: left top; float: left; }
div.lcontent { background: url(images/top_content.gif) no-repeat left top; width: 733px; float: left; display: inline; padding: 5px; background-color: #FFFFFF; margin: 0px; }
.lcontent_bottom { padding: 0; margin: 0; background-image: url(images/lcontent_bottom.gif); background-repeat: no-repeat; background-position: left top; float: left; height: 8px; width: 742px; }
.lcontent_box { width: 732px; background: url(images/topContent_box.gif) no-repeat left top #f6f6f6; float: left; height: 7px; margin: 0px; }
.lcontent_title_box { background-color: transparent; float: right; height: 25px; width: 378px; padding: 31px 23px 0px 0px; }
.lcontent_box_bg { width: 732px; background: url(images/content_box_bg.gif) repeat-y center top #ffffff; float: left; }
.lcontent_box_divider { width: 741px; float: left; }
    .lcontent_col_p { width: 420px; height: 185px; float: left; display: inline; overflow: auto; margin: 5px 0 5px 0; }
    .lcontent_col_p2 { width: 390px; float: left; display: inline;  line-height: 1.8em; padding: 12px 17px 0px 0px;  }
    .cntBox01 { line-height: 1.8em; padding:  0px 7px 0px 0px; }
/*********************** CONDO SECTION ****************************/

.condos_col { padding: 0; margin: 0 0 0 20px; float: left; height: 220px; width: 13em; }
.condos_navlist { margin-left: 0; padding-left: 0; list-style: none; }
.condos_navlist li { padding-left: 10px; background-image: url(images/bullet.gif); background-repeat: no-repeat; background-position: 0; padding-left: 1.5em; line-height: 2.8em; }
.condos_col a:link,
a:visited { color: #959595; text-decoration: underline; }
.condos_col a:hover { color: #959595; text-decoration: none; }
/**************** IMAGE OR FLASH CONTAINER *******************/

.main_image { width: 732px; padding:0px; margin: 0px 0px 5px 0px; background: url(images/main_image.jpg) no-repeat left top; float: left; height: 404px; }
/*************** RIGHT COLUMN CONTENT *******************/

div.rcontent_col { width: 249px; float: right; display: inline; background-color: #FFFFFF; background-image: url(images/topRight.gif); background-repeat: no-repeat; background-position: right top; }
.rcontent_col_p { padding: 12px 17px 0px 17px; margin: 0px; }
.rcontent_col_box { width: 741px; padding:0px; margin: 0px; }
.rcontent_col_box_divider { width: 249px; padding:0px; margin: 0px; background-image: url(images/rcontent_col_box_divider.gif); background-repeat: no-repeat; background-position: left top; height: 8px; }
.rcontent_col_title { color: #cb9724; font-weight: bold; padding: 0 17px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; font-weight: bold; text-decoration: none; }
.featured_listing_buttons { width: 217px; padding: 0px; float: none; height: 33px; margin-top: 0px; margin-right: auto; margin-left: auto; margin-bottom: 0px; }
.pre_next { padding: 0px; height: 32px; width: 25px; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 10px; float: right; }
.learn_more_button { margin: 0px; padding: 0px; float: left; height: 32px; width: 98px; }
/*************** SECTION TITLES *******************/

.title_box { float: left; background-image: url(images/title_bg.gif); background-repeat: repeat-x; background-position: left top; height: 34px; width: 228px; padding:31px 19px 0px 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #FFFFFF; border-bottom-color: #efefef; border-left-color: #FFFFFF; }
.title_box2 { background-color: transparent; background-image: url(images/title_bg.gif); background-repeat: repeat-x; background-position: left top; margin: 0px; float: right; height: 25px; width: 228px; padding: 31px 19px 0px 0px; border-right: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; }
/********************** MISC.**************************/

.footer { width: 733px; padding:0px; margin: 0 0 0 10px; float: left; height: 71px; }
div.cleaner { padding: 0px; margin: 0px; clear: left; height: 0px; }
.hr { margin: 9px 0; padding: 0px; height: 1px; width: 100%; background-image: url(images/hr.gif); background-repeat: repeat-x; background-position: left top; overflow: hidden;	/* IE6 insted of 1px height will display 15px. 'overflow: hidden will do the trick. */ }
.hr_lcontent { border-top: 1px solid #e3e3e3; float: left; width: 732px; height: 1px; overflow: hidden; }
.img { padding: 0px; margin: 13px 0 0 0; }
.spacer1 { height:1px; padding: 0px; margin-bottom: 8px; width: auto; }
.spacer2 { height:1px; border-top: 1px solid #efefef; padding: 0px; float: none; margin-top: 8px; margin-right: 0px; margin-bottom: 8px; margin-left: 0px; }
.exclusive_estates_pic { float: left; display: inline; height: 224px; width: 279px; background: url(images/exclusiveEstates_pic.gif) no-repeat left top; top: -40px; margin: 0px 10px 0px 5px; }
.findYDH_button { float: left; padding: 0px 0px 8px 7px; }
.clientL1 { float: left; padding: 0px 0px 8px 7px; }
.registerL1 { float: left; padding: 0px 0px 8px 7px; }
.ourAgents_button { float: left; padding: 0px 0px 0px 7px; }
.resiLogo { padding: 0; height: 33px; width: 50px; float: right; margin: 0 10px 10px 0; }
.rs_logo { padding: 0 0 0 10px; height: 33px; width: 68px; float: left; margin: 0; }
.footer_logos { width: 240px; height: 40px; margin: 0; padding: 0; }

/************************PALM BEACH CONDOS*****************************/
.pbc-wrapper { width:330px; float:left; padding:0; }
.pbc-content { width:346px; float:left; padding:0; margin-top:20px; display:block; }
.pbc-pic { width:160px; height:160px; float:left; display:inline; border: solid 3px #DFE8F0; margin-right:10px; padding:0; }
.pbc-title { float:left; margin:0; padding:0; display:inline; width:170px; }
.pbc-details { float:left; margin:0; padding:5px 0px; display:inline; width:170px; }
.pbc-descriptions { float:left; margin:0; padding:0; display:inline; width:160px; }
.pbc-view-map { float:left; margin:0; padding:0; display:inline; width:160px; }
/************************END PALM BEACH CONDOS*************************/

/*------------------------- Quick Search Styles ---------------------------*/
#QuickSearch {display:inline; float:left; width:204px; height: 225px; }
#qs{display:inline; float:left;width:204px; padding:0px;}
form#rpform{display:inline; float:left;width:204px; padding:0px;}
#searchByMap{display:inline; float:right; height:370px; width:213px; position:absolute; top:20px; right:20px;}
#news {padding-top:10px;display:inline; float:left; clear:left; width: 201px; height:100%; text-align:justify;}
#SearchNow{float:right; padding-top:20px;}
.txt04 {display: inline; float: right; padding-top: 10px;}
.mlsbut {display: inline; float:left; width:204px; padding: 16px 0px 5px 23px; }

#newSelBox {clear: left; float: left; padding-top: 120px;}
#propSearchPanel ul{ list-style:none; margin:20px 0px 0px 0px; padding:0px 0px 10px 0px; float:left; width:744px; border-bottom:1px solid #4a4846; }
#propSearchPanel li{ list-style:none; margin:0px 10px 10px 0px; padding:0px; float:left; text-indent: 0px;}
.searchByImage{ margin-top:20px; }
.additional {display: inline; float: left; margin: 20px 0px 0px 0px;}
.news {display: inline; float: left; }


/*****************************************************************************************/
/* */
/* STYLES FOR AJAX PROPERTY SEARCH FORM */
/* */
/*****************************************************************************************/

#qs form hr {
display: block;
float: left;
color: #ffffff;
clear: both;
height: 1px;
margin: 5px 0px 0px 0px;
vertical-align: middle;
width:100%;
}

div.selectbox-wrapper {
position:absolute;
background-color:#ffffff;
margin:0px;
margin-top:-7px;
font-size:0.7em;
text-align:left;
height:145px;
overflow: auto;
width:210px;
z-index:2;
border:1px solid #cccccc;
}
div.selectbox-wrapper ul {
position:absolute;
width:210px;
display:inline;
list-style-type:none;
list-style-image:none;
margin:0px;
z-index:4;
border:0px solid #c5ddef;
}
div.selectbox-wrapper ul li.selected {
background-image:none;
}
div.selectbox-wrapper ul li.current {
background-color: #ffffff; background-image:none;color:#21201f;
border:0px solid #cccccc;
}
div.selectbox-wrapper ul li {
list-style-type:none;
list-style-image:none;
display:block;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 10px;
margin:0px;
padding:2px 0px;
color:#696660;
list-style-position:outside;
text-indent:7px;
cursor:pointer;
width:194px;
}

label {
display: block;

}

input.selectbox {
width:198px;
padding-left:7px;
height:20px;
padding-top:7px;
margin-bottom: 5px;
border:0px solid #cccccc;
}
/* look&fell of select box*/
.selectbox
{
margin: auto 0px;
padding:0px;
padding-left:0px;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:10px;
width : 194px;
height:12px;
vertical-align:middle;
display : block;
text-align:left;
background: url('images/chooseDropDown.gif') no-repeat left;
/*height:18px;*/
cursor: pointer;
border:1px solid #c5ddef;
color:#666666;
}

select {background: url('images/chooseDropDown.gif') no-repeat left; }
.spaceinvader {display: inline; float: left; padding: 40px 0px 40px 0px;}
.navroll {float: left; height: 55px; width:1000px; background-color: Transparent;}

.mtop {margin: 10px 0px 10px 0px;}
.mtop2 {margin: 20px 0px 10px 0px;}
.featPropR {display: inline; float: left; border:1px solid #4a4846; margin: 0px; padding: 0px; height: auto;}
.soc {display: inline; float: left; padding: 5px 2px 5px 0px;}
.soc2 {display: inline; float: left; padding-bottom: 8px;}
.ptext {padding: 0px 25px 0px 25px;}
.excvid {display: inline; float: left; width: 550px; height: auto; margin-left: 20px;}




/*****************************************************************************************/
/* DROPLISTS*/
/*****************************************************************************************/
ul.MenuBarHorizontal {margin:0;padding:0;list-style-type: none; font-weight:bold;cursor: default;width: auto;}
ul.MenuBarActive {z-index: 1000;}
/* Dropdown box style, for borders etc */
.DropdownStyle {border:solid 1px #e9e8e4;height:200px;background-color:#edeae1;max-height:200px; }
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li {margin: 0;padding: 0;text-indent: 0px; list-style-type:none; list-style-image:none; font-size: 100%;font-weight:bold;position: relative;text-align: left;cursor: pointer;width: 169px;float: left;}
ul.MenuBarHorizontal2 li {margin: 0;padding: 0;text-indent: 0px; list-style-type:none; list-style-image:none; font-size: 100%;font-weight:bold;position: relative;text-align: left;cursor: pointer;width: 194px;float: left;}
ul#MenuBar1 li {width:351px; list-style-type:none; list-style-image:none;text-indent: 0px;}
ul#MenuBar2,ul#MenuBar3,ul#MenuBar11,ul#MenuBar12,ul#MenuBar13,ul#MenuBar14,ul#MenuBar15,ul#MenuBar16,ul#MenuBar17,ul#MenuBar18 li {width:194px;text-indent: 0px; list-style-type:none; list-style-image:none;}

/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul {
margin: 0;padding: 0;list-style-type: none;font-size: 100%;
z-index: 1020;cursor: default;width: 167px;max-height: 200px;
position: absolute;left: -1000em;overflow: auto;overflow-x: hidden;overflow-y: auto;}
ul.MenuBarHorizontal2 ul{width: 192px; background-color:#edeae1;}
ul#MenuBar1 ul {width:349px;}
ul#MenuBar2,ul#MenuBar3,ul#MenuBar11,ul#MenuBar12,ul#MenuBar13,ul#MenuBar14,ul#MenuBar15,ul#MenuBar16,ul#MenuBar17,ul#MenuBar18 li ul {width:194px;}

/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible {left: auto;}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li {width: 167px;text-indent: 0px;}
ul.MenuBarHorizontal2 ul li {width: 178px;text-indent: 0px;}
ul#MenuBar1 ul li {width:349px;text-indent: 0px;}
ul#MenuBar2,ul#MenuBar3,ul#MenuBar11,ul#MenuBar12,ul#MenuBar13,ul#MenuBar14,ul#MenuBar15,ul#MenuBar16,ul#MenuBar17,ul#MenuBar18 li ul li {width:194px;text-indent: 0px;}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul {position: absolute;}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible {left: auto;top: 0;}

/*******************************************************************************
DESIGN INFORMATION: describes color scheme, borders, fonts
*******************************************************************************/
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a {
display: block;cursor: pointer;background-color: #edeae1;
padding:0 0 0 7px;color: #696660;text-decoration: none;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:10px;}
ul.MenuBarHorizontal a:visited {
display: block;cursor: pointer;
background-color: #edeae1;padding:0 0 0 7px;
color: #696660;text-decoration: none;}
/* Menu items that have mouse over or focus have a black background and white text */
ul.MenuBarHorizontal a:hover {background-color: #b9b4a0;color: #fff;}
/* Menu items that are open with submenus are set to MenuBarItemHover with a black background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover {background-color: #b9b4a0;color: #21201f;}
ul.MenuBarHorizontal2 .class01Drop a {padding:2px 0px 2px 7px;}
/*******************************************************************************
SUBMENU INDICATION: styles if there is a submenu under a given menu item
*******************************************************************************/
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu {background-repeat: no-repeat;height: 21px;}

/*******************************************************************************
BROWSER HACKS: the hacks below should not be changed unless you are an expert
*******************************************************************************/
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe {position: absolute;z-index: 1010;}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection {
ul.MenuBarHorizontal li.MenuBarItemIE
{display: inline;float: left;background: #edeae1;text-indent: 0px;}
}
