/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

	body {
		background: url(../images/mainBG.jpg) no-repeat top #030302;
		background-size: 100%;
	}
	
	a, a:link, a:visited{
		text-decoration:none;
	}
	
	a:hover{
		text-decoration:none;
	}
	
	.clear{
		clear:both;
	}
	
	#mainContainer{
		width: 1241px;
		margin: 0 auto;
	}
	
	header{
		font-family: 'Carme', sans-serif;
		color: #817b71;
		height:84px;
		text-transform: uppercase;
	}
	
	header h1{
		/*font-weight: normal;
		font-size: 28px;
		letter-spacing:.4em;
		padding: 30px 0 20px 90px;
		text-shadow: 1px 1px 3px #000000;
		filter: dropshadow(color=#000000, offx=1, offy=1);*/
		display:block;
		height:84px;
		background: url(../images/floraLogo.png) no-repeat left;
		width:608px;
		float:left;
		text-indent:-9999px;
	}
	
	
	header nav ul{
		list-style:none;
		float:right;
		padding-top: 40px;
		text-shadow: 1px 1px 3px #000000;
		filter: dropshadow(color=#000000, offx=1, offy=1);
	}
	
	header nav ul li{
		float:left;
		padding:0px 15px;
		margin:0;
		border-right: 2px solid #76787a;
	}
	
	header nav a, header nav a:link, header nav a:visited{
		color:#bbbec1;
		font-size:15px;
		letter-spacing:.3em;
		font-size:15px;
	}
	
	header nav a:hover{
		color:#817b71;
	}
	
	section#banner{
		height: 580px;
		width:100%;
		position:relative;
	}
	
	#menuOverlay{
		height: 580px;
		/*background-color: rgba(0, 0, 0, 0.5);*/
        zoom: 1;
        filter: alpha(opacity=70);
		width: 299px;
        opacity: 0.7;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=70)";
		background-color:#000;
		position:relative;
	}
	
	nav#mainMenu{
		padding: 18px 15px;
		font-family: 'Carme', sans-serif;
		color: #f8f0e4;
		text-transform: uppercase;
		font-size:10px;
		line-height:9px;
		
		position:absolute;
		top:0;
		left:0;
		z-index:100;
		opacity:1;
	}
	
	nav#mainMenu ul{
		list-style:none;
		padding:0;
		margin:0;	
	}
	
	nav#mainMenu ul li{
		padding: 1px 0;
		margin:0;
		display: block;
		width:300px;
	}
	
	nav#mainMenu ul ul{
		margin-left: 25px;
	}
	
	nav#mainMenu a{
		color: #f8f0e4;
		display:block;
		padding:3px;
	}
	
	#mainMunu ul li.sub {
		position:relative;
	}
	
	.addPosition {
		position:relative;
	}
	
	/*#mainMenu ul.subMenu {
		position: absolute;
		top: 0;
		left: 120px;
		background-color: #333;
		z-index:2000;
		width:200px;
	}*/
	
	#mainMenu ul.subMenu {
		/*background-color: #222;*/
	}
	
	nav#mainMenu ul.subMenu li, nav#mainMenu ul.subMenu li a{
		width:213px;
		overflow:hidden;
		color:#b4ada1;
		padding-top:2px;
		padding-bottom:1px;
	}
	nav#mainMenu ul.subMenu li:hover, nav#mainMenu ul.subMenu li a:hover{
		/*background:none;*/
		background:#333;
	}
	
	.menuHeading{
		color:#af5d85;
		width:713px;
	}
	
	nav#mainMenu a:hover{
		/*text-decoration: underline;*/
		background:#333;
	}
	
	#pageContent{
		float: right;
		padding: 35px 25px;
		width: 400px;
		margin:0 370px 0 0;
	}
	
	#pageContent h2{
		color: #1a1a19;
		font-family: 'Carme', sans-serif;
		font-size: 20px;
		font-weight: normal;
		text-transform: uppercase;	
	}
	
	#pageContent p{
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size:13px;
		color: #272013;
		line-height: 24px;
		padding: 10px 0;
	}
	
	section#bottom{
		background: #ecebe6;
		padding: 10px;	
	}
	
	section#bottom.trans{
		/*background-color: rgba(239, 238, 233, 0.1);
        zoom: 1;
        filter: alpha(opacity=10);
		padding: 10px;*/	
		/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=10)";*/
		background:none;
		position:relative;
		padding:0;
	}
	
	#bottomWrapper{
		border: 1px solid #d5d3c7;	
	}
	
	section#bottom.trans #bottomWrapper{
		border:none;
		zoom: 1;
        filter: alpha(opacity=10);
        opacity: 0.1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=10)";
		/*background-color: rgba(239, 238, 233, 0.1);*/
		background-color:#ecebe6;
		padding: 10px;
		height: 300px;
	}
	
	#icons{
		width: 836px;
		float:left;
	}
	
	section#bottom.trans #icons{
		width: 100%;
		float:none;
		position:absolute;
		top:20px;
		left:10px;
	}
	
	#icons ul{
		list-style: none;
	}
	
	#icons ul li{
		float:left;
		padding: 10px;
		border-bottom: 1px solid #d5d3c7;
		
	}
	
	section#bottom.trans #icons ul li{
		border-bottom: 1px solid #484746;
		border-right: 1px solid #484746;
		padding:0;
		position:relative;
	}
	
	#icons ul li a, #icons ul li a:link, #icons ul li a:visited{
		display:block;
		width:188px;
		height: 168px;	
		font-family: 'Carme', sans-serif;
		color: #fdfdfc;
		text-transform: uppercase;
		font-size:15px;
		letter-spacing:.05em;
		text-shadow: 1px 2px 3px #000000;
		filter: dropshadow(color=#000000, offx=2, offy=1);
		text-align:center;
		padding-top:10px;
		background:#999;
		

	}
	
	section#bottom.trans #icons ul li a{
		display:block;
		width: 250px;
		height: 128px;	
		font-family: 'Carme', sans-serif;
		color: #7c766a;
		text-transform: uppercase;
		font-size:14px;
		letter-spacing:.01em;
		text-shadow: 1px 2px 2px #000000;
		filter: dropshadow(color=#000000, offx=1, offy=1);
		text-align:center;
		padding: 5px 12px 12px 12px;
		background-position: 10px 15px;
	}
	
	section#bottom.trans #icons ul li a.condoIcon{ background:url(../images/condoIcon2.jpg) no-repeat 12px 25px; }
	section#bottom.trans #icons ul li a.modelSuitesIcon{ background:url(../images/modelSuitesIcon2.jpg) no-repeat 12px 25px; }
	section#bottom.trans #icons ul li a.salesIcon{ background:url(../images/salesOfficeIcon2.jpg) no-repeat 12px 25px; }
	section#bottom.trans #icons ul li a.luxuryIcon{ background:url(../images/luxuryIcon2.jpg) no-repeat 12px 25px; }
	section#bottom.trans #icons ul li a.corporateIcon{ background:url(../images/corporateIcon2.jpg) no-repeat 12px 25px; }
	section#bottom.trans #icons ul li a.modelHomesIcon{ background:url(../images/modelHomesIcon2.jpg) no-repeat 12px 25px; }
	section#bottom.trans #icons ul li a.hospitalityIcon{ background:url(../images/hospitalityIcon2.jpg) no-repeat 12px 25px; }
	section#bottom.trans #icons ul li a.specialtyIcon{ background:url(../images/specialtyIcon2.jpg) no-repeat 12px 25px; }
	
	
	
	#icons ul li a.GEIcon{ background:url(../images/GEIcon.jpg) no-repeat; }
	#icons ul li a.eaglesIcon{ background:url(../images/eaglesIcon.jpg) no-repeat; }
	#icons ul li a.sunDreamIcon{ background:url(../images/sunDreamIcon.jpg) no-repeat; }
	#icons ul li a.sailsIcon{ background:url(../images/sailsIcon.jpg) no-repeat; }
	#icons ul li a.beijingIcon{ background:url(../images/beijingIcon.jpg) no-repeat; }
	
	
	
	
	#icons ul li a.condoIcon{ background:url(../images/condoIcon.jpg) no-repeat; }
	#icons ul li a.modelSuitesIcon{ background:url(../images/modelSuitesIcon.jpg) no-repeat; }
	#icons ul li a.salesIcon{ background:url(../images/salesOfficeIcon.jpg) no-repeat; }
	#icons ul li a.luxuryIcon{ background:url(../images/luxuryIcon.jpg) no-repeat; }
	#icons ul li a.corporateIcon{ background:url(../images/corporateIcon.jpg) no-repeat; }
	#icons ul li a.modelHomesIcon{ background:url(../images/modelHomesIcon.jpg) no-repeat; }
	#icons ul li a.hospitalityIcon{ background:url(../images/hospitalityIcon.jpg) no-repeat; }
	#icons ul li a.specialtyIcon{ background:url(../images/specialtyIcon.jpg) no-repeat; }
	#icons ul li a.specialty2Icon{ background:url(../images/specialty2Icon.jpg) no-repeat; }
	#icons ul li a.decorIcon{ background:url(../images/decorIcon.jpg) no-repeat; }
	
	
	#icons ul li a:hover{
		zoom: 1;
        filter: alpha(opacity=50);
        opacity: 0.5;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
	}
	
	section#bottom.trans #icons ul li a:hover{
		zoom: 1;
        filter: alpha(opacity=50);
        opacity: 0.5;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
	}
	
	#textInfo{
		float:right;	
		padding: 25px;
		width: 332px;
		font-family: Georgia, "Times New Roman", Times, serif;
		color: #7c766a;
		font-size: 12px;
	}
	
	#textInfo h2{
		font-size: 15px;
		font-weight: bold;
		padding: 0 0 20px 0;
	}
	
	#textInfo p{
		line-height: 24px;
		padding: 10px 0;
	}
	
	.iconBorderRight{
		border-right: 1px solid #d5d3c7;
	}
	
	.iconBorderRightNoBottom{
		border-right: 1px solid #484746;
		border-bottom:none;
	}
	
	.kitchenBanner{
		background: url(../images/kitchen.jpg) no-repeat top;
	}
	
	.floraBanner{
		background: url(../images/fdm_bcg.jpg) no-repeat top;
	}
	
	
	.disclaimerBanner{
		background: url(../images/disclaimer_bcg.jpg) no-repeat top;
	}
	
	.contactBanner{
		background: url(../images/contact_bcg.jpg) no-repeat top;
	}
	
	.videoContainer{
		width: 854px; 
		height:480px; 
		position:absolute; 
		top:50px; 
		left:350px;
	}
	
	.condoBanner{
		background:url(../images/details-condos.jpg) no-repeat;
	}
	
	.modelSuitesBanner{
		background:url(../images/details-modelSuites.jpg) no-repeat;
	}
	
	.salesBanner{
		background:url(../images/details-sales.jpg) no-repeat;
	}
	
	.decorBanner{
		background:url(../images/details-decorCentres.jpg) no-repeat;
	}
	
	.luxuryBanner{
		background:url(../images/details-luxury.jpg) no-repeat;
	}
	
	.luxury97Banner{
		background:url(../images/details-97.jpg) no-repeat;
	}
	
	.corpBanner{
		background:url(../images/details-corporate.jpg) no-repeat;
	}
	
	.corpBannerGE{
		background:url(../images/details-corporateGE.jpg) no-repeat;
	}
	
	.hospitalityBanner{
		background:url(../images/details-hospitality.jpg) no-repeat;
	}
	
	.modelHomesBanner{
		background:url(../images/details-modelHomes.jpg) no-repeat;
	}
	
	.specialtyBanner{
		background:url(../images/details-specialty.jpg) no-repeat;
	}
	
	.aboutfdmBanner{
		background:url(../images/details-Flora.jpg) no-repeat;
	}
	
	.stluciaBanner{
		background:url(../images/details-stLucia.jpg) no-repeat;
	}
		.sunDreamBanner{
		background:url(../images/details-sunDream.jpg) no-repeat;
	}

		.stLuciaSails{
		background:url(../images/details-SailsStLucia.jpg) no-repeat;
	}
		.BeijingBanner{
		background:url(../images/details-Beijing.jpg) no-repeat;
	}
		.WestwoodLuxuryBanner{
		background:url(../images/details-westwoodLuxury.jpg) no-repeat;
	}
		.promoBanner{
		background:url(../images/detail_MapStLucia-Detail.jpg) no-repeat;
	}
	
	
	
	.titleText{
		
		font-family: 'Carme', sans-serif;
		
		color:#906;
		text-transform: uppercase;
		font-size:14px;
		line-height:17px;
		
	
	}
	
	
	#detailsArea{
		float:right;
		width: 640px;
		position:relative;
	}
	
	#detailsOverlay{
		zoom: 1;
        filter: alpha(opacity=70);
        opacity: 0.7;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=70)";
		background-color:#000;
		position:relative;
		
	}
	
	#detailsContent{
	font-family: 'Carme', sans-serif;
	position: absolute;
	top:2px;
	left:0px;
	
	width:600px;
	z-index:10;
	height: 504px;
	}
	
	#detailsContent h2{
		/*color:#ede7d8;
		font-size: 26px;
		line-height: 42px;
		font-family: 'Carme', sans-serif;
		
		text-transform:uppercase;
		font-weight:normal;*/
		margin:20px 0px;
		display:block;
		height:78px;
		text-indent:-9999px;
	}
	
	#detailsContent p{
		
		color:#ede7d8;
		font-size: 11px;
		line-height: 1.2em;
		/*font-family: Georgia, "Times New Roman", Times, serif;*/
		font-family: 'Carme', sans-serif;
		padding:7px 30px;
	}
	
		#detailsContent2{
	position: absolute;
	top:4px;
	width:601px;
	z-index:10;
	}
	#detailsContent2 h2{
		/*color:#ede7d8;
		font-size: 26px;
		line-height: 42px;
		font-family: 'Carme', sans-serif;
		
		text-transform:uppercase;
		font-weight:normal;*/
		margin:20px 0px;
		display:block;
		height:78px;
		text-indent:-9999px;
	}
	
	#detailsContent2 p{
		color:#ede7d8;
		font-size: 13px;
		line-height: 22px;
		/*font-family: Georgia, "Times New Roman", Times, serif;*/
		font-family: 'Carme', sans-serif;
	
		padding:7px 20px;
	}
	
	
	#detailsContent3{
	position: absolute;
	top:4px;
	width:663px;
	z-index:10;
	left: -62px;
	}
	#detailsContent3 h2{
		/*color:#ede7d8;
		font-size: 26px;
		line-height: 42px;
		font-family: 'Carme', sans-serif;
		
		text-transform:uppercase;
		font-weight:normal;*/
		margin:20px 0px;
		display:block;
		height:78px;
		text-indent:-9999px;
	}
	
	
	#detailsContent3 p{
		color:#ede7d8;
		font-size: 12px;
		line-height: 20px;
		/*font-family: Georgia, "Times New Roman", Times, serif;*/
		font-family: 'Carme', sans-serif;
	
		padding:7px 20px;
	}
	
	
	#detailsContent4{
	position: absolute;
	top:4px;
	width:880px;
	z-index:10;
	left: -282px;
	}
	#detailsContent4 h2{
		/*color:#ede7d8;
		font-size: 26px;
		line-height: 42px;
		font-family: 'Carme', sans-serif;
		
		text-transform:uppercase;
		font-weight:normal;*/
		margin:20px 0px;
		display:block;
		height:78px;
		text-indent:-9999px;
	}
	
	
	#detailsContent4 p{
		color:#ede7d8;
		font-size: 12px;
		line-height: 20px;
		/*font-family: Georgia, "Times New Roman", Times, serif;*/
		font-family: 'Carme', sans-serif;
	
		padding:7px 20px;
	}
	
	
	#detailsContent5{
	position: absolute;
	top:4px;
	width:828px;
	z-index:10;
	left: -230px;
	}
	#detailsContent5 h2{
		/*color:#ede7d8;
		font-size: 26px;
		line-height: 42px;
		font-family: 'Carme', sans-serif;
		
		text-transform:uppercase;
		font-weight:normal;*/
		margin:20px 0px;
		display:block;
		height:78px;
		text-indent:-9999px;
	}
	
	
	#detailsContent5 p{
		color:#ede7d8;
		font-size: 12px;
		line-height: 20px;
		/*font-family: Georgia, "Times New Roman", Times, serif;*/
		font-family: 'Carme', sans-serif;
	
		padding:7px 20px;
	}
	
	
	
	
	.link_tiny {
	font-family: 'Carme', sans-serif;
	
	font-size: 9px;
	font-style: normal;
	color:#999999;
	margin-top:7px;

	
	
	
	line-height: 1em;
	
	}

.link_tiny a {
color:#C09;
margin-top:12px;
		text-decoration: none;
		
}

.link_more a:visited {
        color:#C09;
		text-decoration: none;
		
}

.link_tiny a:hover {
		color:#999999;
		text-decoration: underline;
}

	
	a.overlayButton{
		display:block;
		padding:5px;
		font-family: 'Carme', sans-serif;
		color:#ede7d8;
		
		border:2px solid #666;
		font-size:13px;
		width:250px;
		float:left;
		margin:4px 4px 4px 0;
		text-align:center;
		text-transform:uppercase;
	}
	
	#photoGallery{
		width: 800px;
		height: 500px;
		position:absolute;
		top:0;
		left:0;
		z-index:20;
	}
	
	.closeGallery{
		position:absolute;
		text-align:right;
		padding:10px 20px 10px 0px;
		top:515px;
		z-index:121;
		height:60px;
	}
	
	/*.closeGallery a{
		color:#fff;
		font-size:15px;
	}*/
	
	a#scrollerNext, a#scrollerPrev{
		display:block;
		position:absolute;
		top:85px;
		width:42px;
		height:57px;
		z-index:100;
	}
	
	a#scrollerNext{
		background: url(../images/sliderRightButton.png) no-repeat;
		right: 90px;
	}
	
	a#scrollerPrev{
		background: url(../images/sliderLeftButton.png) no-repeat;
		left: 15px;
	}
	
	.scrollerLinks{
		position:absolute;
		top:32px;
		z-index:200;
	}
	
	#icons ul li .scrollerLinks a{
		display: block;
		height:11px;
		background: none;
		color:#fff;
		font-size:12px;
		position:relative;
	}
	
/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {

	body {
		
	}

}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}
