/*
Stylesheet Name: Metro
Description: 
Version: 3.0
Author: Nick Zlonis, Figureground Inc.
*/

* {
	margin:0;
	padding:0;
}

body {
	background:#fff;
	border-top:5px solid #3d79b4;
	color:#555;
	font-family:"Helvetica Neue",arial,helvetica,sans-serif;
	font-size:90%;
	margin:0 auto;
	padding:0;
	text-align:center;
}

/* =Layout
----------------------------------------------- */

.available_residence_box {
	border-bottom:1px solid #ddd;
	padding:8px;
}
.available_residence_box_zebra{
	background:#eaeff5;
	border-bottom:1px solid #c9d4e1;
	padding:8px;
	
}

#available_sash {
	background:url(/img/available_sash.png) right top no-repeat;
	height:125px;
	position:absolute;
	right:40px;
	top:0;
	width:118px;
}

#back_to_floorplate {
	float:right;
	width:100px;
}
#bedroom_nav {
	float:right;
	text-align:right;
	width:400px;
}

.city_label {
	float:left;
	width:150px;
}

.columnl {
	border-right:10px solid #fff;
	float:left;
	width:230px;
}
.columnl .pad {
	padding:10px 25px 20px 20px;
}
body.home .columnl {
	border:none;
	width:720px;
}
body.home .columnl .pad {
	padding:0 0 0 10px;
}
body.floorplate .columnl .pad {
	padding:0 0 30px 0;
	text-align:right;
}
body.interiors .columnl .pad {
	padding:24px 25px 0px 20px;
}
body.residence .columnl .pad {
	padding:0 0 30px 0;
	text-align:right;
}

.columnl_residence {
	float:left;
	width:336px;
}

.columnr {
	float:left;
	width:720px;
}
.columnr .pad {
	padding:0;
}
body.contact .columnr .pad {
	padding:10px 0 20px 60px;
}
body.floorplate .columnr .pad {
	padding:10px 40px 20px 40px;
}
body.home .columnr {
	width:230px;
}
body.home .columnr .pad {
	padding:0 20px 20px 10px;	
}

.columnr_residence {
	float:left;
	width:344px;
}

.errorbox {
	background:#eeebc3;
	color:red;
	margin:10px 110px 0 0;
	padding:20px;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
}

#floorplan {
	float:left;
	margin-bottom:10px;
	width:326px;
}

#floorplate {
	color:#999;
	float:left;
	height:130px;
	width:280px;
}
#floorplate .pad {
	padding:20px 0 0 45px;
}
#floorplate_header {
	width:600px;
}
#floorplate_small_nav {
	width:220px;
}
#foot {
	background:url(/img/foot_bg.png) left top repeat-x;
	color:#ccc;
	font-size:0.8em;
	padding:30px 0 80px 0;
}
#foot .pad {
	margin:0 auto;
	text-align:left;
	width:920px;
}
#foot_right {
	float:right;
	padding-right:20px;
}
.footlogo {
	margin-left:20px;
}
.footnav {
	float:right;
	padding:8px 10px 0 0;
}

#generalfloorplan {
	float:left;
	width:604px;
}
#generalfloorplan_bottom {
	background:url(/img/eighth_avenue.png) 45% top no-repeat;
	height:30px;
}
#generalfloorplan_left {
	background:url(/img/w_53rd_st.png) top left no-repeat;
	float:left;
	height:237px;
	margin-left:-30px;
	width:30px;
}
#generalfloorplan_right {
	background:url(/img/w_54th_st.png) top left no-repeat;
	float:left;
	height:237px;
	width:30px;
}

#head {
	background:#ddd url(/img/head_bg.jpg) center top repeat-x;
	border-bottom:10px solid #fff;
	margin:0;
	padding:0 0 0 0;
	position:relative;
}

#head_pad {
	height:90px;
	margin:0 auto;
	position:relative;
	width:960px;
}

#model_links {
	font-size:0.8em;
	margin:20px 0 8px 0;
}
#model_links_title {
	float:left;
	padding-top:5px;
}


#nav {
	padding:0;
	text-align:center;
	width:100%;
}
#nav div {
	margin:0 auto;
	overflow: hidden;
	padding:0;
	width:900px;
}

#page {
	background:url(/img/columnr_bg.png) 50% 0 repeat-y;
	border-bottom:10px solid #fff;
	min-width:960px;
	text-align:center;
}
body.contact #page {
	background:url(/img/columnr_contact_bg.png) 50% 0 repeat-y;
}
body.floorplate #page {
	background:url(/img/columnr_contact_bg.png) 50% 0 repeat-y;
}
body.home #page {
	background:url(/img/columnl_bg.png) 50% 0 repeat-y;
}
#page_btm {
	background:url(/img/columnr_btm_bg.png) 50% bottom repeat-x;
	min-width:960px;
	text-align:center;
}
body.contact #page_btm {
	background:url(/img/columnr_contact_btm_bg.png) 50% bottom repeat-x;
}
body.floorplate #page_btm {
		background:url(/img/columnr_contact_btm_bg.png) 50% bottom repeat-x;
}
body.home #page_btm {
	background:url(/img/columnl_btm_bg.png) 50% bottom repeat-x;
}

.page_pad {
	margin:0 auto;
	padding:0;
	text-align:left;
	width:960px;
}
#page_top {
	background:url(/img/columnr_top_bg.png) 50% top repeat-x;
	min-width:960px;
	text-align:center;
}
body.contact #page_top {
	background:url(/img/columnr_contact_top_bg.png) 50% top repeat-x;
}
body.floorplate #page_top {
	background:url(/img/columnr_contact_top_bg.png) 50% top repeat-x;
}
body.home #page_top {
	background:url(/img/columnl_top_bg.png) 50% top repeat-x;
}
body.residence #page_top {
	background:url(/img/columnr_contact_top_bg.png) 50% top repeat-x;
}

div.rent {
	color:#3d79b4;
	float:left;
	font-weight:bold;
	text-align:right;
	width:140px;
}

#residence_header {
	background:url(/img/residence_header_bg.png) top left no-repeat;
	height:150px;
	position:relative;
}
#residence_title {
	float:left;
	width:312px;
}
#residence_title_pad {
	padding-left:50px;
}

#secondary_nav {
	background:url(/img/secondary_nav_bg.png) left top no-repeat;
	color:#ccc;
	margin:0;
	padding:12px 50px 18px 12px;
}

#slideshow {
	z-index:5;
}

body.contact .subcol {
	float:left;
	width:300px;
}

#supernav {
	position:absolute;
	left:0;
	text-align:center;
	top:0;
	width:100%;
}
#supernav .pad {
	margin:0 auto;
	padding:0;
	text-align:right;
	width:900px;
}
#supernav_spacer_for_ie {
	height:10px;
	width:100px;
}

#top_contact {
	color:#999;
	margin-bottom:12px;
}

#unavailable_sash {
	background:url(/img/unavailable_sash.png) right top no-repeat;
	height:125px;
	position:absolute;
	right:40px;
	top:0;
	width:118px;
}

#view {
	float:left;
	margin-bottom:10px;
	position:relative;
	width:354px;
}
#view_caption {
	background:url(/img/view_caption_bg.png) 50% top repeat;
	height:34px;
	left:0;
	top:252px;
	position:absolute;
	width:354px;
}

/* =Typography
----------------------------------------------- */

h1 {
	float:left;
	height:47px;
	left:20px;
	margin:0;
	padding:0;
	position:relative;
	text-align:left;
	top:40px;
	width:517px;
	z-index:50;
}

h2 {
	color:#3d79b4;
	font-size:1.4em;
	font-weight:lighter;
	letter-spacing:-0.5px;
	margin:18px 0 6px 0;
}
#residence_title h2 {
	font-size:2em;
	margin:35px 0 10px 0;
}
h2.available_residences {
	padding:0 10px 0 0;
}

h3 {
	margin:14px 0 6px 0;
}
#residence_title h3 {
	font-size:1.5em;
	font-weight:lighter;
}
h3.accordion_toggle {
	background:#fff url(/img/accordion_toggle_bg.png) left 50% no-repeat;
	color:#fff;
	font-size:1em;
	padding:12px 8px 12px 10px;
}
body.floorplate h3 {
	color:#999;
	font-size:1.2em;
	font-weight:normal;
	margin:24px 0 12px 0;
}

body.plans .columnl h4 {
	color:#3d79b4;
	float:left;
	width:50px;
}

p {
	color:#888;
	font-size:0.9em;
	line-height:1.4em;
}
body.contact .columnl p {
	font-size:1.2em;
	line-height:1.2em;
}
body.home .columnr p {
	margin:0;
}
body.interiors .columnl p {
	margin-bottom:1em;
}
#view_caption p {
	color:#000;
	font-weight:bold;
	padding:6px 20px 0 20px;
	text-align:center;
	text-shadow: #fff 0 0 5px;
}
p.contact_number {
	font-size:1.8em;
}
p.floorplate_key {
	color:#999;
	font-size:1.2em;
	margin:20px 0;
}
p.huge_question {
	color:#f4f4f4;
	font-size:12em;
	text-align:center;
}
p.incentive {
	font-size:1.4em;
	margin:0 0 0 10px;	
}
p.rent {
	font-size:1.8em;
	margin:10px 0 4px 10px;
}
p.residence_notes {
	font-size:1em;
	margin:10px 20px 0 10px;
}
.required {
	color:red;
	font-weight:bolder;
}
.subtle {
	color:#ccc;
}
h3.accordion_toggle .subtle {
	color:#aebed0;
}

/* =List Elements
----------------------------------------------- */

ul {
	margin:10px 0 0 1em;
}
ul li {
	color:#888;
	font-size:0.9em;
	margin-bottom:5px;
}
body.residence .columnr ul li {
	font-size:1em;
	margin-bottom:0.5em;
}

ul.button, ul.button_rounded {
	display:inline;
	list-style:none;
	margin-bottom:20px;
	overflow:auto;
	width:100%;
}
#supernav ul {
	clear:both;
	float:right;
	list-style: none;
	margin:0;
	padding:0;
	text-align:left;
	width:129px;
}
#supernav ul li {
	float:left;
	margin:0;
	position:relative;
}
#supernav ul li ul {
  background:#f0f0f0;
  border:2px solid #ccc;
  display: none;
  float:none;
  position: absolute; 
  top: 29px; /* IE 6 position fix */
  left: 0;
	width:124px;
	z-index:49;
	-moz-border-radius: 0 0 10px 10px; 
	-webkit-border-radius: 0 0 6px 6px;
	filter:alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.85;
  }
	#supernav ul li > ul { /* Reset position for real browsers */
	top: 29px;
	left: 0;
	}
#supernav ul li ul li {
	border-top:1px solid #ccc;
	width:100%;
}

#supernav ul li:hover ul, #supernav ul li.over ul {
  display: block;
  }

ul.button_rounded li {
	background:url(/img/btn_rounded_l.png) center left no-repeat;
	float:left;
	font-size:0.8em;
}

body.residence .columnr ul.button li {
	background:url("/img/btn_l.gif") center left no-repeat;
	float:left;
	font-size:0.9em;
}
#supernav ul.button li {
	background:url("/img/supernav_btn_l.gif") center left no-repeat;
	float:right;
	font-size:0.9em;
}

#nav ul {
	float:right;
	list-style:none;
	margin:0 auto;
	overflow: hidden;
	padding:0;
	width:100%;
	}
#nav ul li {
	background:url(/img/tab_l.png) 0px -50px no-repeat;
	display:inline;
	float:right;
	font-size:0.9em;
	margin:0 0 0 3px;
	padding:0;
	text-align:left;
	}

ul.nav_secondary {
	font-size:1.2em;
	list-style:none;
	margin:10px 0 20px 0;
}
ul.nav_secondary li {
	border-top:1px solid #ddd;
	margin:0;
}


/* =Form Elements
----------------------------------------------- */

input#first_name,
input#last_name,
input#email,
input#address_1,
input#address_2,
input#zip,
input#phone,
input#occupancy_date,
input#other_referral {
	background:#eff3f7;
	border-top:2px solid #e2e8ef;
	border-right:2px solid #e2e8ef;
	border-bottom:2px solid #e2e8ef;
	border-left:2px solid #e2e8ef;
	font-size:1.2em;
	padding:2px;
	width:240px;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
}

input#address_1,
input#address_2 {
	margin-bottom:4px;
}

input#city {
	background:#eff3f7;
	border-top:2px solid #e2e8ef;
	border-right:2px solid #e2e8ef;
	border-bottom:2px solid #e2e8ef;
	border-left:2px solid #e2e8ef;
	font-size:1.2em;
	padding:2px;
	width:140px;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
}
input#state {
	background:#eff3f7;
	border-top:2px solid #e2e8ef;
	border-right:2px solid #e2e8ef;
	border-bottom:2px solid #e2e8ef;
	border-left:2px solid #e2e8ef;
	font-size:1.2em;
	padding:2px;
	width:90px;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
}

label {
	color:#888;
	display:block;
	font-size:0.9em;
	margin:5px 0 2px 0;
}
label.inline {
	display:inline;
}

select {
	background:#eff3f7;
	border:2px solid #e2e8ef;
	padding:2px;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
}

textarea#comments {
	background:#eff3f7;
	border-top:2px solid #e2e8ef;
	border-right:2px solid #e2e8ef;
	border-bottom:2px solid #e2e8ef;
	border-left:2px solid #e2e8ef;
	font-family:"Helvetica Neue",arial,helvetica,sans-serif;
	font-size:1.2em;
	height:160px;
	padding:2px;
	width:240px;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
}

input:focus, select:focus, textarea:focus {
	outline-size:3px;
	outline-color:#00a8ff;
}

/* =Table Elements
----------------------------------------------- */

table {
	border-collapse:collapse;
}
table.availabilities {
	width:600px;
}
table.availabilities td {
	line-height:1.2em;
	padding:4px 12px 4px 0;
}
table.availabilities td.bedbath {
	color:#999;
}
table.availabilities td.details {
	text-align:right;
}
table.availabilities td.features {
	color:#999;
	padding-top:12px;
	vertical-align:top;
}
table.availabilities td.floorplan_thumb {
	width:92px;
}
table.availabilities td.rent {
	color:#666;
	text-align:right;
}
table.availabilities td.residence {
	color:#666;
	padding-top:12px;
	vertical-align:top;
	width:140px;
}
table.availabilities tr {
	border-top:1px dotted #ccc;
}
table.availabilities tr.zebra {
	background:#f1f1f1;
	border-top:1px solid #eee;
}

/* =Linkage
----------------------------------------------- */

a:link { color:#58a2ec; text-decoration:none; }
a:visited { color:#58a2ec; text-decoration:none; }
a:hover { color:#3d79b4; text-decoration:none; }
a:active { color:#036; text-decoration:none; }

a.button { border:1px solid #999; display:block; float:left; margin-right:5px; padding:6px 12px 4px 12px;  -moz-border-radius: 6px; -webkit-border-radius: 6px;  }
a.button:link { background:#ccc; color:#fff; }
a.button:visited { background:#ccc; color:#fff; }
a.button:hover { background:#aaa; color:#fff; }
a.button:active { background:#369; border:1px solid #369; color:#fff;}

ul.button li a { background:url(/img/btn_r.gif) center right no-repeat; display:block; padding:12px 16px 12px 16px; }
ul.button li a:link { color:#888; text-decoration:none;  }
ul.button li a:visited { color:#888; text-decoration:none; }
ul.button li a:hover { color:#3d79b4; text-decoration:none;  }
ul.button li a:active { color:#036; text-decoration:none; text-shadow:#69a 0 0 5px; }

ul.button_rounded li a { background:url(/img/btn_rounded_r.png) center right no-repeat; display:block; padding:12px 16px 12px 16px; }
ul.button_rounded li a:link { color:#666; text-decoration:none; text-shadow:none;  }
ul.button_rounded li a:visited { color:#666; text-decoration:none; text-shadow:none;  }
ul.button_rounded li a:hover { color:#3d79b4; text-decoration:none; text-shadow:none; }
ul.button_rounded li a:active { color:#036; text-decoration:none; text-shadow:#69a 0 0 5px; }

table.availabilities td.residence a { font-size:1.2em; }

a.floorplate_link { display:block; float:left; margin:0; }
a.floorplate_link:link { background:#eee; }
a.floorplate_link:visited { background:#eee; }
a.floorplate_link:hover { background:#fafafa; }
a.floorplate_link:active { background:#fff; }

a.floorplate_link_available { display:block; float:left; margin:0; }
a.floorplate_link_available:link { background:#ebf5ff; }
a.floorplate_link_available:visited { background:#ebf5ff; }
a.floorplate_link_available:hover { background:#f5fafe; }
a.floorplate_link_available:active { background:#fff; }

#floorplate a.floorplate_link_active { display:block; float:left; margin:0; }
#floorplate a.floorplate_link_active:link { background:#555 url(/img/floorplate_on_bg.png) 50% 50% repeat-x; }
#floorplate a.floorplate_link_active:visited { background:#555 url(/img/floorplate_on_bg.png) 50% 50% repeat-x; }
#floorplate a.floorplate_link_active:hover { background:#555 url(/img/floorplate_on_bg.png) 50% 50% repeat-x; }
#floorplate a.floorplate_link_active:active { background:#555 url(/img/floorplate_on_bg.png) 50% 50% repeat-x; }

.footnav a { padding:2px 4px;  }
.footnav a:link { color:#999; text-decoration:none;  }
.footnav a:visited { color:#999; text-decoration:none; }
.footnav a:hover { color:#3d79b4; text-decoration:none;  }
.footnav a:active { color:#036; text-decoration:none; text-shadow:#69a 0 0 5px; }

#model_links a { border:1px solid #ccc; display:block; float:left; font-weight:bold; margin-right:3px; padding:4px 3px 2px 3px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#model_links a:link { background:#ccc; color:#fff; }
#model_links a:visited { background:#ccc; color:#fff; }
#model_links a:hover { background:#e7eef3; color:#369; }
#model_links a:active { border:1px solid #369; background:#369; color:#fff; }

#nav a { background:url(/img/tab_r.png) right -50px no-repeat; border-bottom:none; display:block; padding:12px 14px 10px 14px; }
#nav a:link { color:#444; text-decoration:none;  }
#nav a:visited { color:#444; text-decoration:none; }
#nav a:hover { color:#3d79b4; text-decoration:none;  }
#nav a:active { color:#036; text-decoration:none; text-shadow:#69a 0 0 5px; }

ul.nav_secondary a { display:block; padding:6px 3px; }
ul.nav_secondary a:link { color:#999; text-decoration:none;  }
ul.nav_secondary a:visited { color:#999; text-decoration:none; }
ul.nav_secondary a:hover { background:#f4f7f9; color:#3d79b4; text-decoration:none;  }
ul.nav_secondary a:active { background:#e7eef3; color:#036; text-decoration:none; text-shadow:#69a 0 0 5px; }

#supernav #top_contact a:link { color:#369; }
#supernav #top_contact a:visited { color:#369; }
#supernav #top_contact a:hover { color:#369; }
#supernav #top_contact a:active { color:#369; }

#supernav ul li ul li a { display:block; padding:8px; text-decoration:none; }
#supernav ul li ul li a:link { color:#888; }
#supernav ul li ul li a:visited { color:#888; }
#supernav ul li ul li a:hover { background:#fff; color:#3d79b4; }
#supernav ul li ul li a:active { background:#e7eef3; color:#036; text-shadow:#69a 0 0 5px; }

#supernav ul li ul li a.bottom {
	-moz-border-radius: 0 0 10px 10px; 
	-webkit-border-radius: 0 0 10px 10px;
}

a.swatch_link { padding:2px; }

/* =You Are Here
----------------------------------------------- */

body.home #nav li.li1,
body.interiors #nav li.li2, 
body.amenities #nav li.li3,
body.location #nav li.li4,
body.plans #nav li.li5, body.floorplate #nav li.li5, body.residence #nav li.li5,
body.photos #nav li.li6,
body.contact #nav li.li7
{
	background:url(../img/tab_l.png) 0 0 no-repeat;
}

body.home #nav li.li1 a,
body.interiors #nav li.li2 a, 
body.amenities #nav li.li3 a,
body.location #nav li.li4 a, 
body.plans #nav li.li5 a, body.floorplate #nav li.li5 a, body.residence #nav li.li5 a,
body.photos #nav li.li6 a,
body.contact #nav li.li7 a
{
	background:url(/img/tab_r.png) right top no-repeat;
	color:#000;
}

.nav_secondary li.current a {
	background:#f4f7f9;
	color:#333;
	font-weight:bold;
}

#model_links a.current {
	background:#369;
	border:1px solid #369;
	color:#fff;
}

/* =Images
----------------------------------------------- */

img {
	border:none;
}

.columnr img {
	float:left;
	margin:0 8px 0 0;
}
.columnr img.top {
	margin-bottom:8px;
}
img#contact_img {
	margin:12px 0;
}
img.email_btn {
	clear:both;
	float:right;
}
img.floorplate_btn {
	border:none;
	float:none;
	margin:0;
	padding:0;
}

a.img_link img {
	border:none;
}

img.residence_bathroom {
	margin:10px 0 0 10px;
}
img.residence_kitchen {
	margin:10px 0 0 0;
}

img.icon {
	vertical-align:bottom;
}

/* =Global Floats
----------------------------------------------- */
.floatl { float:left; }
.floatr { float:right; }

/* =Hacks
----------------------------------------------- */

/* Clear floats */
.clear {
	display:block; 
	clear:both; 
	height:0;
	margin:0; 
	padding:0; 
	visibility:hidden; 
	}

/* Fix IE list whitespace bug */
* html ul li a {
ÊÊÊheight:1em;
}

/* Fix IE's lack of PNG transparency support */
#available_sash, 
#floorplan_caption, 
#generalfloorplan_bottom,
#generalfloorplan_left,
#generalfloorplan_right,
.floorplate_btn,
#foot img, 
h1,
.transparent,
#unavailable_sash, 
#view_caption
{ behavior: url(/js/iepngfix.htc); }

/* =Lightbox
----------------------------------------------- */


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; 	-moz-border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left; background:url(../img/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink { right: 0; float: right; background:url(../img/lightbox/nextlabel.gif) right 15% no-repeat; }
#prevLink:hover, #prevLink:visited:hover { background: url(../img/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 0.8em Verdana, Arial , Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; -moz-border-radius: 0 0 8px 8px; -webkit-border-radius: 0 0 8px 8px;}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 70px; float: right;  padding-bottom: 1em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* =Dropdown
----------------------------------------------- */