/*-- Common Styles --*/

/* @copyright	Copyright (c) 2009 {@link http://www.abra.in Abra Technologies}

*  @license 		http://www.abra.in Abra Technologies Licence */

body {
	color:#414141;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;  /*-- Enables font size scaling in MSIE  --*/
	margin:0;
	padding:0;
	text-align:center;
	background:#121212;
	height:100%;
}
html > body {
	font-size:9.5pt;
}
	#top, #header h2, #selTopNavigation h2 {		/*-- Nomensa Method to hide the content --*/
		position:absolute;
		left:-999em;
		width:990em;
	}
	form, table, p, h1, h2, h3, h4, h5, h6, ul, li, div, dt, dl, dd {
		margin:0;
		padding:0;
		font-size:100%;
	}
	li {
		padding:0.2em 0;
		list-style:none;
	}
	a {
		color:#373636;
		text-decoration:underline;
		outline:none;
		cursor:pointer;
	}
	a:hover {
		text-decoration:none;
		color:#000;
	}
	img {
		border:0;
		vertical-align:middle;
	}
	.clsBodyContent {
		margin:0 auto;
		text-align:left;
		width:920px;
	}
/* style for header section starts here */
#header h1 {
	background:url(../images/screen_black/logo.png) no-repeat;
	width:96px;
	height:395px;
	position:absolute;
	margin:0 0 0 34px;
}
.clsInnerHeader #header h1 {
	background:url(../images/screen_black/loftlogo.gif) no-repeat;
	width:86px;
	height:140px;
	position:absolute;
	margin:1px 0 0 56px;
}
	#header h1 a, .clsInnerHeader #header h1 a {
		display:block;
		text-indent:-999em;
		width:96px;
		height:395px;
	}
	.clsInnerHeader #header h1 a {
		width:86px;
		height:140px;
	}
/* style for top navigation starts here */

#selTopNavigation ul, #footer ul {
	width:810px;
	margin:34px 0 0 0;
	padding:0 0 0 140px;
	background:#2B2B2B;
	overflow:hidden;
}
#footer ul {
	float:right;
	width:650px;
	background:none;
	padding:0;
	margin:0;
}
.clsDetailPage #selTopNavigation ul, .clsDetailPage #footer {
	display:none;
}
.clsDetailPage #main {
	margin:79px 0 0 0;
	padding:70px 0 0 40px;
}
.clsDetailPage .clsBodyContent {
	width:490px;
}
#selTopNavigation li, #footer li {
	float:left;
	padding:0;
	margin:0;
}
#footer li {
	float:right;
}
#selTopNavigation .clsPhotobooth a, #selTopNavigation .clsPartners a, #selTopNavigation .clsPress a, #selTopNavigation .clsParking a, #selTopNavigation .clsPhotoGallery a, #selTopNavigation .clsHaas a, #selTopNavigation .clsEventCalendar a, #footer .clsContactLink a, #footer .clsBlogLink a,#footer .clsDownloadsLink a,#footer .clsFacebookLink a,#footer .clsTwitterLink a{
	background:url(../images/screen_black/bg-polite.jpg) no-repeat 1px top;
	width:139px;
	height:45px;
}
#footer .clsDownloadsLink a{
	background:url(../images/screen_black/bg-download.jpg) no-repeat left top;
	width:121px;
	height:44px;
}
#footer .clsDownloadsLink a:hover{
	background:url(../images/screen_black/bg-download.jpg) no-repeat left bottom;
	height:44px;
}
#footer .clsFacebookLink a{
	background:url(../images/screen_black/bg-facebook.jpg) no-repeat left top;
	width:103px;
	height:44px;
}
#footer .clsFacebookLink a:hover{
	background:url(../images/screen_black/bg-facebook.jpg) no-repeat left bottom;
	height:44px;
}
#footer .clsTwitterLink a{
	background:url(../images/screen_black/bg-twitter.jpg) no-repeat left top;
	width:96px;
	height:44px;
}
#footer .clsTwitterLink a:hover{
	background:url(../images/screen_black/bg-twitter.jpg) no-repeat left bottom;
	height:44px;
}
#footer .clsContactLink a {
	background:url(../images/screen_black/bg-contactus.jpg) no-repeat left top;
	width:121px;
	height:44px;
}
#footer .clsContactLink a:hover {
	background:url(../images/screen_black/bg-contactus.jpg) no-repeat left bottom;
	height:44px;
}
#footer .clsBlogLink a {
	background:url(../images/screen_black/bg-blog.jpg) no-repeat left top;
	width:73px;
	height:44px;
}
#footer .clsVideoLink a:hover {
	background:url(../images/screen_black/bg-video.jpg) no-repeat left bottom;
}
#footer .clsVideoLink a {
	background:url(../images/screen_black/bg-video.jpg) no-repeat left top;
	width:115px;
	height:44px;
}
#footer .clsBlogLink a:hover {
	background:url(../images/screen_black/bg-blog.jpg) no-repeat left bottom;
}
#selTopNavigation .clsPhotobooth a:hover, #selTopNavigation .clsPhotobooth.clsActive a {
	background:url(../images/screen_black/bg-polite.jpg) no-repeat 1px bottom;
}
#selTopNavigation .clsPartners a {
	background:url(../images/screen_black/bg-partners.jpg) no-repeat 1px top;
	width:86px;
}
#selTopNavigation .clsPartners a:hover, #selTopNavigation .clsPartners.clsActive a {
	background:url(../images/screen_black/bg-partners.jpg) no-repeat 1px bottom;
	width:86px;
}
#selTopNavigation .clsPress a {
	background:url(../images/screen_black/bg-press.jpg) no-repeat 1px top;
	width:76px;
}
#selTopNavigation .clsPress a:hover, #selTopNavigation .clsPress.clsActive a {
	background:url(../images/screen_black/bg-press.jpg) no-repeat 1px bottom;
	width:76px;
}
#selTopNavigation .clsParking a {
	background:url(../images/screen_black/bg-parking.jpg) no-repeat 1px top;
	width:92px;
}
#selTopNavigation .clsParking a:hover, #selTopNavigation .clsParking.clsActive a {
	background:url(../images/screen_black/bg-parking.jpg) no-repeat 1px bottom;
	width:92px;
}
#selTopNavigation .clsPhotoGallery a {
	background:url(../images/screen_black/bg-photogallery.jpg) no-repeat 1px top;
	width:145px;
}
#selTopNavigation .clsPhotoGallery a:hover, #selTopNavigation .clsPhotoGallery.clsActive a {
	background:url(../images/screen_black/bg-photogallery.jpg) no-repeat 1px bottom;
	width:145px;
}
#selTopNavigation .clsEventCalendar a {
	background:url(../images/screen_black/bg-eventcalendar.jpg) no-repeat 1px top;
	width:151px;
}
#selTopNavigation .clsEventCalendar a:hover, #selTopNavigation .clsEventCalendar.clsActive a {
	background:url(../images/screen_black/bg-eventcalendar.jpg) no-repeat 1px bottom;
	width:151px;
}
#selTopNavigation .clsHaas a {
	background:url(../images/screen_black/bg-haas.jpg) no-repeat 1px top;
	width:130px;
}
#selTopNavigation .clsHaas a:hover {
	background:url(../images/screen_black/bg-haas.jpg) no-repeat 1px bottom;
	width:130px;
}
#selTopNavigation .clsVendors a {
	background:url(../images/screen_black/bg-vendors.jpg) no-repeat 1px top;
	width:92px;
	height:45px;
}
#selTopNavigation .clsVendors a:hover, #selTopNavigation .clsVendors.clsActive a  {
	background:url(../images/screen_black/bg-vendors.jpg) no-repeat 1px bottom;
	width:92px;
	height:45px;
}
#selTopNavigation li a, #footer li a {
	display:block;
	padding:0;
	text-decoration:none;
	color:#6D6D6D;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	text-indent:-999em;
	cursor:pointer;
}
/*#selTopNavigation li a:hover,#selTopNavigation .clsActive a,#footer li a:hover{

					background:#545454;

					color:#B7B5B6;

				}*/

/* style for top navigation ends here */

/* style for header section ends here */

/* clearfix starts here */

#selTopNavigation, .clsRoofTopBlueRoomKitchen, .clsPressImageDescription, .clsPentHouseCommon, .clsKitchen, .clsThanksApc, .clsPersonSchedule,.clsSkipIntro {
	overflow:hidden;
	width:100%;
}
/* clearfix ends here */

/* style for main section starts here */
#main {
	border:12px solid #CCC;
	min-height:10em;
	background:#FFF;
}
/* style for pent house and rooftop section starts here */
.clsPentHouseRoof {
	position:absolute;
	margin:-3.7em 0 0 0;
	width:320px;
}
* html .clsPentHouseRoof {
	margin:-3.7em 0 0 0;
}
.clsPentHouseRoof li {
	float:left;
	margin:0 2px 0 0;
}
.clsPentHouseRoof li a {
	display:block;
	text-indent:-999em;
}
.clsPentHouseRoof .clsPentHouse a, .clsPentHouseRoof .clsRoofTop a {
	background:url(../images/screen_black/bg-pentahouse.png) no-repeat;
	width:125px;
	height:45px;
}
.clsPentHouseRoof .clsDisable {
	display:none;
}
.clsPentHouseRoof .clsPentHouse a:hover {
	background:url(../images/screen_black/bg-pentahousehover.png) no-repeat;
}
.clsPentHouseRoof .clsRoofTop a {
	background:url(../images/screen_black/bg-rooftop.png) no-repeat;
}
.clsPentHouseRoof .clsRoofTop a:hover {
	background:url(../images/screen_black/bg-rooftophover.png) no-repeat;
}
.clsBlogCheckOut a{
	background:url(../images/screen_black/bg-blog.gif) no-repeat left top;
	width:287px;
	display:block;
	height:47px;
	text-indent:-999em;
}
.clsBlogCheckOut a:hover{
	background:url(../images/screen_black/bg-blog.gif) no-repeat left bottom;
}
/* style for pent house and roof top section ends here */

/* style for rooftop, blue room and roof top kitchen starts here */

.clsRoofTopContent, .clsBlueRoom, .clsRoofTopKitchen {
	float:left;
	width:270px;
	margin:15px 0 0 20px;
	padding:0 0 15px 0;
}
* html .clsRoofTopContent {
	margin:15px 0 0 10px;
}
.clsRoofTopBlueRoomKitchen h2 {
	font-size:12px;
	color:#6B696A;
	border-bottom:1px solid #CDC7C7;
	text-transform:uppercase;
	margin:0 0 10px 0;
	padding:0 0 5px 0;
}
.clsRoofTopBlueRoomKitchen p {
	color:#414141;
	font-size:11px;
}
.clsRoofTopBlueRoomKitchen {
	background:#EDE7E7;
}
/* style for rooftop, blue room and roof top kitchen ends here */

/* style for pent house content starts here */

.clsPentHouseContent, .clsEventPentHouseContent {
	padding:60px 20px 20px 45px;
}
.clsEventPentHouseContent {
	padding:60px 20px 20px 5px;
}
.clsPentHouseContent h2 {
	font-size:14px;
}
.clsPentHouseContent h2, .clsPentHouseContent h3 {
	margin:10px 0;
}
.clsPentHouseContent .clsComingSoon{
	font-size:30px;
	margin:90px 0 0;
	text-align:center;
}
.clsPentHouseContent p {
	font-size:8pt;
}
.clsPentHouseContent li {
	margin:10px 0 0 30px;
	font-size:8pt;
	list-style-type:disc;
}
.clsPentHouseLeft {
	float:left;
	width:320px;
	background:#EEE8E8;
}
.clsPentHouseLeft ul {
	margin:5px 0;
}
.clsPentHouseRight {
	float:left;
	margin:20px 0 0 15px;
	width:540px;
	background:#EEE8E8;
}
.clsPentHouseCommon, .clsWelcome {
	background:#D0CACA;
}
.clsWelcome {
	padding:10px 8px 10px 10px;
	background:#EDEDED;
	overflow:hidden;
	width:98%;
}
.clsTwitterScript {
	float:left;
	margin:0 0 0 40px;
	width:285px;
}
.clsCommonPentHouseDes {
	margin:5px 10px;
}
.clsTwitterScript h2 a{
	background:url(../images/screen_black/twitterheading.png) no-repeat;
	width:233px;
	height:33px;
	text-indent:-999em;
	margin:0 0 0 10px;
	display:block;
}
.clsCommonPentHouseDes p, .clsWelcome p {
	font-size:8pt;
	margin:10px 0;
}
.clsWelcome .clsWelcomeText {
	width:535px;
	float:left;
	margin-top:5px;
}
.clsWelcome p {
	font-size:12px;
	line-height:19px;
}
.clsPentHouseLeft li {
	padding:0;
}
.clsPentHouseLeft li a {
	font-size:8pt;
	text-decoration:none;
	padding:0 0 0 18px;
	margin:0 0 4px 5px;
	font-size:8pt;
	text-decoration:none;
	padding:0 0 0 18px;
	cursor:pointer;
}
.clsPentHouseLeft a:hover {
	background:url(../images/screen_black/bg-pentlinks.gif) no-repeat left center;
}
.clsCommonPentHouseDes li {
	font-size:8pt;
}
.clsKitchen li {
	float:left;
	width:50%;
	font-size:7pt;
}
/* style for pent house content ends here */

/* style for press page starts here */

.clsQueriesCommon {
	width:720px;
	margin:15px auto;
	overflow:hidden;
}
	.clsQueriesRight {
		float:left;
		width:260px;
		margin:0 0 0 180px;
		border:2px solid #CCC6B6;
		padding:10px 10px 20px 80px;
		display:inline;
	}
	
	.clsQueriesLeft {
		float:left;
		width:330px;
		padding:10px 10px 0 10px;
		border:2px solid #CCC6B6;
	}
.clsQueriesLeft h3 a, .clsQueriesRight h3 a {
	background:url(../images/screen_black/logo-mellamedia.jpg) no-repeat;
	display:block;
	width:300px;
	height:57px;
	text-indent:-999em;
}
.clsQueriesRight h3 {
	margin-bottom:10px;
}
.clsQueriesRight h3 a {
	background:url(../images/screen_black/aplogo.jpg) no-repeat;
	width:161px;
	height:63px;
}
.clsQueriesCommon .clsQueriesRight p, .clsPressDescription p {
	font-size:12px;
	margin:10px 0;
}
.clsPentHouseContent .clsPressTitle {
	font-size:16px;
	text-align:center;
	font-weight:bold;
}
.clsPressImage {
	float:left;
	width:125px;
	border:1px solid #FFF;
	margin:0 0 0 120px;
	padding:20px 0 0 0;
	display:inline;
}
.clsPressDescription {
	float:left;
	width:500px;
	margin:0 0 0 240px;
	border:1px solid #FFF;
	display:inline;
}
.clsPressDescriptionContent .clsPressDescription {
	float:left;
	width:500px;
	margin:0;
	border:1px solid #FFF;
}
.thumbnail {
	/*position: relative;*/

	position:absolute;
	z-index: 0;
	margin:15px 0 0 0;
}
.thumbnail:hover {
	background-color: transparent;
	z-index:50;
}
.thumbnail span { /*CSS for enlarged image*/
	position: absolute;
	background-color: #E4E0D4;
	padding: 5px;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
}
.thumbnail span img { /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}
.thumbnail:hover span { /*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: 60px; /*position where enlarged image should offset horizontally */
}
/* style for press page ends here */

/* style for partners section starts here */

.clsPentHouseContent .clsPartnersLink li, .clsParkingContent p {
	font-size:12px;
}
.clsPentHouseContent .clsPartnersLink h2 {
	margin:20px 0;
}
.clsPentHouseContent .clsPartnersLink li a{
	text-decoration:none;
}
.clsPentHouseContent .clsPartnersLink span {
	font-weight:bold;
	text-decoration:underline;
}
	
/* style for partners section ends here */

.clsParkingContent h2 {
	font-size:16px;
	font-weight:bold;
	margin:20px 0 10px 0;
}
.clsParkingContent p {
	line-height:19px;
}
.clsPartnersLink {
	padding-bottom:150px;
}
/* style for contact us section starts here */

.clsPopUpContact h2 {
	margin:15px 0 5px 0;
	font:bold 18px Verdana, Arial, Helvetica, sans-serif;
	color:#6B6558;
}
.clsPopUpContact {
	background:#FFF;
	padding:10px;
	text-align:left;
}
.clsThanksLeft {
	float:left;
	width:230px;
}
.clsThanksLeft p {
	font:bold 13px Verdana, Arial, Helvetica, sans-serif;
	width:160px;
	color:#6D6D6D;
	line-height:19px;
}
.clsThanksLeft h2 {
	margin-bottom:5px;
}
.clsApcRight {
	position:absolute;
	width:161px;
	margin:1.8em 0 0 21.5em;
}
* html .clsApcRight {
	margin:1.8em 0 0 1em;
}
.clsApLogo, .clsApLogoContact {
	background:url(../images/screen_black/aplogo.jpg) no-repeat right bottom;
	padding:0 180px 0 0;
}
.clsApLogo {
	padding:0;
	background:url(../images/screen_black/aplogo.jpg) no-repeat left top;
	text-indent:-9999em;
	width:161px;
	height:63px;
}
.clsPersonLeft {
	float:left;
	margin:0;
	width:220px;
}
.clsScheduleRight {
	position:absolute;
	width:245px;
	margin:3em 0 0 15.5em;
}
* html .clsScheduleRight {
	margin:3em 0 0 -3.5em;
}
.clsPopUpContact p, #selAmenitiesText p {
	color:#6D6D6D;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	margin:2px 0;
}
.clsByPhone {
	margin:15px 0;
}
.clsScheduleRight .clsMap a {
	height:50px;
	display:block;
	width:104px;
}
.clsScheduleRight .clsCalendarImage {
	margin-bottom:21px;
}
.clsScheduleRight .clsCalendarImage {
	background:url(../images/screen_black/icon-calendar.gif) no-repeat right center;
	line-height:35px;
	padding:0 30px 0 75px;
	margin-right:10px;
}
.clsScheduleRight .clsCalendarImage p {
	margin:0;
	padding:0;
}
#main .clsScheduleRight .clsCalendarImage a, .clsMapClick a span {
	color:#316FA2;
	text-decoration:none;
}
.clsScheduleRight .clsMapClick {
	left:60px;
	position:relative;
	height:20px;
}
.clsScheduleRight .clsMap {
	position:relative;
	top:-5px;
	left:80px;
}
.clsScheduleRight a {
	text-decoration:none;
}
/* style for contact us section ends here */

/* style for main section ends here */

.clsEventsTbl table td {
	border-bottom:1px solid #CCCCCC;
	border-collapse:separate;
	padding:5px 0;
}
#displaydiv{
	margin-left:10px;
}
#displaydiv,#displaydiv a{
	font-size:8pt !important;
	text-decoration:none;
	/*font-weight:bold;*/
	color:#757a79;
	line-height:19px;
}
#displaydiv span{
	color:#bcb9b7;
	margin-left:10px;
}
.clsMusicLeft{
	float:left;
	width:250px;
}
.clsGoogleCalendar{
	margin:6px 0 0 13px;
	padding:10px;
	width:300px;
}
.clsEventsDetails{
	width:500px;
	margin:20px auto 10px auto;
}
	.clsEventsDetails td,.clsEventsDetails td a{
		font-size:8pt;
		text-decoration:none;
	}
.clsGoogle{
	position:absolute;
	background:#C3D9FF;
	width:115px;
	height:20px;
	margin:-1.8em 0 0 14.2em;
}
.clsEventsDetails table{
	/*background:#D5D5D5;*/
	padding:10px;
}
#desc{
	font-weight: bold;
	font-size: 8pt;
	margin-bottom: 10px;
}
.view-cap, .view-container-border {
	background-color:#656565 !important;
}
.clsSkipIntro p{
	float:right;
	width:100px;
	margin:10px 10px 0 0;
	text-align:center;
}
	.clsSkipIntro a{
		background:#2B2B2B;
		text-decoration:none;
		color:#B8B6B7;
		font-weight:bold;
		font-size:8pt;
		padding:10px 0;
		display:block;
	}
		.clsSkipIntro a:hover{
			background:#545454;
		}
.clsPoliteInPublic h2{
	margin:70px 0 30px 45px;
	font-size:20px;
}
	#pipflashgalleryshell{
		width:550px;
		margin:30px auto 0 auto;
		padding:23px 0 0 0;
	}
.clsIndexBanner{
	height:400px;
	background:#EDEDED;
}
.clsPoliteInPublic .clsPartnersLink{
	padding-bottom:56px;
}
/* style for haas gallery section starts here */
.clsHaasGallery{ 
	margin:0 0 10px 0;
	background:#F1F1F1;
	width:450px;
}
	.clsRoundedTop, .clsRoundedBottom{
		display:block;
		background:#FFF;
	}
	.clsRoundedTop div ,.clsRoundedBottom div{
		display:block;
		height:1px;
		overflow:hidden;
		background:#F1F1F1;
	}
	.clsRounded1{
		margin:0 5px;
	}
	.clsRounded2{
		margin:0 3px;
	}
	.clsRounded3{
		margin:0 2px;
	}
	.clsRoundedTop .clsRounded4, .clsRoundedBottom .clsRounded4{
		margin:0 1px;
		height:2px;
	}
	.clsHaasGallery .clsPressDescription h3 a{
		color:#535355;
		display:block;
		padding-top:75px;
		text-decoration:none;
	}
	.clsHaasGallery .clsDate{
		color:#B6B6B6;
		font-size:11px;
	}
	.clsHaasGallery .clsPressDescription h3 a:hover{
		text-decoration:underline;
	}
	.clsHaasGallery .clsPressImage{
		width:150px;
		margin:0 0 0 5px;
		border:0;
		padding:0;
	}
	.clsHaasGallery .clsPressDescription{
		width:270px;
		margin:0 0 0 10px;
		float:left;
		border:0;
	}
		.clsHaasGallery .clsPressImageDescription{
			width:450px;
			margin:5px 10px;
		}
		.clsHaasGallery .clsPressImageDescription h3,.clsHaasGallery .clsPressImageDescription p{
			margin:0;
		}
		.clsHaasGalleryHeading{
			text-align:left;
			margin:0 0 15px 125px !important;
		}
/* style for haas gallery section ends here */