@charset "UTF-8";
/* CSS Document */
/* The Stacks Lofts */
/* Authored by christian cox, maybe.for.you. inc. */


/* globals */
body
{
	background: #cf8942;
	margin:0;
	padding:0;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
}

div, p, a, dt, dd, td, th, li, span, cite, blockquote, sup, sub, h1, h2, h3, h4
{
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
}

p
{
	font-size: 0.7em;
}

a
{
	text-decoration: none;
}

	a:hover
	{
		text-decoration: underline;
	}

	a img
	{
		border: none;
	}

	a:focus
	{
		-moz-outline-style: none;
	}
	
h1
{
	color: #002b5e;
	font-size: 24px;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0 !important;
	padding: 0 0 4px 0;
	background: url(../images/backgrounds/h1ArrowFlow.gif) right bottom no-repeat;
	display: inline-block;
}

h2
{
	color: #002b5e;
	font-size: 24px;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0 0 0 20px !important;
	padding: 0 16px 4px 0;
	background: url(../images/backgrounds/h2ArrowFlow.gif) right bottom no-repeat;
	display: inline-block;
	width: 190px;
}

h3
{
	font-size: 1.1em;
	margin: 0 0 14px 0;
	padding: 0;
}

	h3 em
	{
		font-style: normal;
		color: #d08a42;
	}

.orange
{
	color: #d08a42;
}

.red
{
	color: #8a1e04;
}

img.collage { behavior: url("assets/js/iepngfix.htc") }	

img.collageInterior { behavior: url("../assets/js/iepngfixInternal.htc") }

.floatLeft { float: left; }
.floatRight { float: right; }
.clearLeft { clear: left; }
.clearRight { clear: right; } 	
	
/* end globals */








/* header */
#header
{
	margin: 0;
	padding: 0;
	height: 126px;
	background: url(../images/backgrounds/header.gif) left top repeat-x;
	position: relative;
}

	#logo
	{
		margin: 0;
		padding: 0;
		position: absolute;
		top: 11px;
		left: 34px;
	}
	
	#mainPhone
	{
		background: url(../images/backgrounds/mainPhone.gif) right top no-repeat;
		width: 134px;
		height: 65px;
		position: absolute;
		top: 10px;
		left: 850px;
		color: #002b5e;
		font-size: 1.08em;
		font-weight: bold;
	}
	
	#topNav
	{
		position: absolute;
		top: 85px;
		left: 357px;
		margin: 0;
		padding: 0;
		width: 644px;
		height: 29px;
	}
	
		#topNav li
		{
			margin: 0; 
			padding: 0 8px;
			float: left;
			list-style: none;
			height: 29px;
			overflow: hidden;
			background: #8A1E04;
		}
		
			#topNav li a
			{
				display: block;
				color: #fff;
				height: 29px;
				text-indent: -5000px;
			}
			
				#topNav li a:hover
				{
					color: #fdba2f;
				}
			
				#topNav li.history a
				{
					width: 60px;
					background: url(../images/nav/topNav.gif) 0 0 no-repeat;
				}
				
					#topNav li.history a.selected, #topNav li.history a:hover
					{
						background-position: 0 -29px;
					}
					
				#topNav li.location a
				{
					width: 67px;
					background: url(../images/nav/topNav.gif) -75px 0 no-repeat;
				}		
					
					#topNav li.location a.selected, #topNav li.location a:hover
					{
						background-position: -75px -29px;
					}
					
				#topNav li.lifestyle a
				{
					width: 71px;
					background: url(../images/nav/topNav.gif) -157px 0 no-repeat;
				}
				
					#topNav li.lifestyle a.selected, #topNav li.lifestyle a:hover
					{
						background-position: -157px -29px;
					}
					
				#topNav li.floorplans a
				{
					width: 83px;
					background: url(../images/nav/topNav.gif) -232px 0 no-repeat;
				}
				
					#topNav li.floorplans a.selected, #topNav li.floorplans a:hover
					{
						background-position: -232px -29px;
					}
				
				#topNav li.photogallery a
				{
					width: 95px;
					background: url(../images/nav/topNav.gif) -314px 0 no-repeat;
				}	
				
					#topNav li.photogallery a.selected, #topNav li.photogallery a:hover
					{
						background-position: -314px -29px;
					}
					
				#topNav li.virtualtour a
				{
					width: 84px;
					background: url(../images/nav/topNav.gif) -410px 0 no-repeat;
				}	
				
					#topNav li.virtualtour a.selected, #topNav li.virtualtour a:hover
					{
						background-position: -410px -29px;
					}
				
				#topNav li.contactus a
				{
					width: 72px;
					padding-right: 0 !important;
					background: url(../images/nav/topNav.gif) -497px 0 no-repeat;
				}	
				
					#topNav li.contactus a.selected, #topNav li.contactus a:hover
					{
						background-position: -497px -29px;
					}	
				
	
	#header .leftCallout
	{
	position: absolute;
	margin: 0;
	padding: 0;
	left: 0px;
	top: 114px;
	width: 349px;
	height: 36px;
	color: #fff;
	font-size: 0.8em;
	z-index: 30;
	}
	
		#header .leftCallout span
		{
			color: #fff;
		}			
	
	#header .rightCallout
	{
		position: absolute;
		margin: 0;
		padding: 0;
		width: 100%;
		left: 0;
		top: 114px;
		height: 36px;
		font-size: 0.8em;
		background: #002b5e;
		z-index: 2;
	}
	
		#header .rightCallout a
		{
			margin: 0;
			padding: 5px 0 0 5px;
			color: #fff;
			text-decoration: none;
			vertical-align: top;
		}
		
			#header .rightCallout a:hover
			{
				text-decoration: underline;
			}
			
		#header .rightCallout img
		{
			float: left;
			margin: 0;
			padding: 0;
		}
	
	#header #tagline
	{
		margin: 0;
		padding: 0;
		position: absolute;
		text-indent: -4000px;
		width: 372px;
		height: 22px;
		background: url(../images/callouts/tagline.gif) 0 0 no-repeat;
		top: 28px;
		left: 600px;
	}	
	
#apDiv1 {
	position:absolute;
	left:785px;
	top:61px;
	width:155px;
	height:24px;
	z-index:31;
	display:none;
}

/* end header */










/* footer */
#footer
{
	margin: 0;
	padding: 0;
	height: 303px;
	background: url(../images/backgrounds/footerTile.gif) 0 0 repeat-x;
	position: relative;
}

	#footer .content
	{
		position: absolute;
		top: 0;
		left: 0;
		width: 1001px;
		height: 255px;
		background: url(../images/backgrounds/footer_w_hours.gif) right 0 no-repeat;
		z-index: 2;
	}

	#bottomNav
	{
		margin: 0;
		padding: 0;
		position: absolute;
		top: 13px;
		left: 37px;
		z-index: 3;
	}
	
		#bottomNav li
		{
			float: left;
			margin: 0;
			padding: 0 12px 0 0;
			list-style: none;
		}
		
			#bottomNav li a
			{
				color: #666;
				text-decoration: none;
				font-weight: bold;
				font-size: 0.75em;
			}
			
				#bottomNav li a:hover, #bottomNav li a.selected
				{
					color: #333;
				}
				
	#contactInfo
	{
		position: absolute;
		top: 54px;
		left: 55px;
		color: #fff;
		line-height: 1.8;
		width: 200px;
	}	
	
		#contactInfo a
		{
			color: #fff;
			text-decoration: underline;
		}
		
			#contactInfo a:hover
			{
				text-decoration: none;
			}
			
	#hoursOfOperation
	{
		position: absolute;
		top: 54px;
		left: 280px;
		width: 280px;
	}
		#hoursOfOperation p
		{
			color: #fff;
			line-height: 1.8;
			margin-bottom: 0;
		}
		
		#hoursOfOperation table
		{
			border: none;
			width: 275px;
			margin-top: 0;
		}
		
			#hoursOfOperation td
			{
				color: #fff;
				font-size: 0.7em;				
			}
			
	#timeline
	{
		margin: 0;
		padding: 0;
		position: absolute;
		top: 255px;
		left: 0;
		width: 100%;
		height: 48px;
	}	
/* end footer */












/* home page */
.homePage
{
	margin: 0;
	padding: 0 0 35px 39px;
	background: #fff url(../images/backgrounds/homePage.jpg) left bottom repeat-x;
	z-index: 1;
}

	.homePage h1
	{
		width: 340px;
	}
	
	.homePage img.header
	{
		margin: 0 0 33px 0;
		padding: 0;
		display: block;
	}
		
	.homePage div.arrowFlow
	{
		margin: 0 0 0 0;		
		padding: 14px 16px 4px 16px;
		width: 564px;
		background: url(../images/backgrounds/arrowFlow.gif) left bottom no-repeat;
	}
	
	#homeCollage
	{
		position: absolute;
		top: 375px;
		left: 590px;
		margin: 0;
		padding: 0;
	}	
/* end home page */









/* secondary page */
.secondaryPage
{
	margin: 0;
	padding: 0 0 35px 39px;
	background: #fff url(../images/backgrounds/history_index.jpg) left bottom repeat-x;
	z-index: 1;
}

	.secondaryPage.location
	{
		background: #fff url(../images/backgrounds/location_index.jpg) left bottom repeat-x;
	}
	
	.secondaryPage.lifestyle
	{
		background: #fff url(../images/backgrounds/lifestyle.jpg) left bottom repeat-x;
	}

	.secondaryPage h1
	{
		width: 240px;
	}
	
		.secondaryPage h1.locationIndex
		{
			width: 355px;
		}
		
		.secondaryPage h1.lifestyleIndex
		{
			width: 278px;
		}
		
	.secondaryPage img.header
	{
		margin: 0 0 26px 0;
		padding: 19px 0 0 0;
		display: block;
	}
	
	.secondaryPage div.arrowFlow
	{	
		margin: 0;
		padding: 14px 16px 4px 16px;
		width: 564px;
		background: url(../images/backgrounds/arrowFlow.gif) left bottom no-repeat;
	}
	
	#historyCollage
	{
		position: absolute;
		top: 395px;
		left: 620px;
		margin: 0;
		padding: 0;
		z-index: 2;
	}
	
	#locationCollage
	{
		position: absolute;
		top: 400px;
		left: 635px;
		margin: 0;
		padding: 0;
		z-index: 2;
	}
	
	#lifestyleCollage
	{
		position: absolute;
		top: 365px;
		left: 670px;
		margin: 0;
		padding: 0;
		z-index: 2;
	}
	
	.secondaryPage .secondaryNav
	{
		position: absolute;
		top: 446px;
		left: 600px;
		margin: 0;
		padding: 0;
		z-index: 3;
		width: 220px;
		border-top: 1px solid #000;
	}
	
		.secondaryNav li
		{
			margin: 0;
			padding: 0;
			border-bottom: 1px solid #000;
			list-style: none;
			text-indent: -4000px;
			height: 25px;
			line-height: 25px;
		}
		
			.secondaryNav li a
			{
				display: block;
				background: url(../images/nav/history_subnav.gif) 0 0 no-repeat;
			}
				
				
				/* history subnav */
				.secondaryNav li a.rich
				{
					width: 105px;
				}
				
					.secondaryNav li a.richselected, .secondaryNav li a.rich:hover
					{
						width: 105px;
						background-position: 0 -24px;
					}
					
				.secondaryNav li a.blow
				{
					width: 113px;
					background-position: -105px 0;
				}
				
					.secondaryNav li a.blowselected, .secondaryNav li a.blow:hover
					{
						width: 113px;
						background-position: -105px -24px;
					}
					
					
				/* location subnav */
				.secondaryNav li a.overview
				{
					background-image: url(../images/nav/location_subnav.gif);
					width: 71px;
				}
				
					.secondaryNav li a.overviewselected, .secondaryNav li a.overview:hover
					{
						background-image: url(../images/nav/location_subnav.gif);
						width: 71px;
						background-position: 0 -24px;
					}
					
				.secondaryNav li a.map
				{
					background-image: url(../images/nav/location_subnav.gif);
					width: 132px;
					background-position: -71px 0;
				}
				
					.secondaryNav li a.mapselected, .secondaryNav li a.map:hover
					{
						background-image: url(../images/nav/location_subnav.gif);
						width: 132px;
						background-position: -71px -24px;
					}
					
				.secondaryNav li a.area
				{
					background-image: url(../images/nav/location_subnav.gif);
					width: 187px;
					background-position: -203px 0;
				}
				
					.secondaryNav li a.areaselected, .secondaryNav li a.area:hover
					{
						background-image: url(../images/nav/location_subnav.gif);
						width: 187px;
						background-position: -203px -24px;
					} 
					
					
				/* lifestyle subnav */
				.secondaryNav li a.living
				{
					background-image: url(../images/nav/lifestyle_subnav.gif);
					width: 137px;
				}
				
					.secondaryNav li a.livingselected, .secondaryNav li a.living:hover
					{
						background-image: url(../images/nav/lifestyle_subnav.gif);
						width: 137px;
						background-position: 0 -24px;
					}
					
				.secondaryNav li a.finishes
				{
					background-image: url(../images/nav/lifestyle_subnav.gif);
					background-position: -137px 0;
					width: 68px;
				}
				
					.secondaryNav li a.finishesselected, .secondaryNav li a.finishes:hover
					{
						background-image: url(../images/nav/lifestyle_subnav.gif);
						width: 68px;
						background-position: -137px -24px;
					}
					
				.secondaryNav li a.developers
				{
					background-image: url(../images/nav/lifestyle_subnav.gif);
					background-position: -205px 0;
					width: 83px;
				}
				
					.secondaryNav li a.developersselected, .secondaryNav li a.developers:hover
					{
						background-image: url(../images/nav/lifestyle_subnav.gif);
						width: 83px;
						background-position: -205px -24px;
					}
					
					
					
/* end secondary page */









/* tertiary page */
.tertiaryPage
{
	margin: 0;
	padding: 180px 0 35px 384px;
	background: #fff url(../images/backgrounds/history_index.jpg) left bottom repeat-x;
	z-index: 1;
}

	.tertiaryPage.finishes
	{
		background: #fff url(../images/backgrounds/lifestyle_finishes.jpg) left bottom repeat-x;
	}
	
	.tertiaryPage.contact
	{
		background: #fff url(../images/backgrounds/contact.jpg) left bottom repeat-x;
	}
	
	.tertiaryPage h1
	{
		width: 280px;
	}
	
		.tertiaryPage h1.area
		{
			width: 370px;
		}
		
		.tertiaryPage h1.contactUs
		{
			width: 170px;
		}
	
	.tertiaryPage div.arrowFlow
	{	
		margin: 0;
		padding: 14px 16px 4px 16px;
		width: 564px;
		background: url(../images/backgrounds/arrowFlow.gif) left bottom no-repeat;
	}
	
		.tertiaryPage div.arrowFlow.area
		{	
			width: 588px;
		}
	
	#tornadoCollage
	{
		position: absolute;
		top: 130px;
		left: 10px;
		margin: 0;
		padding: 0;
		z-index: 2;
	}
	
	#contactCollage
	{
		position: absolute;
		top: 150px;
		left: 10px;
		margin: 0;
		padding: 0;
		z-index: 2;
	}
	
	#areaCollage
	{
		position: absolute;
		top: 140px;
		left: 10px;
		margin: 0;
		padding: 0;
		z-index: 2;
	}
	
	#finishesCollage
	{
		position: absolute;
		top: 150px;
		left: 10px;
		margin: 0;
		padding: 0;
		z-index: 2;
	}
	
	.tertiaryPage .secondaryNav
	{
		position: absolute;
		top: 304px;
		left: 780px;
		margin: 0;
		padding: 0;
		z-index: 3;
		width: 220px;
		border-top: 1px solid #000;
	}
	
	.tertiaryPage dl
	{
		width: 280px;
		float: left;
		margin: 0 0 18px 10px;
		padding: 0;
	}
	
		.tertiaryPage dl.clearLeft
		{
			margin-left: 0 !important;
		}
	
		.tertiaryPage dt
		{
			font-weight: bold;
			font-size: 0.75em;
			margin: 0;
			padding: 0;
			line-height: 1.6;
		}
		
		.tertiaryPage dd
		{
			margin: 0;
			padding: 0;
			font-size: 0.75em;
			line-height: 1.6;
		}
		
	.tertiaryPage .featurePanel
	{
		width: 250px;
		float: left;
		margin: 0 15px 0 0;
		padding: 0;
	}
		.tertiaryPage .featurePanel li
		{
			margin: 0 0 0 15px;
			padding: 0 0 0 10px;
			list-style: disc;
			color: #d08a42;
			font-size: 0.75em;
			line-height: 1.8;
		}
	
			.tertiaryPage .featurePanel li span
			{
				color: #333;
			}
			
			.tertiaryPage .featurePanel li ul
			{
				margin: 0 0 0 0;
				padding: 0;
			}
			
				.tertiaryPage .featurePanel li li
				{
					color: #333;
					font-size: 1em;
					list-style: none;
					margin: 0;
				}
				
				.tertiaryPage .featurePanel li li.last
				{
					padding-bottom: 0;
				}	
/* end tertiary page */















/* map page */
.mapPage
{
	margin: 0;
	padding: 40px 0 35px 40px;
	background: #fff url(../images/backgrounds/history_index.jpg) left bottom repeat-x;
	z-index: 1;
}

	.mapPage.floorplans
	{
		background: #fff url(../images/backgrounds/floorplans.jpg) left bottom repeat-x;
	}	
	
	.mapPage h1
	{
		width: 280px;
		background-image: url(../images/backgrounds/h1ArrowFlowClear.gif);
	}
	
		.mapPage h1.developers
		{
			width: 180px;
		}
	
	.mapPage div.arrowFlow
	{	
		margin: 0;
		padding: 14px 16px 16px 16px;
		width: 720px;
		background: url(../images/backgrounds/arrowFlow.gif) left bottom no-repeat;
		position: relative;
	}
	
		.mapPage.floorplans div.arrowFlow
		{
			width: auto;
		}
	
	.mapPage .secondaryNav
	{
		position: absolute;
		top: 350px;
		left: 770px;
		margin: 0;
		padding: 0;
		z-index: 3;
		width: 220px;
		border-top: 1px solid #000;
	}
	
		.mapPage .secondaryNav.developers
		{
			top: 310px;
		}
	
	.mapPage .developer
	{
		margin: 0 0 15px 0;
		padding: 0 0 0 215px;
	}
	
		.mapPage .developer#aderhold
		{
			background: url(../images/logos/aderhold.jpg) 0 0 no-repeat;
		}
		
		.mapPage .developer#jennings
		{
			background: url(../images/logos/jennings.jpg) 0 0 no-repeat;
		}
		
		.mapPage .developer#coldwell
		{
			background: url(../images/logos/coldwell.jpg) 50px 0 no-repeat;
		}
		
		.mapPage .developer p
		{
			line-height: 1.6;
		}
		
	.mapPage .floorplan
	{
		width: 305px;
		float: left;
		text-align: right;
		font-size: 1.1em;
		margin: 0;
		padding: 80px 0 0 0;
	}
	
		.mapPage .floorplan a.download
		{
			display: block;
			margin: 10px 0 0 0;
			padding: 0 12px 0 0;
			font-size: 0.9em;
		}
		
	.mapPage div.arrowFlow div.caption
	{
		margin: 0;
		padding: 0;
		position: absolute;
		bottom: 588px;
		left: 25px;
		width: 220px;
		height: 66px;
	}
		
/* end map page */













/* misc */
		
.jqmWindow div.arrowFlow
{
	margin: 0 0 30px 20px;
	padding: 30px 16px 30px 24px;
	background: url(../images/backgrounds/modalArrowFlow.gif) left bottom no-repeat;
}

	.jqmWindow div.arrowFlow#slideshow
	{
		padding-left: 45px;
	}
	
	.jqmWindow div.arrowFlow#slideshowInternal
	{
		padding-left: 0;
	}

.jqmWindow div.modalHeader
{
	margin: 0 0 10px 0;
	padding: 0;
	height: 6px;
	background: url(../images/backgrounds/modalHeader.gif) left top repeat-x;
}	

.jqmWindow div.modalFooter
{
	text-align: right;
	padding: 18px 16px 0 0;
	margin: 0;
}	

div.arrowFlow p
{
	font-size: 0.75em;
	line-height: 1.4;
	margin-top: 0 !important;
	padding: 0 36px 10px 0;
}	

div.arrowFlow .red, div.arrowFlow .orange
{
	font-size: 1.2em;
}

div.arrowFlow a
{
	color: #62110c;
	text-decoration: underline;
}

	div.arrowFlow a:hover
	{
		text-decoration: none;
	}
	
div.arrowFlow img.floatLeft
{
	margin: 0 10px 30px 0;
}

div.arrowFlow img.floatRight
{
	margin: 0 0 30px 10px;
}

div.arrowFlow li
{
	font-size: 0.75em;
	line-height: 1.4;
	margin: 0;
	padding: 0;
}


/* end misc */










/* sIFR */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
}