/* CSS Document */

.content{background:white;}
.residences{display: block;width:100%}
.resleft{
display:block;
width:90%;
background-color:#000000;
padding: 10px 5%;
}
.resright{
width:100%;
display:block;
background-color:#FFFFFF;
}
.resleft .title{
display:none;
background:black;
color:white;
}
.skyloft .resleft .title {
	display: block;
}
.resleft ul{
list-style:none;
float:right;
}
.resright ul:after{
clear:both;
}
.tinynav { display: none;;width:100%;}

.floortitle {
position: relative;
}
.floortitle  .download {
display:block;
color:white;
font-size:14px;
line-height:30px;
background:#A4855D;
width:140px;
position: relative;
text-align:center;
}
.floortitle .number,.floortitle .name{display:inline-block;}
.floortitle .number{
font-size:67px;
padding-left:10px;
}
.floortitle .name{
font-size:22px;
padding-left:10px;
}
.floortitle .sqft{
font-size:15px;
padding-left:10px;
display:block;
}
.floortitle .sep{
background: url(../images/sep.png) 100% 0 no-repeat;
background-size: 20px 60px;
background-position:center;
}

.floortitle .holder,.hide{display:none}

.floortitle hr{display:block}

.resright .key,.resright .plan{width:95%;margin:20px auto;text-align:center}
.resright .pplan,
.resright .pkey{
	width: 95%;
	text-align: center;
	float: none;
	margin: 20px auto;
}
.pplan h3 {
	text-align: left;
	margin: 0 0 20px 0;
	text-transform: uppercase;
}

.residences .disclaimer{clear:both;width:90%;margin:10px auto;font-size:10px}

.pkey .view{
	display:block;
	background: url('../images/sprite.png') no-repeat -245px -173px;
	width: 150px;
	height: 74px;
	margin:0 auto;color:white;line-height:15px;font-size:15px;padding-top:7px;
}
.pkey .view{
	display:block;
	background: url('../images/sprite.png') no-repeat -245px -173px;
	width: 150px;
	height: 74px;
	margin:0 auto;color:white;line-height:15px;font-size:15px;padding-top:7px;
}
.pkey .link {
	display: block;
	background: rgba(0, 0, 0, 0.4) url('../images/arrow-bottom.png') no-repeat bottom center;
	margin: 0 auto;
	width: 180px; 
	color: white;
	line-height: 18px;
	font-size: 15px;
}
.pkey .link:hover {
	background-color: rgba(0, 0, 0, 1);
}
.pkey .link span {
	display: block;
	background: transparent url('../images/arrow-top.png') no-repeat top center;
	padding: 12px 0 18px 0;
}
.pkey .link:first-child span {
	background: none;
}

.pkey .kitchen{
	display:block;
	background: url('../images/sprite.png') no-repeat -245px -258px;
	width: 150px;
	height: 49px;
	margin:0 auto;color:white;line-height:15px;font-size:15px;padding-top:12px;
}
.skyloft article {
	padding: 20px;
	font-size: 120%;
	line-height: 250%;
}

@media screen and (min-width:767px){
.resright .pplan{width:60%;text-align:center;float:left;margin:20px auto;padding:0px 6%;}
.resright .pkey{width:27%;text-align:center;float:right;margin:20px auto;font-size:10px}	
.skyloft aside {
	float: left;
	width: 50%;
	margin: 0 20px 0 10px;
}
.skyloft article h2 {
	padding: 70px 0 50px 0;
}
}

@media screen and (max-width: 1100px) {
.tinynav { display: block;font-size:22px;padding-bottom:10px}
#rnav { display: none }
}

@media screen and (min-width:1100px){
.residences{display: table;}
.resleft .title{
display:block;
line-height:150%;
padding: 5px;
text-align:center;
font-size:21px;
}
.resleft{
display:table-cell;
padding:0px;
width:23% !important;
height:100%;
background-color:#979797;
vertical-align:top;
margin-bottom:0px;	
}
.resright{
width:76% !important;
height:100%;
background-color:#FFFFFF;
display:table-cell;	
}
.resright:after{
clear:both;
}
.resleft ul{
float:none;
list-style:none;
text-align:center;
}
.resleft a{color:white;font-size:16px;line-height:40px;font-weight:normal;display:block}
.resleft .penthouse a{font-size:16px;line-height:20px;font-weight:normal;display:block;padding:5px 0px;}
.penthouse .pp1{color:black;font-size:30px;}
.penthouse a{padding:7px 0px;}
.penthouse .pp2{color:black;}
.resleft li.heading a{color:black;font-size:30px;line-height:50px;font-weight:normal;pointer-events: none;cursor: default;}
.penthouse li:after{content:'---------'}
.resleft a:hover,.resleft li.selected a{background:#b2b2b2}

.floortitle .number,.floortitle .name,.floortitle .sqft{display:inline-block}
.floortitle .holder{}
.floortitle .number{
font-size:67px;
line-height:50px;

}
.floortitle .name{
font-size:22px;
line-height:25px;
vertical-align:top;
}
.floortitle .sqft{
font-size:15px;
vertical-align:top;
line-height:17px;
}
.floortitle hr{display:none}
.floortitle  .download {
display:inline;
position: absolute;
top: 0px;
right: 0px;
}
.skyloft .floortitle .download {
	right: 25px;
	width: 180px;
}

}