/* CSS Document */
a {cursor:pointer; margin: 0px; padding:0px;}
body { padding: 0px; margin:0px; background:#f6f5f1 url(../images/bg.png) top center repeat-x;}
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%; float:left; }
H3 {margin: 0px; padding:0px; width:100%; }
img { border:0px;}
p { margin: 15px 0px 15px 0px; padding: 0px;}

.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 20px; }
.p10{ padding:10px 0px 10px 10px; }
.p20{ padding:20px 0px 20px 20px; }
.p30{ padding:30px 0px 30px 30px; }
.rightPanelItems{ margin-bottom:10px; }
.photoBorder{ border:1px solid #e4e5e7; }
.video{ padding-bottom:10px; background:#FFFFFF; }

.txt13{ font: 13px/19px Arial, sans-serif; color: #6a7177; line-height:15px; }
.txt13 a{ text-decoration:none; color: #6a7177; }
.txt13 a:hover{ color: #57abda; }

.txt14{ font: 14px/20px Arial, sans-serif; color: #6a7177; line-height:17px; }
.txt14 a{ text-decoration:none; color: #6a7177; }
.txt14 a:hover{ color: #57abda; }

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

.txt14_b{ font: 14px/20px Arial, sans-serif; color: #9499a0; line-height:17px; }
.txt14_b a{ text-decoration:none; color: #57abda; }
.txt14_b a:hover{ color: #9499a0; }

div#container{ margin:0px auto; width:1000px;}
#top { width:1000px; height:131px; text-align:left;}
div#flash {display:inline; float:left; clear:both; width:1000px; height:413px; background:#FFF url(../images/intro/1.jpg) top center no-repeat;}
div#nav{display:inline; float:left; width:1000px; height:60px; position: relative;}
div#nav ul {display:inline; float:left; margin: 0px; padding: 0px; list-style:none; z-index:2; width:1000px; position: absolute; top:0px; left:0px;}
div#nav ul li {display:inline; float:left; margin: 0px; padding: 0px; list-style:none; z-index:2; position: relative;}
div#center{display:inline; float:left; clear:both; width:1000px;}
div#leftColumn{display:inline; float:left; clear:left; width:730px; margin-top:15px; }
div#homeContent{display:inline; float:left; clear:both; width:1000px; margin-top:15px; }
div#hpmessage{display:inline; float:left; width:960px;}
#interiorContent{display:inline; float:left; width:510px; }
div#interiorContentWide{display:inline; float:left; width:730px; padding:20px 0px 20px 20px;}
div#interiorContentWide2{display:inline; float:left; width:740px; padding:20px 0px 20px 20px;}
#photoGalleryContent{ width:960px; }
div#rightColumn{display:inline; float:right; clear:right; width:243px; margin-top:20px; min-height: 1430px;}
#vidPlayer{ width:300px; background:#2e3539; }
#photos{ width:300px; }
div#footer{display:inline; float:left; clear:left; width:1000px; background:#9a9993; }
.airportBttn{ margin:10px 0px 0px 0px; }
.realtorLogos{ margin-right:20px; }

.rightNav{ width:225px;  }
.rightNavBttn{ margin-bottom:10px; }

.units{ width:225px; margin:25px 14px 0px 0px; }
.units-penthouse{ width:625px; margin:25px 25px 0px 0px; }
div.Cnt{display:inline; float:left; clear:both; width:1000px; background: url(../images/tilearea.gif) repeat-y;}
div.Cnt div{text-align:justify;}
div.tipCnt {display:inline; float: left; width: 1000px; height: 42px; background: url(../images/cntTop.gif) no-repeat top left; }
div.tipCntBttm {display:inline; float: left; background: url(../images/cntTipBttm.gif) no-repeat top left; width: 1000px; height: 35px;}
.topSplashPanels{ background:url(../images/splash/topPanelsBG.gif); width:227px; height:181px; padding:26px 8px 8px 8px; margin:0px 0px 10px 10px; float:left; display:inline; }
.topSplashPanels2{ background:url(../images/splash/topPanelsBG2.gif); width:226px; height:181px; padding:26px 8px 8px 8px; margin:0px 0px 10px 9px; float:left; display:inline; }
.mlsSplashPanel{ background:url(../images/splash/mlsQuickSearchBG.gif) no-repeat; width:227px; height:298px; padding:26px 8px 8px 8px; margin:0px 10px 10px 0px; float:left; display:inline; position:relative;}
div.quickPickPanel{display:inline; float:left; background:url(../images/splash/quickPickBG.gif) no-repeat; width:496px; height:310px; padding:26px 0px 0px 8px;}
div.quickLeft{display:inline; float:left; width:240px; border-right:1px solid #e4e3de;}
div.quickRight{display:inline; float:left; width:240px; padding-top:22px; }
div.splashRightBanners{display:inline; float:left; width:241px; height:332px;}

.quickPickPanel span{ font-style:italic; color:#e97300; margin-left:5px; padding-bottom:10px; float:left;}
.splashBttns{ float:left; display:inline;  }
.splashTitles{display:inline; padding:0px 0px 8px 10px; float:left; border-bottom:1px solid #e4e3de; margin-bottom:8px;}
.splashTxt{ margin:0px 0px 0px 8px; float:left; display:inline; width:126px; height:98px; }
.splashField{ background:url(../images/splash/txtFieldBG.gif); height:24px; width:195px; padding:10px 0px 0px 10px; border:0px; margin:0px 0px 5px 10px; }
.searchBttns{display:inline; float:left; width:215px;}
.splashFieldSpacing{display:inline; float:left; margin:0px 0px 5px 10px; }
.splashFieldSpacing2{ margin:0px 5px 5px 0px; float:left; display:inline; }

.quickBttm{display:inline; float:left; width:230px; height:45px; padding-left:10px;}
.quickBttm2{display:inline; float:left; width:216px;}
.quickLeft  span{ font-style:italic; color:#e97300; margin-left:10px; padding-bottom:2px; float:left; margin-top:5px;}
.quickRight  span{ font-style:italic; color:#e97300; margin-left:10px; padding-bottom:2px; float:left; margin-top:5px;}
.quickBttm  span{ font-style:italic; color:#e97300; margin-left:10px; padding-bottom:2px; float:left;  margin-top:5px;}
.quickBttm2  span{ font-style:italic; color:#e97300; margin-left:10px; padding-bottom:2px; float:left; margin-top:5px;}

.locationBttns{display:inline; float:left; padding:10px 0px 0px 10px; }
.bannerSpacing{display:inline; float:left; margin-bottom:10px; }

div#blogPanel{display:inline; float:left; background:url(../images/splash/blogBG.gif) no-repeat; width:984px; height:231px; margin:10px 0px 0px 0px; padding:26px 8px 8px 8px; }
div#islandHomesPanel{display:inline; float:left; clear:left; width:496px; height:250px; margin:10px 0px 0px 0px; padding-bottom:10px; background: transparent url(../images/splash/comlistbg.gif) no-repeat; }
div#miamiBeachHomesPanel{display:inline; float:left; width:496px; height:250px; margin:10px 0px 0px 8px; padding-bottom:10px; background: transparent url(../images/splash/comlistbg.gif) no-repeat; }
div.condo{display:inline; float:left; width:49%}

div#sellingPanel{ width:760px; float:left; }
.sellingPanelItem{ margin:0px 10px 10px 0px; }

.sobeAreas{ width:243px; height:401px;  background:url(../images/sobeAreasBG.jpg); }
.sobeAreas ul{ margin:88px 0px 0px 10px; padding:0px; list-style-position:inside;  }
.sobeAreas li{ margin:10px 0px 10px 0px; padding:0px; }

.mbRightPanel{ width:466px; height:401px; margin-left:10px; }
.mbHistory{ width:270px; height:61px; background:url(../images/mbHistoryBG.jpg); padding:66px 10px 0px 186px; cursor:pointer; }
.todaysMarket{ width:270px; height:61px; background:url(../images/todaysMarketBG.jpg); padding:66px 10px 0px 186px; margin-top:10px; cursor:pointer; }
.mbMarina{ width:270px; height:61px; background:url(../images/mbMarinaBG.jpg); padding:66px 10px 0px 186px; margin-top:10px; cursor:pointer; }

div.list{display:table;float:left; width:720px;}
div.condolist{display:table-row;float:left;width:720px;}
span.Area{display:table-row;float:left;padding-bottom:12px}
div.condo{display:table-cell;float:left;width:240px;}

/*-------------------------RightPanel-------------------------------*/
.mlsRightPanel{ background:url(../images/splash/mlsQuickSearchBG.gif); width:227px; height:298px; padding:26px 8px 8px 8px; margin:0px 0px 10px 0px; }
.condosPanel{display:inline; float:left; background:url(../images/splash/condosPanel.gif) no-repeat; width:227px; height:127px; padding:26px 8px 8px 8px; margin:0px 0px 10px 0px; }
.blogPanel{display:inline; float:left;  background:url(../images/splash/blogPanelBG.gif); width:227px; height:auto; padding:26px 8px 8px 8px; margin:0px; }


/*------------------------- FORM ---------------------------*/
legend { font: 14px/20px Arial, sans-serif; color: #9499a0; font-weight:bold; margin-bottom:10px; }
fieldset { display:block; padding:10px; margin: 5px 10px 10px auto; /* remove default border styles */ border:solid 1px #e4e5e7; line-height: 1.5em; 
}

.content{
    padding:10px;
    width:370px
}
.label{ width:129px; float:left; padding:6px 0px 0px 0px; min-height:24px; text-align:right; line-height: 15px; }
.long-label{ width:auto; float:left; padding:6px 0px 0px 0px; min-height:24px; text-align:right; line-height: 15px; }
.field-right{ width:160px; float:left; padding:5px; min-height:20px; }
.btns { width:230px; float:right; padding:5px; min-height:24px; }
.long{ width:410px; float:left; padding:5px; min-height:24px; }
.salesVol{ width:85px; float:left; padding:5px; min-height:24px; }
.industries{ width:150px; float:left; padding:5px; min-height:24px; }
.clear{
    float:none;
    clear:both;
    height:0px;
}
.cleardiv {
    height:25px;
    float:none;
    clear:both;
    font-size:14px;
    font-weight:bold;
}
.row{ background-color:transparent; display:block; float:left; min-height:30px; 
}
.ruler{
    width:400px; border-bottom:dashed 1px #595959;
}
tr:focus{
    background-color:#fcfcf0;
}
td{
    vertical-align:top;
}
.over{
    background-color:#f0f0f0;
}
.out{
    background-color:transparent;
}
.form-contect { padding:0px; margin:0px; width:700px; float:left; clear: left; }
.form-contect2 { padding:0px; margin:0px 0px 0px 12px; width:740px; float:left; clear: left; }
.full-row { float:left; min-height:30px; width:100%; }
.full-long { width:590px; float:left; padding:5px; min-height:24px; }
.reset { padding:0px; margin:0px; height:33px; width:75px; border:1px solid #e9e8e4; }
.submit { padding:0px; margin:0px; height:33px; width:87px; border:1px solid #e9e8e4; }
/*------------------------- END FORM ---------------------------*/ 

/* CSS Document */
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:White;max-height:200px;}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li {margin: 0;padding: 0;list-style-type: none;font-size: 100%;font-weight:bold;position: relative;text-align: left;cursor: pointer;width: 205px;float: left;}
/* 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: 203px;max-height: 200px;
	position: absolute;left: -1000em;overflow: auto;overflow-x: hidden;overflow-y: auto;}
/* 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: 203px;}
/* 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: #fff;
	padding:0 0 0 7px;color: #696660;text-decoration: none;
	font: 13px/20px Arial, Helvetica, sans-serif;}
ul.MenuBarHorizontal a:visited {
	display: block;cursor: pointer;
	background-color: #fff;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: #8ec2ea;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: #8ec2ea;color: #fff;}

/*******************************************************************************
 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: 34px;}

/*******************************************************************************
 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: #FFF;}
}

/*****************************************************************************************/
/* 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:5px 0px 0px 7px; 
    color:#6a7177; text-transform:capitalize;
    
}

div.selectbox-wrapper {
position:absolute;
left:18px;
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:2;
}
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: #8ec2ea;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 0px 5px 10px;
padding:0px;
text-align:left;
background: url('../images/splash/comboBoxes/blank.gif') no-repeat left;
cursor: pointer;
font-size:0.8em;
border:none 0px white;
width:203px;
height:29px;
}

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


.innerPicMargin {display: inline; width: 320px; height: auto; float: left; padding-bottom: 10px; margin-right:15px;}
.martxt7 {width: 700px; margin: 20px 0px 20px 0px;}

div.bgclose {display: inline; float: left; width: 243px; height: 15px; background: url(../images/blogPanelBG-last.gif) no-repeat top left;}