/* CSS Document */
/*************GLOBAL STYLES**************/
#optContain { float: left; width: 225px; margin: 0px; }
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;}

#opt1 { float: left; display: inline; }
#opt2 { float: left; display: inline; }

#tab1 { width: 200px; float: left;text-align: left; width: 225px; }
#tab2 { width: 200px; float: left;text-align: left; width: 220px; }

#tab1Cnt { float: left; padding: 0px 5px 0px 15px; height:393px; overflow:hidden; } 
#tab2Cnt { float: left; padding: 0px 5px 0px 15px; height:393px; overflow:auto; }

/*****ADD THIS TO STYLES.CSS**********/
body { padding: 0px; margin: 0px; background: url(images/tile1.jpg) repeat-x top #f8f7f4; }
P { margin: 15px 0px 15px 0px; }
div {
	margin:0px;
	padding:0px;
	text-align:left;
	z-index:0;
	margin-top: 0px;
}
h1 {margin: 0px; padding:0px; z-index:1;}
h2 {margin: 0px; padding:0px; z-index:1;}
h3 {margin: 0px; padding:0px; z-index:1;}
iframe{margin:0px; padding:0px;}
img {border:0; margin: 0px; padding:0px;}
.b0 { border: 0px; }
.inline { float: left; display: inline; }
.fLeft { float: left; }
.fRight { float: right; }
.center { text-align: center; }
.form { margin: 0px; padding: 0px; }
object {border:0; margin: 0px; padding:0px; z-index:1;}
ul {margin: 0; padding: 0; list-style:none;}
ul li {margin:5px 0px 5px 0px; list-style:none; padding: 0;}
a span { display:block;width:auto; }
a span img { display:inline}
/**************************************/

/*************STRUCTURE STYLES**************/
#container {
	width: 1000px;
	margin: 0px auto;
}
#center{display:inline; float:left; clear:both; width:999px;}
#leftDiv {display: inline; float: left; clear:left; width: 765px; }
#rightDiv {display: inline; float: left; clear:right; width: 234px; }
.lgoSlide { height: 110px; float: left; width: 1000px; text-align: center; background: url(images/hdrTile.gif) repeat-x top; }
.navigation { height: 61px; float: left; width: 1000px; background: url(images/navTile.gif) repeat-x top; }
.navigation2 { height: 62px; float: left; width: 1000px; background: url(images/navTile.gif) repeat-x top; border-bottom: #e4e3de solid 1px; }
.title01 { float: left; width: 1000px; height: 90px; background:url(images/title/blank.gif) no-repeat top left; }
.title02 { margin: 30px 0px 0px 0px; float: left; }
.title03 { height: 88px; float: left; width: 765px; background:url(images/title/title02.gif) repeat-x top; }
.titleFt { background: url(images/featPro2.gif) no-repeat top left; width: 1000px; float: left; height: 10px; }
.leftColumn { width: 766px; height:4500px; float: left; display: inline; }
.buttonButtons { float: left; padding: 10px 0px 35px 0px; vertical-align:bottom;}
.sideButtons { margin: 0px 0px 10px 0px; border: 0px; }
.containRightButtons { float: left; padding-top: 10px; margin-left:10px; }
.marginNews {
	padding-left: 0px;
	float: left;
	margin-left:0px;
}
.containNews {
	width: 225px;
	float: left;
}
.contentArea01 { width: 764px; float: left; }
.contentArea02 { width: 764px; float: left; background: #eae9e5; margin-bottom: 10px; }
.contentAreaFrame { float: left; padding-left: 17px; }
.innerPicMargin { margin: 0px 0px 15px 10px; }
.innerPicMargin2 { margin: 0px 15px 15px 0px; }
.subNavItm { float: left; width: 730px; padding-bottom: 10px; }
.padSub { padding-left: 18px; }
.photoMargin{margin-right:11px;}
.containMapSearch{ margin-left:16px; }
.condoIconImg {
	margin: 0px 0px 30px 0px;
	border: #dbdad6 solid 3px;
}
.containDrops { float: left; height: 307px; width: 234px; padding-top: 3px;}
.containDrops2 { float: left; height: 135px; width: 234px; padding-top: 3px; }
.containDrops3 { float: left; height: 135px; width: 228px; padding-top: 3px; }
.containDrops4 { float: left; height: 345px; width: 234px; padding-top: 3px;}
.contain{padding:0px 0px 0px 17px;width:215px}
.mapSearch{ margin-top:200px; }
.mapSearchDivs{ margin:5px 2px 0px 1px; }
.dd { padding: 5px 0px 0px 18px; margin: 0px 0px 3px 0px;	float:left; width: 205px;  }

.inputFieldClass { width:320px; border:solid 1px #e3ebf1; }
.inputStyle2 { margin: 0px 0px 0px 0px; font: 14px/18px Arial, Helvetica, sans-serif; text-align: justify; color:#596265; float: right; height: 100px; width: 350px; border: #e3ebf1 solid 1px; }
.inputStyle500 { margin: 0px; font: 14px/18px Arial, Helvetica, sans-serif; text-align: justify; color:#596265; height: 60px; width: 150px; border: #e3ebf1 solid 1px; }
.inputStyleSm { margin: 0px 0px 0px 0px; font: 14px/18px Arial, Helvetica, sans-serif; text-align: justify; color:#596265; border: #e3ebf1 solid 1px; width: 150px; height: 20px; }
.inputStyleLg { margin: 0px 0px 0px 0px; font: 14px/18px Arial, Helvetica, sans-serif; text-align: justify; color:#596265; border: #e3ebf1 solid 1px; width: 350px; height: 20px; }
.inputStyle1 { margin: 0px 0px 0px 0px; font: 14px/18px Arial, Helvetica, sans-serif; text-align: justify; color:#596265; float: right; border: #e3ebf1 solid 1px; width: 350px; height: 20px; }
.inputDivClass1 { width: 320px; float: left; padding: 15px 30px 15px 0px; }
.inputDivClass5 { width: 520px; float: left; padding: 15px 30px 15px 0px; }
.inputDivClass2 { width: 500px; float: left; height: 130px; }
.inputDivClass3 { width: 500px; float: left; height: 40px; }
.inputDivClass4 { width: 500px; float: left; height: 60px; }
.applyTitles03 { float: left; width: 600px; padding-top: 20px; }
.height30 { height: 45px; }
.rightForm { float: right; width: 350px; }
.boat1 { width: 75px;border: #e3ebf1 solid 1px;  }
.boat2 { width: 110px;border: #e3ebf1 solid 1px;  }
.submitDiv { width: 675px; float: left;text-align:right;padding-right:15px }
/****************************************************/
.containFeaturedSlide {
	float: left;
	width: 100%;
	height: 330px;
	margin-bottom: 10px;
}
.containSlides { float: left; display: inline; width: 227px; height: 340px; }
.slide {
	width: 227px;
	height: 332px;
	float: left;
	display: inline;
	background-repeat: no-repeat;
}
.slideHdr { float: left; height: 53px; width: 226px; }
.slideHdrTxt {
	font: bold 17px/19px Arial, Helvetica, sans-serif;
	color: #3a80b7;
	padding: 20px 0px 0px 0px;
}
.slideImgContainer {
	float: left;
	height: 100px;
	width: 226px;
}
.slideImg {
	margin-left: 9px;
	height: 100px;
	width: 209px;
}
.slideTxtContainer {
	float: left;
	height: 130px;
	width: 220px;
}
.slideTxt { font: 11px/17px Arial, Helvetica, sans-serif; color: #6a7177; padding: 10px 0px 0px 21px; }
.slideButton { margin-right: 13px; border: 0px; }
/****************************************************/
.homeBx { float: left; display: inline; text-align: justify; }
.homeBx div.fLeft img { margin:10px }
.hmBx01 { width: 715px; float: left; padding: 0px 0px 0px 20px; text-align: justify; }
.homeBx02 { float: left; width: 765px; padding: 0px 0px 0px 0px; text-align: justify; }
.padContent { padding: 0px 0px 0px 20px; text-align: justify; }

.rightTitleCont { float: left; width: 234px; }
.rightTitleCont2 { float: left; width: 234px; }
.rightTitleCont3 { float: left; width: 400px; }
.rightTitleCont4 {
	float: left;
	width: 400px;
	margin-top:10px;
}
.rightTitle { margin: 10px 0px 0px 9px; }
.rightTitle2 {
	margin: 0px 0px 0px 0px;
}
.rightComCont { width: 234px; float: left; display: inline; background: url(images/rightNav.gif) no-repeat top right; }
.rightComCont2 { margin-left:10px; width: 468px; height: 514px; float: left; display: inline; background: url(images/rightNav2.gif) no-repeat top right; }

.searchContain01 { width: 763px; height: 212px; background:url(images/search/searchBG.gif) no-repeat top left; float: left; margin-bottom: 17px; }
.searchContain09 { width: 763px; height: 212px; background:url(images/search/searchBG.gif) no-repeat top left; float: left; }
.searchDiv2 { float: left; display: inline; height: 212px; width: 306px; text-align: right; }
.searchDiv3 { float: left; display: inline; height: 161px; width: 411px; }
.searchDiv4 { text-align: right; float: left; width: 411px; }
.searchTxt { text-align: justify; float: left; width: 410px; }
.searchImg1 { margin: 16px 16px 0px 0px; }
/****************************************************/
.propSearchBG{ background:url(images/search/bg.jpg); width:763px; height:479px; }
.propSearchTop{ padding-left:592px; }
.propSearchRow{ padding:110px 0px 0px 335px; }
.propSearchRow2{ padding:8px 0px 0px 335px; }
.propSearchBttn{ margin-left:8px; }
.searchByMap{width:205px; height:176px; background:url(images/search/searchMap.png); }
.searchByMapTxt{ width:320px; height:185px;}
.mapSearchBttns{margin:72px 0px 0px 5px;}
.mapSearchBttns2{margin:10px 10px 0px 0px;}
.propSearchLowerBG{ background:url(images/search/lowerBG.gif);background-repeat:no-repeat; width:763px; height:220px; margin-top:10px; }
.propSearchLowerBG2{ background:url(images/search/lowerBG2.gif);background-repeat:no-repeat; width:753px; height:196px; margin-top:10px; padding-right:10px;}
.propSearchLowerPanels{ background:url(images/search/lowerPanelBG.gif);background-repeat:no-repeat; width:344px; height:174px; margin:11px 0px 0px 11px; padding:11px;}
.propSearchPhotos{ margin:0px 6px 0px 0px; }
.propSearchBoxes{ width:181px;}
/***************************************************/
.txt01 { font: 13px/19px Arial, Helvetica, sans-serif; color: #5f6367; }
.txt01 A { color: #5f6367; text-decoration: none; }
.txt01 A:hover { color: #e97300; text-decoration: none; }
.txt01margin { margin:0px 10px 0px 10px; }
.txt01margin2 { margin:10px 10px 0px 20px; width:285px;}

.txt02 { font: 13px/19px Arial, Helvetica, sans-serif; color: #5f6367; line-height:17px; margin:5px 0px 5px 5px; }

.footTxt { font: 13px/33px Arial, Helvetica, sans-serif; color: #fff; }
.footTxt A { color: #fff; text-decoration: none; }
.footTxt A:hover { color: #fff; text-decoration: underline; }

.reTxt { font: 11px/15px Arial, Helvetica, sans-serif; color: #5f6367; padding: 5px 15px 0px 15px; }
.reTxt A { color: #e97300; font-weight: bold; text-decoration: none; }
.reTxt A:hover { color: #e97300; text-decoration: underline; font-weight: bold; }

.footer { float: left; width: 100%; height: 45px; background: #aaa9a4; }
.footer2 { margin: 0px auto; width: 1000px; padding-top: 5px;  }
.footDivs { border-bottom: #bfbfbd solid 1px; width: 500px; }
.footDivs2 { border-bottom: #bfbfbd solid 1px; width: 600px; }

/****************************************************/

.nopadding {
    padding: 0px;
}

.nopadding div {
    clear:both;
    width:100%
}
.ArticleSummary a {
    color:#5f6367
}
#tabs1 {
	color: #FFF;
	margin: 20px 3px;
	text-align: center;
	padding: 3px;
	width: 340px;
	float: left;
	display: inline;
	background: #f18723;
	font: bold 13px Arial, Helvetica, sans-serif;
}
#tabs2 {
	margin: 20px 3px;
	text-align: center;
	padding: 3px;
	width: 340px;
	float: left;
	display: inline;
	background: #4c93c4;
	font: bold 13px Arial, Helvetica, sans-serif;
}
#tabs2 a {
	color: #FFF;
	text-decoration: none;
}
#tabs2 a:hover {
	color: #f18723;
	text-decoration: none;
}
/******************************************************/
.concierge{ width:218px; padding:7px; margin:28px 3px 0px 0px;}
.penthouses{ width:218px;padding:7px; margin:28px 3px 0px 0px;}
.smallTitle{ padding:0px 0px 13px 12px; border-bottom:1px solid #d2d1cd;}
.smallBubble{ padding:14px 14px 14px 12px; }
.smallTxt{padding:0px 14px 14px 16px; margin:0px;}
.homeBubble{width:240px; height:504px; background:url(images/homeBubbleBg2.gif); margin:10px 0px 0px 0px;}
.homeBubbleOLD{width:480px; height:462px; background:url(images/homeBubbleBg.gif); margin:10px 0px 0px 0px;}
.rightPanelGuide{
	width:270px;
	height:462px;
	margin:0px 0px 0px 5px;
}
/****************************************************/
#ServicesAccordian {
	padding-left:0px;
}
.accordian{ margin:0px 0px 10px 0px; }

.accordiantab { height:67px; width:748px; margin:0px 0px 0px 0px; background-image:url(images/accordian/tab.gif);cursor:pointer;background-repeat:no-repeat }
.selected { background-image:url(images/accordian/tab2.gif);background-repeat:no-repeat }
.accordiantabOpen { background-image:url(images/accordian/tab2.gif);background-repeat:no-repeat }
.tabMouseOver { background-image:url(images/accordian/tab3.gif);background-repeat:no-repeat }
.accordianTitle{ margin:16px 0px 0px 16px; }
.accordianContent{width:718px; margin:0px 0px 0px 0px; background:#e5e4df; }
.accordianTxt{
	font: 13px/19px Arial, Helvetica, sans-serif;
	color: #5f6367;
	padding:15px;
	background-color: #e5e4df;
}
.accordianPanelCap{ margin:0px 0px 0px 0px; }





.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	width:inherit
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	/*background: #aaa;*/
}
.jScrollPaneDrag {
	position: absolute;
	/*background: #666;*/
	background-image:url('images/scroll.gif');
	background-repeat:no-repeat;
	cursor: pointer;
	overflow: hidden;
	height:60px
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	background-image:url('images/scroll.gif');
	background-repeat:no-repeat;
	background-position:bottom center;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}