@charset "UTF-8";
/* CSS Document */
#floor_content{padding:0 22px;}


#floor{ 
	
	padding-right:250px; 
	position:relative; 
	
}
#floor ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; right:0px; 
	list-style:none; 
	padding:0 0 12px 0; margin:0; 
	background:url(../floorplan/floor_bg.png) repeat-y top right;  
}
#floor ul.ui-tabs-nav li{ 
	padding:1px 0 1px 58px;
	font-size:12px; 
	color:#666; 
}
#floor ul.ui-tabs-nav li img{ 
	padding:10px 10px 0 10px; 
	
}
#floor ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}
#floor li.ui-tabs-nav-item a{ 
	display:block; 
	/*height:96px; */
	color:#333;
	line-height:20px;
}
#floor li.ui-tabs-nav-item a:hover{ 
	
}
#floor li.ui-tabs-selected{ 
	background:url(../floorplan/floor_arrow.png) 0px 23px no-repeat;  
}
#floor ul.ui-tabs-nav li.ui-tabs-selected a{ 
	
}
#floor .ui-tabs-panel{ 
	width:725px; 
	background:#999; position:relative;
}
#floor .ui-tabs-panel .info{ 
	position:absolute; 
	top:180px; left:0; 
	height:70px; 
	background: url(../floorplan/transparent-bg.png); 
}
#floor .info h2{ 
	font-size:18px; font-family:Georgia, serif; 
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
}
#floor .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#floor .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#floor .info a:hover{ 
	text-decoration:underline; 
}
#floor .ui-tabs-hide{ 
	display:none; 
}

/*==================== MEDIA SCREEN =========================*/

@media only screen and (max-width:960px){
	#floor .ui-tabs-panel{ width:100%; }
	#floor ul.ui-tabs-nav li{padding-left:104px;}
	#floor ul.ui-tabs-nav li img{width:85%; padding:8px 0px 0 0px;}
	
	#floor li.ui-tabs-selected {background: url("../floorplan/floor_arrow.png") no-repeat scroll 0 14px transparent;}
	#floor ul.ui-tabs-nav{ background:url(../floorplan/floor_bg.png) repeat-y right top / 53%; padding-bottom:8px;}
}

@media only screen and (max-width:800px){
	#floor .ui-tabs-panel{ width:100%; }
	#floor ul.ui-tabs-nav li{padding-left:104px;}
	#floor ul.ui-tabs-nav li img{width:61%; padding:8px 0px 0 0px;}
	
	#floor li.ui-tabs-selected {background: url("../floorplan/floor_arrow.png") no-repeat scroll 0 14px /10% transparent;}
	#floor ul.ui-tabs-nav{ background:url(../floorplan/floor_bg.png) repeat-y 93px top / 39%; padding-bottom:7px;}
}

@media only screen and (max-width:768px){
	#floor .ui-tabs-panel{margin-left:30px; }
	#floor ul.ui-tabs-nav li{padding-left:80px;}
	#floor ul.ui-tabs-nav li img{width:55%; padding:5px 5px 0 5px; }
	#floor li.ui-tabs-selected {background: url("../floorplan/floor_arrow.png") no-repeat scroll 0 16px / 10% transparent;}
	#floor ul.ui-tabs-nav{ background:url(../floorplan/floor_bg.png) repeat-y 74px top / 42%; padding-bottom:5px;}
}

@media only screen and (max-width:640px){
	#floor_content {padding-right:0;}
	#floor .ui-tabs-panel{margin-left:30px; }
	#floor ul.ui-tabs-nav li{padding-left:73px;}
	#floor ul.ui-tabs-nav li img{width:39%; padding:5px 5px 0 5px; }
	#floor li.ui-tabs-selected {background: url("../floorplan/floor_arrow.png") no-repeat scroll 0 11px / 7% transparent;}
	#floor ul.ui-tabs-nav{ background:url(../floorplan/floor_bg.png) repeat-y 72px top / 28.5%; padding-bottom:5px;}
	
}


@media only screen and (max-width:600px){	
	#floor ul.ui-tabs-nav li img{width:40%; padding:3px 0px 0 0px; }
	#floor li.ui-tabs-selected {background: url("../floorplan/floor_arrow.png") no-repeat scroll 0 8px; background-size: 8%;}
	#floor ul.ui-tabs-nav{background-size: 28%; background-position: 68px 0; padding-bottom:3px;}
}

@media only screen and (max-width:480px){
	#floor_content {padding:0 0 0 40px;}
	#floor{padding-right:150px;}
	#floor .ui-tabs-panel{margin-left:0px; }
	#floor .ui-tabs-panel img{height:195px; }
	#floor ul.ui-tabs-nav li{padding-left:38px;}
	#floor ul.ui-tabs-nav li img{width:41.5%; padding:1px 0px 0px 0px; }
	#floor li.ui-tabs-selected {background: url("../floorplan/floor_arrow.png") no-repeat scroll 0 11px / 7% transparent;}
	#floor ul.ui-tabs-nav{ background:url(../floorplan/floor_bg.png) repeat-y 35px top / 34.3%; padding-bottom:1px;}

}

@media only screen and (max-width:320px){
	
	#floor_content {padding:0 0 0 20px;}
	#floor{padding-right:95px;}
	#floor .ui-tabs-panel{margin-left:0px; }
	#floor .ui-tabs-panel img{height:auto; }
	#floor ul.ui-tabs-nav li{padding:0px 0 0px 38px;}
	#floor ul.ui-tabs-nav li img{width:26.5%; padding:1px 0px 0 0px; float:none;}
	#floor li.ui-tabs-selected {background-position: 69px 5px;background-size:5%; float:left;}
	#floor ul.ui-tabs-nav{ background-size: 19%; background-position: 100px 0; padding-bottom:1px;}
	
	#floor li.ui-tabs-nav-item a{float:right; text-align:right; margin-right:20px}
}