#background {
	position: fixed;
	z-index: 1;
}
#content
{
	margin: 0px;
	background-color: transparent;
}

/* ---------------------------- FOOTER ---------------------------- */
#footer
{
	z-index: 50;
	position: fixed;
	bottom: 0;
}

#project_menu
{
	padding-bottom: 25px;
	width: 250px;
	float: left;
}

#project_menu h2
{
	color: #6a6a6a;
	font-family: FuturaStdMedium;
	font-size: 18px;
	text-transform: uppercase;
}

.sub_menu_item
{
	border:none;
}

#project_details
{
	float: left;
	padding-left: 45px;
	width: 615px;
	border-left: 1px dotted #444;
}

#project_details p 
{
	font-family: FuturaStdMedium;
	text-transform: uppercase;
	line-height: 20px;
	color: #555;
	font-size: 10px;
}

#project_details h3
{
	color: #04b0ee;
	font-family: MinionProRegular;
	font-size: 18px;
	text-transform: uppercase;
}

.sub_title
{
	border-top: 1px solid #c2c2c2;
	color: #2a2623;
	font-family: FuturaStdMedium;
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
	padding-top: 10px;
}

.virtual-label 
{
	font-family: FuturaStdMedium, sans-serif;
	text-align: left;
	color: #fff;
	font-size: 18px;
	margin: 0px;
	padding: 0px;
	position: relative;
	top: 5px;
	width: 200px;
	cursor: pointer;
}

.plan 
{
	margin-left: auto;
	margin-right: auto;
	width: 887px;
}
/* ---------------------------- PLANS MOBILE ---------------------------- */
#plans_container
{
	float: left;
	padding-top: 20px;
}

#plans_wrapper
{
	float: left;
}

#plans
{
	width: 588px;
	margin-left: auto;
	margin-right: auto;
}

#image_plan
{
	float: left;
}

#plans_menu
{
	margin-left: 5px;
	margin-top: 20px;
	float: left;
}

#plans_menu a
{
	background-image: url("../media/images/plans/plans-menu-buttons.png");
	background-repeat: no-repeat;
	width: 132px;
	height: 23px;
	display: block;
	padding-left: 20px;
	padding-top:7px;
	padding-bottom:5px;
	font-family: FuturaStdMedium;
	font-size: 18px;
	color: #4c4c4c;
	margin-bottom: 5px;
	text-decoration: none;
	text-transform: uppercase;
}
/* ---------------------------- FLOOR PLANS MOBILE ---------------------------- */
#floor_plans_container
{
	background-image: url("../media/images/plans/bgd-floor-plans.jpg");
	background-repeat:repeat-x;
	padding-top: 20px;
	min-width: 966px;
}

#compass_rose
{
	float: left;
	margin-left: 15px;
	margin-right: 25px;
	width: 111px;
}

#floor_plans
{
	float: left;
	color: #00a2da;
	font-family: FuturaStdMedium,sans-serif;
	font-size: 18px;
	text-transform: uppercase;
}

.floor_number
{
	font-size: 30px;
}

#floor_plans_wrapper
{
	margin-left: auto;
	margin-right: auto;
	width: 550px;
	position: relative;
}

#floor
{
	float: left;
	margin-top:35px;
}

#floor_plan_image
{
	float: left;
	margin-top: 10px;
}

.condo_number
{
	color: #000000;
	font-family: FuturaStdMedium,sans-serif;
	font-size: 16px;
	position: absolute;
	text-decoration: none;    
}

#back_button
{
	float: right;
	margin-right: 5px;
}

#legend
{
	float: left;
	margin-top: 10px;
}

.legend_box
{
	margin-bottom : 10px;
}

.legend_box.bigger_separation
{
	margin-top: 50px;
}

.legend_image
{
	float: left;
	width: 20px;
	height: 20px;
}

.legend_image.one_bedroom
{
	background-color: #76d8fd;
}

.legend_image.two_bedroom
{
	background-color: #01afee;
}

.legend_image.three_bedroom
{                                     
	background-color: #16627c;
}

.legend_image.reserved
{
	background-color: #c8c8c8;
}

.legend_image.sold
{
	background-color: #787878;
}

.legend_description
{
	float: left;
	margin-right: 10px;
	position: relative;
	top: 1px;
	width: 100px;
}
/* ---------------------------- UNITS MOBILE ---------------------------- */
#units_wrapper
{
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	width: 550px;
}
/* ---------------------------- FLOOR PLANS MENU MOBILE ---------------------------- */
#plans_left_menu
{
	background: #fff;
	background-repeat:repeat-y;
	width: 204px;
	float: left;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 16px;
	text-align: left;
	overflow: hidden;
	position: relative;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

#plans_left_menu h3,
.style4
{
	color: #008ff3;
	font-family: "FuturaStdLight";
	text-transform: uppercase;
	font-size: 20px;
}

.separator
{
	margin-bottom: 10px;
	margin-top: 10px;
	border-top: 1px solid #cccccc;
	width: 150px;
	float: left;
}

.style1
{
	color: #3f3f3f;
	font-family: FuturaStdMedium,sans-serif;
	font-size: 14px;
}

.style2
{
	color: #878787;
	font-family: FuturaStdMedium,sans-serif;
	font-size: 14px;
}

.style3
{
	color:#01afee;
	font-family: FuturaStdMedium,sans-serif;
	font-size: 12px;
}

.btn_common
{
	float: left;
	margin-top: 15px;
}

.p_less_margin
{
	margin-top: 8px;
}
/* ---------------------------- FLOOR PLANS MENU MOBILE ---------------------------- */
#results
{
	margin-top: 40px;
	min-width: 585px;
}

#search_results_container
{
	float: left;
	/*margin-left: 20px;*/
	margin-top: 20px;
	/*max-width: 725px;*/
}

#search_wrapper
{
	margin-left: auto;
	margin-right: auto;
	width: 585px;
}

h3.search_results
{
	color: #3f3f3f;
	font-family: FuturaStdLight,sans-serif;
	font-size: 20px;
	text-transform: uppercase;
}

#search_results
{
   float: left; 
}

.accordion_box
{
	background-image: url("../media/images/plans/bg-search-results.png");
	background-repeat:no-repeat;
	width: 490px;
	height: 128px;
	padding-left: 33px;
	padding-right: 45px;
	padding-top: 20px;
}

.accordion_button
{
	background-color: #008ff3;
	color: #FFFFFF;
	font-family: FuturaStdMedium,sans-serif;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	margin-left: 17px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-top: 5px;
	position: relative;
	width: 526px;
	margin-top: 20px;
}

.accordion_button .image
{
	height   : 10px;
	width    : 11px;
	position : absolute;
	right    : 10px;
	top      : 9px;
}

.accordion_button .open,
.accordion_button .close
{
	background-image : url("../media/images/plans/search-results-accordion.png");
}

.accordion_button .open
{
	background-position : 0px -10px;
}

.accordion_button .close
{
	background-position : 0px 0px;
}

.default_close
{
	height   : 0px;
	overflow : hidden;
	visibility: hidden;
}

.unit_image
{
	background-color: #c8effe;
	display: block;
	height: 76px;
	width: 76px;
}

.unit_image:hover
{
	background-color: #76d8fd;
}

.unit
{
	color: #595959;
	font-family: FuturaStdMedium,sans-serif;
	font-size: 11px;
	text-align: center;
}

.layout_with_no_carrousel
{
	list-style: none;
	float: left;
	margin-left:0px;
	margin-right:10px;
	height:95px;
	width:76px;
}

.no_result
{
	color: #595959;
	font-family: FuturaStdMedium,sans-serif;
	font-size: 16px;
}

/* ---------------------------- PLANS PHASE 4 ---------------------------- */
#plans_phase_4_container
{
	margin:50px;
	/*height: 500px;*/
	width: 700px;
	float: left;
}

#plans_phase_4_repeat
{
	background-color: #FFFFFF;
	padding: 20px;
	/*height: 500px;*/
}

#plans_phase_4_bottom
{
	background-color: #FFFFFF;
	height: 20px;
	width: 500px;
}

#items
{
	margin-top: 20px;
}

.item
{
	float: left;
	margin-right: 20px;
	margin-bottom: 50px;
	width: 80px;
}

.floor
{
	color: #008FF3;
	font-family: "FuturaStdLight";
	font-size: 17px;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 4px;
}

.condo_thumbnail
{
	cursor: pointer;
	padding: 4px;
	margin-bottom: 4px;
}

.condo_thumbnail:hover
{
	background-color : #3CADE0;
}

.condo
{
	color: #000000;
	font-family: "FuturaStdLight";
	font-size: 14px;
	text-align: center;
	text-transform: uppercase;
}




html, body, #wrap {
	height: 100%;
	min-width: 1060px;
	min-height: 600px;
}
	#wrap {
		margin-bottom: -10px;
	}
	#content {
		height: 100%;
		margin-top: -95px;
	}
#content.plans {
	background: #093747;
	padding: 0;
}

	#loading{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:#000000;
		color:#FFFFFF;
		line-height:500px;
		text-align:center;  
		display: none;
	}
	div#img{
		width:560px;
		height:400px;
		overflow:hidden;
		position: absolute;
		left: 25%;
		top: 4%;
		z-index: 100;
	}
	div#img img{
		/*width:100%;
		height:100%;*/
		position:absolute;
		top:0;
		left:0;
		z-index:90;
	}
	div#img img.overlay {
		z-index: 101;
	}
	div#img>div{
		display: none;
	}
	.overzone{
		z-index:100;
	}
	#overlay{
		z-index:101;
	}
	.content {
		z-index: 90;
	}
	div#img #imgMap {
		z-index: 300;
	}
	#thecanvas {
		position: absolute;
		left: 42%;
		top: 2%;
		z-index: 90;
	}
	.canvasBackground {
		position: absolute;
		width: 2450px;
		margin-left: -875px; /* equals -stageOffsetX */
		margin-top: -525px; /* equals -stageOffsetY */
	}
	.masterWrap {
		position:absolute;
		top:95px;
		left:0;
		right:0;
		bottom:30px;
		overflow: hidden;
		opacity: 0;
	}
	h1 {
		position: relative;
		z-index: 100;
		font-size: 30px;
		color: #000;
		margin: 30px 0 40px 32px;
	}

	aside.right {
		height:100%;
		background:#4b5357;
		background:rgba(7,18,23,0.70);/* Eve Feb13 */
		color:#FFFFFF;
		position: absolute;
		right: 0;
		z-index: 95;
		line-height:17px;
		overflow:auto;
		float: right;
		padding: 0 14px 20px 14px;
		width: 236px;
	}
		aside.right h2 {
			font-size: 24px;
			margin-top: 32px;
			text-transform: uppercase;
		}
	
	aside.left {
		float: left;
		padding-right: 10px;
	}
	aside .unit_info {
		position: relative;
		z-index: 100;
		width: 200px;
		height: 130px;
		margin-left: 28px;
		opacity: 0;
		font-family: 'ConduitITCS', Arial, sans-serif;
	}
		aside .unit_info h2 {
			color: #fff;
			font-size: 22px;
			font-style: normal;
			margin: 0 0 12px 0;
			height: auto;
			font-family: 'ConduitITCS', Arial, sans-serif;
		}
		aside .unit_info dl {
			color: #fff;
			font-size: 12px;
			text-transform: uppercase;
			border-bottom: 1px solid black;
			padding-bottom: 14px;
		}
			aside .unit_info dt {
				float: left;
				width: 108px;
				margin-bottom: 2px;
			}
			aside .unit_info dd {
				margin-bottom: 2px;
			}
		aside .unit_info a {
			text-transform: uppercase;
			color: #000;
			line-height: 20px;
			font-size: 12px;
			text-decoration: none;
		}
			aside .unit_info a .icon {
				float: left;
				width: 20px;
				height: 20px;
				margin-right: 4px;
			}
				aside .unit_info a .icon.back {
					background: url('../images/button-back-small.png') top left no-repeat;
				}
				aside .unit_info a .icon.plan {
					background: url('../images/button-plan-small.png') top left no-repeat;
				}
			aside .unit_info a.right {
				float: right;
			}
	aside .phase1_plans {
/*      width: 140px;*/
		height: 29px;
		background: url('../images/phase1-background-small.png') bottom left no-repeat;
		position: absolute;
		bottom: 0;
		left: 0;
		display: block;
		z-index: 101;
		padding-top: 56px;
		padding-left: 70px;
		color: #fff;
		text-decoration: none;
	}

	div#compass{
		width:68px;
		height:77px;
		position:absolute;
		top: 50px;
		left: 300px;
		background:url('../media/images/newPlans/compass-phase6-building.png');
		z-index:91;
	}
		#compass.units {
			background-image: url('../media/images/newPlans/compass-phase6-units.png');
		}

	#backBtn {
		float: left;
		display: none;
	}
	
	#popupPlan {
		display: none;
		position: relative;
		z-index: 400;
		margin-left: 240px;
		margin-right: 6%;
		height: 100%;
		overflow: auto;
	}
		#planImg {
			z-index: 112;
			display: block;
			position: absolute;
			left: 50%;
			top: 50%;
			margin-left: -151px;
			margin-top: -220px;
			cursor: pointer;
			max-height: 100%;
			max-width: 100%;
		}
		
		#popupPlan .mid_content {
			position:relative;  
			height: 570px;
			z-index: 113;
			height: 68% !important;
			width: 68%;
			margin-left: 5%;
		}

		a.closeBtn {
			display: block;         
			line-height: 14px;
			text-transform: uppercase;
			color: #000;
			padding: 8px;
			background: #fff;
			position: absolute;
			top: 10%;
			right: 0%;
			z-index: 115;
			text-decoration: none;
		}
			.closeBtn .icon.close {
				float: left;
				width: 14px;
				height: 13px;
				background: url('../media/images/newPlans/closeBtn.png') top left no-repeat;
				margin-right: 4px;
			}
			.listSearchFloor .closeBtn {
				top: 20px;
			}

		#popupPlan .floorPlan {
			display: block;
			margin-bottom: 20px;
			height: 85px;
			z-index: 114;
			margin-left: 16px;
			position: absolute;
			bottom: 0;
		}
			#smallPlanImg {
				display: block;
				float: left;
			}
			#statusLegend {
				width: 200px;
				position: absolute;
				right: 280px;
				z-index: 100;
				list-style-type: none;
				top: 20px;
				padding: 0;
				margin: 0;
			}
				#statusLegend li {
					float: left;
					text-transform: uppercase;
					color: white;
					font-size: 15px;
					padding: 0px 6px;
				}
					#statusLegend li.available {
						background: #0090c7;
					}
					#statusLegend li.reserved {
						background: #a9a9a9;
					}
					#statusLegend li.sold {
						background: #393939;
					}
			.floorSelector {
				margin: 0;
				padding: 0;
				list-style-type: none;
				position: absolute;
				right: 0%;
				top: 16%;
				z-index: 114;
			}
				.floorSelector li {
					display: block;
					text-transform: uppercase;
					cursor: pointer;
					background: #008ff3;
					padding: 6px 10px;
					margin-bottom: 10px;
					opacity: 0.6;
				}   
					.floorSelector li a {
						color: #fff;
						display: block;
						text-decoration: none;
					}
						.floorSelector li.active {
							opacity: 1;
						}

	#fullPopupPlan {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 500;
		background: white;
		text-align: center;
		overflow: auto;
		display: none;
	}
		#fullPopupPlan .closeBtn {
			position: absolute;
			top: 10px;
			left: 10px;
		}
		#fullPopupPlan img {
			height: 100%;
		}
	#ajaxLoader {
		position: absolute;
		top: 50%;
		left: 40%;
		z-index: 900;
		background: black;
		width: 220px;
		text-align: center;
		height: 220px;
		margin-left: -110px;
		margin-top: -110px;
		opacity: 0.8;
		border-radius: 32px;
		display: none;
	}
		.ajaxLoader {
			width: 48px;
			height: 48px;
			background: url('../media/images/load.gif') top left no-repeat;
			position: absolute;
			top: 50%;
			left: 50%;
			margin-top: -24px;
			margin-left: -24px;
		}

	/* === LARGE ===== */

	.large .masterWrap {
		top:197px;
		bottom:40px;
	}

	.large h1 {
		margin: 50px 0 68px 54px;
	}

	.large aside.right {
		width: 351px;
		padding: 0 26px 0 26px;
	}
		.large aside.right h2 {
			font-size: 30px;
		}
	.large aside .unit_info {
		width: 376px;
		height: 130px;
		margin-left: 54px;
	}
		.large aside .unit_info h2 {
			color: #fff;
			font-size: 40px;
			margin: 0 0 20px 0;
			height: auto;
		}
		.large aside .unit_info dl {
			color: #fff;
			font-size: 15px;
			text-transform: uppercase;
			border-bottom: 1px solid black;
			padding-bottom: 20px;
		}
			.large aside .unit_info dt {
				float: left;
				width: 160px;
				margin-bottom: 3px;
			}
			.large aside .unit_info dd {
				margin-bottom: 3px;
			}
		.large aside .unit_info a {
			text-transform: uppercase;
			color: #000;
			line-height: 31px;
			font-size: 14px;
			font-weight: bold;
		}
			.large aside .unit_info a .icon {
				float: left;
				width: 31px;
				height: 31px;
				margin-right: 6px;
			}
				.large aside .unit_info a .icon.back {
					background: url('../images/button-back.png') top left no-repeat;
				}
				.large aside .unit_info a .icon.plan {
					background: url('../images/button-plan.png') top left no-repeat;
				}
			.large aside .unit_info a.right {
				float: right;
			}
	.large aside .phase1_plans {
/*      width: 123px;*/
		height: 47px;
		background-image: url('../images/phase1-background.png');
		padding-top: 114px;
		padding-left: 120px;
	}
	
	.large div#compass{
		width:65px;
		height:50px;
		right:430px;
		background:url('../images/compass-2.png');
	}

	.large #popupPlan {
		margin-left: 440px;
		margin-right: 402px;
	}
		.large .closeBtn {  
			line-height: 30px;
		}
		.large #popupPlan .closeBtn {
			top: 445px;
			left: 16px;
			font-size: 14px;
		}
			.large .closeBtn .icon.close {
				width: 31px;
				height: 31px;
				margin-right: 6px;
				background: url('../images/button-close.png') top left no-repeat;
			}

		.large #popupPlan .floorPlan {
			height: 160px;
			margin-left: 16px;
			position: absolute;
			bottom: 0;
		}
		.large #floorCompass {
			width:65px;
			height:50px;
			background:url('../images/compass.png');
			bottom: 20px;
		}
			.large #floorCompass.alt {
				background-image: url('../images/compass-2.png');
			}
		.large .floorSelector {
			margin-top: -60px;
		}
	.large #popupPlan .mid_content {
		height: 68% !important;
	}
		.large #planImg {
			max-height: 100%;
		}



#plans_left_menu .aside {
	position: absolute;
	top: 60px;
	width: 208px;
	padding-left: 16px;
}
	#plans_left_menu .unit_info .floor {
		font-size: 12px;
	}

	.unit_info .style6 {
		font-size: 12px;
		color: #008ff3;
		font-family: "FuturaStdLight";    
	}
.asideBuilding {
	left: 0;
	padding-bottom: 20px;
}
	.form_row.check_floors .style3, .form_row.check_rooms .style3 {
		width: 11px;
		display: inline-block;
	}

.asideFloor {
	left: 208px;
}

.asideUnit {
	left: 416px;
}

.mini-plan {
	position: relative;
}
	.mini-plan .mini-overlay {
		position: absolute;
		top: 0;
		left: 0;
		display: none;
		z-index: 900;
		cursor: pointer;
	}
	.mini-plan .mini-overlay.active {
		display: block !important;
	}

.mini-plan-img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 890;
}

.mini-plan-blank {
	display: block;
	position: relative;
	z-index: 1000;
}

.mini-floorNumber {
	position: absolute;
	font-size: 14px;
	color: #0097ee;
	font-weight: bold;
	z-index: 902;
}

.project-plan {
	position: absolute;
	bottom: 200px;
	left: 250px;
}


.listSearchFloor {
	overflow: auto;
	position: absolute;
	left: 220px;
	top: 0;
	bottom: 180px;
	right: 30px;
	-webkit-overflow-scrolling: touch;
	padding-top: 40px;
	display: none;
}

.searchFloor {
	margin: 20px 0 30px 30px;
	background: #fff;
	display: none;
}
	.searchFloor h2 {
		background: #008ff3;
		padding: 6px 10px;
		color: #fff;
	}
	.searchFloor .micro-plan {
		margin: 10px;
		padding: 10px;
		width: 100px;
		background: transparent;
		cursor: pointer;
		vertical-align: top;
	}
		.searchFloor .micro-plan:hover {
			background: #008ff3;
		}


.bd_links{
	margin:auto;
	background-color: #010101;
	width:100%;
	min-width:988px;
	z-index: 3;
    position: fixed;
    bottom: 23px;
    z-index: 1100;
}

#links
{
    margin-left: auto;
    margin-right: auto;
    width: 960px;
	position: relative;
}
.link_title
{
    color: #ffffff;
    font-family: 'FuturaStdMedium';
    font-size: 30px;
    text-transform: uppercase;
    margin-bottom: 6px;
    margin-top: 40px;
}
	.link_title .secondLine{
		font-size: 22px;
		font-weight: normal;
		color: #00adee;
		display: block;
	}

#left_links
{
    float: left;
    width: 450px;
}

#right_links
{
    float: right;
    width:460px;
}

#links a {
    text-decoration: none;
    color: #fff;
    font-size: 30px;
}

#links a .seePlans
{
    background-repeat: no-repeat;
    background-position: 0 2px;
    color: #878787;
    font-family: 'FuturaStdMedium';
    font-size: 14px;
    text-decoration: none;
    display: block;
    height: 28px;
    float: left;
    margin-right: 20px;
}
    #links img.building {
        width: 180px;
        float: left;
        opacity: 0.4;
    }
    #links img.building.active {
    	 opacity: 1;
    }
    #right_links .building {
        margin-top: -60px;
    }

#mainCloseBtn {
	right: 6%;
	display: none;
}



/*
bottom
 */

.project-plan {
	bottom:50px;
}

#thecanvas{
	top:15%;
}

#popupPlan .mid_content{
	top:10%;
}