/* 
	CSS Document
	Author:		Jeffrey Barke
	Title:		SL Green microsite default screen styles
	Version:	12 May 2008
	License:	This style sheet and all imported style sheets are licensed
				under a Creative Commons Attribution-ShareAlike 3.0 License.

	http://creativecommons.org/licenses/by-sa/3.0/us/

	Licensor contact: jeffrey.barke@themechanism.com
*/

/* general structure
------------------------------------------------------------------*/
body {
	background-color: #fff;
	margin: 0;
	text-align: center;
}
#pageFrame {
	background: url(../images/backgrounds/bg_frame_l.gif) top left repeat-y;
	margin: 0 auto;
	position: relative;
	min-width: 750px;
	max-width: 1051px;
}
#wrapOuter { background: url(../images/backgrounds/bg_frame_r.gif) top right repeat-y; }
#wrapInner {
	background: url(../images/backgrounds/bg_content.jpg) bottom left repeat-x;
	margin: 0 18px;
	text-align: left;
}

/* general typography
------------------------------------------------------------------*/
abbr, acronym {
	border: none;
	cursor: help;
}
body {
	color: #2f1100;
	font: normal small Helvetica, Arial, sans-serif;
}

/* links
------------------------------------------------------------------*/
a:visited {
	color: #10385c;
	text-decoration: underline;
}
a:hover {
	color: #10385c;
	text-decoration: none;

}
a:active {
	color: #10385c;
	text-decoration: underline;
}
a:focus { outline: none; }
a {
	color: #10385c;
	text-decoration: underline;
}

/* tables
------------------------------------------------------------------*/
td.cell-center { text-align: center; }
td.cell-number { text-align: right; }
tr.row-alt { background-color: #fafafa; }
table {
	display: table;
	border-collapse: collapse;
	font-size: 90%;
	width: 100%;
}
table.table-data th {
	padding: 0 5px 7px 5x;
	text-align: center;
}
table.table-data th, table.table-data th a {
	color: #ba5915;
	font-weight: bold;
}
table.table-data th.selectsort, table.table-data th a.selectsort { color: #00386c; }
table.table-data td {
	border-bottom: 1px solid #ccc;
	line-height: 1.2em;
	padding: 5px 7px;
	vertical-align: top;
}
table.table-data td a img { border: none; }

table.table-specs th, table.table-specs td {
	font-size: 110%;
	font-weight: normal;
	line-height: 1.5em;
	padding: 0.25em 0;
	vertical-align: top;
}
table.table-specs th {
	color: #000;
	text-align: left;
	padding-left: 10px;
	width: 100px;
}
table.table-specs td {
	color: #706f74;
	padding-left: 20px;
}
table.table-specs th.spec-header, table.table-specs td.spec-header {
	background-color: #666;
	color: #fff;
}
table.table-specs td.table-cell {
	padding-left: 10px;
	padding-top: 0;
}
table.table-specs td.table-cell th {
	width: 80px;
}
table.table-specs .floor-last { border-bottom: 1px solid #666; } 
table.table-specs .alt { background-color: #fafafa; }
/*table.table-list td {
	font-size: 110%;
	text-align: left;
	vertical0-align: top;
	width: 33%;
	line-height: 1.3em;
}*/

/* forms
------------------------------------------------------------------*/
input:focus { outline: none; }
form { padding-bottom: 1em }
#frmContact { border-bottom: 1px solid #ba5915; }
form fieldset {
	border: 0;
	margin: 0 0 10px 0;
	padding: 0;
}
form fieldset legend { display: none; }
form fieldset ol {
	margin: 0;
	padding: 0;
}
form fieldset li {
	list-style-type: none;
	padding: 11px 0;
}
form fieldset li.alt { background-color: #fafafa; }
form label {
	color: #333;
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	width: 160px;
}
label, x:-moz-any-link { display: -moz-inline-box; }
form label.required em, span.required { color: #ca023b; }
.input { border: 1px solid #ccc; }
input.input { 
	padding: .3em;
	width: 180px; 
}
select.input {
	height: 25px;
	min-width: 187px;
	width: auto;
}
textarea.input {
	padding: .3em;
	height: 75px;
	width: 400px;
}
p.button-set { margin-left: 164px; }
p#failure em {
	background-color: #fafafa;
	border: 1px solid #10385c;
	color: #ff0000;
	display: block;
	font-style: normal;
	padding: 0.5em;
}
em.msgError {
	color: #ff0000;
	display: block;
	font-size: 85%;
	font-style: normal;
	margin-left: 164px;
	margin-top: 0.3em;
}

/* buttons
------------------------------------------------------------------*/
#controls-top .button {
	display: block;
	height: 28px;
	margin: 0;
	padding: 0;
	position: absolute;
	text-indent: -9999em;
	top: 47px;
}
#btnCreateProfile:hover { background-position: -230px 0; }
#btnCreateProfile:hover { background-position: -115px 0; }
#btnCreateProfile {
	background: url(/images/buttons/createprofile.png) 0 0 no-repeat;
	right: 70px;
	width: 115px;
}
#btnLogin:hover { background-position: -55px 0; }
#btnLogin:active { background-position: -110px 0; }
#btnLogin {
	background: url(/images/buttons/login.png) 0 0 no-repeat;
	right: 10px;
	width: 55px;
}
#btnLogout:hover { background-position: -55px 0; }
#btnLogout:active { background-position: -110px 0; }
#btnLogout {
	background: url(/images/buttons/logout.png) 0 0 no-repeat;
	right: 10px;
	width: 55px;
}
#btnMyAccount:hover { background-position: -115px 0; }
#btnMyAccount:active { background-position: -230px 0; }
#btnMyAccount {
	background: url(/images/buttons/myaccount.png) 0 0 no-repeat;
	right: 70px;
	width: 115px;
}
.button {
	display: block;
	height: 29px;
	text-indent: -9999em;
}
.btnLogin:hover { background-position: -110px 0; }
.btnLogin:active { background-position: -55px 0; }
.btnLogin {
	background: url(../images/buttons/login.png) top left no-repeat;
	width: 55px;
}
.btnSend:hover { background-position: -110px 0; }
.btnSend:active { background-position: -55px 0; }
.btnSend {
	background: url(../images/buttons/send.png) top left no-repeat;
	width: 55px;
}

/* page header
------------------------------------------------------------------*/
#pageHead {
	background-color: #fafafa;
	margin: 0 30px;
	padding-bottom: 23px;
	position: relative;
}
#pageHead .wrap {
	background: #fff top left no-repeat;
	border-bottom: 5px solid #000;
	height: 152px;
}
#logo {
	display: inline;
	margin: 0;
	padding: 0;
}
#logo a {
	background: url(../../../images/bldg-logo.gif) top left no-repeat;
	display: block;
	height: 56px;
	left: 0;
	position: absolute;
	top: 0;
	text-indent: -9999em;
	width: 400px;
}

/* hero space
------------------------------------------------------------------*/
.homepage #herospace {
	background: url(/images/bg-homepage.jpg) center top no-repeat;
	height: 576px;
	border-bottom: 4px solid black;
	margin: 0;
}
.homepage #herospace h1 {
	background: url(../../../images/bldg-logo-2.gif) top left no-repeat;
	height: 82px;
	left: 0;
	margin-top: 0;
	position: relative;
	text-indent: -9999em;
	top: 120px;
	width: 422px;
}
.homepage #herospace p { text-indent: -9999em; }
.homepage #herospace img { border: 0; }

/* top nav
------------------------------------------------------------------*/
#topnav {
	list-style-type: none;
	left: -363px;
	margin: 0 0 0 50%;
	padding: 0;
	position: absolute;
	top: 96px;
	width: 726px;
	z-index: 100;
}
.homepage #topnav {
	left: auto;
	margin: 0 auto;
	position: relative;
	right: auto;
	text-align: center;
	top: 517px;
}
#topnav li {
	float: left;
	margin: 0;
	padding: 0;
	width: 121px;
}
#topnav a {
	background: url(../images/nav.png) no-repeat;
	display: block;
	height: 70px;
	text-indent: -9999em;
}
a#nav_avail:hover { background-position: 0 -70px; }
a#nav_avail.selected { background-position: 0 0; }
a#nav_avail { background-position: 0 -140px; }

a#nav_dev:hover { background-position: -121px -70px; }
a#nav_dev.selected { background-position: -121px 0; }
a#nav_dev { background-position: -121px -140px; }

a#nav_amen:hover { background-position: -242px -70px; }
a#nav_amen.selected { background-position: -242px 0; }
a#nav_amen { background-position: -242px -140px; }

a#nav_loc:hover { background-position: -363px -70px; }
a#nav_loc.selected { background-position: -363px 0; }
a#nav_loc { background-position: -363px -140px; }

a#nav_photo:hover { background-position: -484px -70px; }
a#nav_photo.selected { background-position: -484px 0; }
a#nav_photo { background-position: -484px -140px; }

a#nav_contact:hover { background-position: -605px -70px; }
a#nav_contact.selected { background-position: -605px 0; }
a#nav_contact { background-position: -605px -140px; }

/* page body, col1
------------------------------------------------------------------*/
#pageBody {
	background-color: #fafafa;
	margin: 0 30px;
	position: relative;
}

#breadcrumbs {
	background-color: #ba5915;
	list-style-type: none;
	margin: 0;
	min-height: 20px;
	padding: 0;
	z-index: 0;
}
#breadcrumbs li {
	float: left;
	margin: 0 0 25px 0;
	padding: 4px 1px 4px 4px;
	color: #fff;
	font-size: 87%;
	line-height: 16px;
}
#breadcrumbs li a {
	color: #fff;
	text-decoration: none;
}
#breadcrumbs li.current { color: #ffffcc; }

#col1 {
	background-color: #fff;
	border-right: 1px solid #ba5915;
	min-height: 700px;
	position: relative;
	width: 73%;
	z-index: 100;
}
#col1 div.wrap { padding-right: 32px; }
#col1 h1, #col1 h2 { text-transform: uppercase; }
#col1 h3 { font-weight: bold; }
#col1 h1 {
	clear: left;
	margin: 0 0 1.5em 0;
	font-size: 150%;
	font-weight: normal;
}
#col1 h2 {
	font-size: 130%;
	color: #743e21;
/*	font-weight: normal;
	letter-spacing: 0.1em; */
	margin-top: 2em;
	margin-bottom: 1.5em;
}
#col1 h3 {
	font-size: 120%;
	margin-top: 2em;
	margin-bottom: 1.5em;
}
#col1 p, #col1 ul, #col1 ol {
	color: #333;
	line-height: 1.5em;
}
#col1 p.first { clear: left; }
#col1 h2 span.pdf {
	background: url(../../../images/icons/pdf_icon.gif) center left no-repeat;
	font-size: 80%;
	font-weight: normal;
	letter-spacing: normal;
	padding: 3px 0 3px 20px;
	text-transform: lowercase;
}
#news {
	border-top: 1px solid #0a375e;
	margin-top: 30px;
}

/* news
------------------------------------------------------------------*/
#news .news {
	margin-bottom: 2em;
	border-bottom: 1px solid #e4e4e4;
	}
	
#col1 h2.newsTitle, #col1 h3.newsTitle {
	font-size: 105%;
	margin-bottom: 0;
	text-transform: none;
}
#col1 p.newsPost {
	color: #777;
	margin: 0;
}
.newsTags {
	font-size: 90%;
	margin: 0;
}
.newsTags a, .newsTags a:visited { text-decoration: none; }
.newsTags a:hover, .newsTags a:active { text-decoration: underline; }
.newsTags a:active { text-decoration: none; }
.newsMeta { font-size: 80%; }

/* lists
------------------------------------------------------------------*/
.li-amenities {
	list-style-type: none;
	line-height: 1.5em;
	margin: 1.5em 0 0 0;
	padding: 0;
}
.li-info, .li-people {
	background: transparent 0 3px no-repeat;
	clear: left;
	margin: 0 0 1.5em 0;
	padding-left: 20px;
}
.li-info { background-image: url(../images/icons/information.gif) }
.li-people { background-image: url(../images/icons/people.gif); }
.li-info ul, .li-people ul {
	clear: left;
	list-style-type: none;
	margin: 0 20px 0 0;
	padding: 0;
}
.li-info ul li, .li-people ul li {
	color: #706f74;
	display: inline;
	padding: 0;
}
#sitemap {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}
#sitemap li {
	margin-left: 0;
	padding-left: 0;
}
#sitemap li a {
	color: #333;
	text-decoration: none;
}
#sitemap li a:hover {
	color: #10385c;
	text-decoration: underline;
}
ul.tri {
	float: left;
	list-style-type: none;
	margin-right: 2%;
	width: 30%;
}
ul.tri, ul.tri li {
	margin-left: 0;
	padding-left: 0;
	padding-right: 0;
}
ul.tri li {
	line-height: 1.2em;
	margin-bottom: 0.5em;
	padding-left: 12px;
	text-indent: -12px;
}
.listcol2 { margin-left: 32%; }
.listcol3 { margin-left: 64%; }

/* map
------------------------------------------------------------------*/
#mapFrame { position: relative; }
#map {
	border: 1px solid #0a375e;
	height: 405px;
}
#tooltip {
	position: absolute;
	z-index: 500;
}
#toolTipPointer {
	background: url(/images/icons/maps/toolTipBg_bottom.png) bottom left no-repeat;
	padding-bottom: 24px;
	position: absolute;
	width: 402px;
	z-index: 700;
}
#toolTipFrame {
	background: #fff;
	border-left: 1px solid #00386c;
	border-right: 1px solid #00386c;
	border-top: 1px solid #00386c;
	left: 0;
	margin: 0 3px 3px 0;
	padding: 0;
	position: relative;
	top: 0;
	width: 400px;
}
#tooltip_inner {
	margin: 0;
	min-height: 100px;
	padding: 7px;
}
#tooltip_image {
	float: left;
	height: 100px;
	margin: 0 10px 7px 0;
	overflow: hidden;
	width: 160px;
}
#tooltip_inner img { border: none; }
#tooltip_inner p {
	line-height: 1.15em;
	margin: 0 0 1em 65px;
	padding: 0;
}
#tooltip_inner p.first {
	clear: none;
	margin-top: 10px;
}
#tooltip_inner p strong { 
	color: #00386c; 
	font-size: 110%;
	font-weight: normal;
	text-transform: uppercase;
}

/* slideshow
------------------------------------------------------------------*/
#slideshow .slideshow-control {
	clear: right;
	float: right;
}
#slideshow .controls { margin-top: 10px; }
#slideshow h3 {
	background-color: #000;
	color: #fff;
	font-weight: normal;
	font-size: 80%;
	margin-top: 0;
	padding: 5px;
	text-transform: uppercase;
	width: 163px;
}
#slideshow ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 173px;
}
#slideshow ul li {
	float: left;
	margin: 0 8px 8px 0;
	padding: 0;
}
#slideshow ul li a img { border: 2px solid #438eb9; }
#slideshow ul li.selected a img { border: 2px solid #ff0000; }
#slideshow ul li a:hover img { border: 2px solid #fff; }
#slideshow #slideshow-canvas {
	height: 390px;
/*	margin-right: 216px; */
	margin-right: 196px;
	position: relative;
}
#slideshow-back, #slideshow-forward {
	height: 390px;
	position: absolute;
	cursor: pointer;
	cursor: hand;
	top: 0;
	width: 50%;
}
#slideshow-back { left: 0; }
#slideshow-forward { right: 0; }
#ss-carousel { height: 44px; }
#ss-carousel .carousel-back, #ss-carousel .carousel-forward {
	display: block;
	height: 44px;
	text-indent: -9999em;
	width: 40px;
}
#ss-carousel .carousel-back {
	background: url(../images/icons/ss-left.gif) center left no-repeat;
	float: left;
}
#ss-carousel .carousel-forward {
	background: url(../images/icons/ss-right.gif) center right no-repeat;
	float: right;
}
#ss-carousel .carousel {
	height: 44px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	width: 350px;
}
#ss-carousel ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
}
#ss-carousel li {
	float: left;
	margin-right: 10px;
}
#ss-carousel li a img {
	border: 2px solid #10385c;
	text-decoration: none;
}
#slideshow2 #canvas {
	background-color: #a64b0a;
	border: 6px solid #a64b0a;
	height: 380px;
	margin-top: 16px;
	position: relative;
	text-align: left;
}
#slideshow2 #canvas div {
	background: #ba5915 center center no-repeat;
	background-image: url(../../../images/icons/loading2.gif);
	height: 380px;
	position: absolute;
	width: 100%;
}
#controls {
	background-color: #eae7e5;
	line-height: 2.5em;
	margin-top: 2px;
	min-height: 20px;
height: 20px;
	padding: 7px 10px;
	position: relative;
}
#caption { color: #10385c; }
#ss-buttons {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
}
#ss-buttons a {
	display: block;
	float: left;
	height: 34px;
	margin-right: 7px;
	text-indent: -9999em;
}
#ss-back {
	background: url(../images/icons/ss-back.gif) center center no-repeat;
	width: 13px;
}
#ss-next {
	background: url(../images/icons/ss-next.gif) center center no-repeat;
	width: 13px;
}
#ss-pause {
	background: url(../images/icons/ss-pause.gif) center center no-repeat;
	width: 8px;
}
#ss-play {
	background: url(../images/icons/ss-play.gif) center center no-repeat;
	width: 8px;
}

/* col2
------------------------------------------------------------------*/
#col2 {
	border-bottom: 1px solid #ba5915;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 27%;
	z-index: 0;
}
#col2 div {
	background: url(../images/backgrounds/bg_col2.gif) bottom left repeat-x;
	padding-bottom: 5px;
	clear: left;
}
#col2 h2 {
	color: #7a4120;
	font-size: 100%;
	margin: 20px 30px;
	text-transform: uppercase;
}

#utilities {
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
	width: 165px;
}
#utilities li { display: inline; }
#utilities .button {
	float: left;
	margin: 0 11px 14px 0;
	width: 33px;
}
#utilities li.last .button { margin-right: 0; }
#btnFavorites:hover, #btnSocial:hover, #btnAlerts:hover, #btnRss:hover { background-position: -33px 0; }
#btnFavorites:active, #btnSocial:active, #btnAlerts:active, #btnRss:active { background-position: -66px 0; }
a.favorite { background: url(../images/buttons/favorite.png) top left no-repeat; }
a.delete { background: url(../images/buttons/trash.png) top left no-repeat; }
#btnSocial { background: url(../images/buttons/bookmarklet.png) top left no-repeat; }
#btnAlerts { background: url(../images/buttons/alerts.png) top left no-repeat; }
#btnRss { background:url(../images/buttons/rss.png) top left no-repeat; }

.list_contacts {
	font-size: 90%;
	list-style-type: none;
	list-style-image: url(../images/icons/arrow-blue-right.gif);
	margin-top: 20px;
	margin-bottom: 28px;
}
.list_contacts li { line-height: 1.5em; }
.list_contacts li ul {
	margin-left: 0;
	padding-left: 1px;
}
.list_contacts li ul, .lists_contacts li ul li {
	list-style-image: none;
	list-style-type: none;
}
.list_contacts li ul li { line-height: 1.3em; }

#col2 div.bldg-image {
	padding-bottom: 3em;
}
#col2 div.bldg-image img {
	display: block;
	margin: 0 auto 2px auto;
}
#col2 div.bldg-image a {
	background-color: #ba5915;
	color: #fff;
	display: block;
	font-size: 90%;
	line-height: 1.75;
	margin: 0 auto;
	text-align: center;
	text-decoration: none;
	width: 160px;
}
#col2 div.bldg-image a:hover { background-color: #d07230; }

/* bottom nav
------------------------------------------------------------------*/
#bottomnav {
	font-size: 85%;
	height: 12px;
	list-style-type: none;
	margin: 0 30px;
	padding: 0;
}
#bottomnav li {
	float: left;
	margin: 0 1.5em 0 0;
	padding: 0;
}
.homepage #bottomnav { margin-top: 65px; }
.interior #bottomnav { margin-top: 137px; }
#bottomnav a:hover { text-decoration: underline; }
#bottomnav a { text-decoration: none; }

/* page footer
------------------------------------------------------------------*/
#pagefooter {
	clear: both;
	color: #3a1b08;
	margin: 10px 30px 0 30px;
	padding-bottom: 20px;
	position: relative;
}
#pagefooter-inner {
	border-top: 1px solid #ba5915;
	margin-right: 48%;
}
#copyright {
	font-size: 85%;
	height: 19px;
	line-height: 25px;
	margin-top: 5px;
}
#sitq {
	display: inline;
	height: 0;
	margin: 0;
}
#sitq span {
	background: url(../../../images/sitq-logo.png) center center no-repeat;
	display: block;
	height: 38px;
	position: absolute;
	right: 190px;
	text-indent: -9999em;
	top: -20px;
	width: 102px;
}
#homeLink {
	display: inline;
	height: 0;
	margin: 0;
}
#homeLink a {
	background: url(../../../images/sl-green-logo-with-tagline-810.gif) center center no-repeat;
	display: block;
	height: 67px;
	position: absolute;
	right: 120px;
	text-indent: -9999em;
	top: -32px;
	width: 170px;
}
#nyse-rebny {
	background: transparent url(../../../images/nyse-rebny.png) top left no-repeat;
	height: 38px;
	margin: 0;
	padding: 10px 0 0 0;
	position: absolute;
	right: 0;
	top: -12px;
	width: 102px;
}

/* clearfix
----------------------------------------------- */
.clearfix:after {
	clear: both; 
	content: '.'; 
	display: block; 
	height: 0; 
	visibility: hidden;
}
.clearfix { display: inline-block; }
/*Hide from IE Mac \*/
.clearfix { display: block; }
/*End hide from IE Mac */

/* safari rules--hacks are bad!
------------------------------------------------------------------*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari 3.0 and Opera 9 rules here */
	#col2 div.bldg-image {
		text-align: center;
	}
	#col2 div.bldg-image img {
		display: inline;
	}
}