/* ---------------------------------------------------------------------------

	Renaissance Creative
	http://www.rencreative.com
	coded by: Fred Boyle

--------------------------------------------------------------------------- */

/* RESET! */

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
fieldset, img, abbr, acronym { border: 0; }
table { border-collapse: collapse; border-spacing: 0; }

/* ---------------------------------------------------------------------------
	
	> init/universal

--------------------------------------------------------------------------- */

html { 
	background-color: #ffffff;
	font-size: 100%;
}

body {
	font-size: 1.0em;
}

.clear {
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
}

a:link{color:#555555;text-decoration:underline;}
a:visited{color:#777777;text-decoration:underline;}
a:hover{color:#333333;text-decoration:none; background-color:none;}


/* ---------------------------------------------------------------------------
	
	> header

--------------------------------------------------------------------------- */

body.story {
	background: url(../_images/_backgrounds/story.jpg) repeat-x top center;
}

body.location {
	background: url(../_images/_backgrounds/locations.jpg) repeat-x top center;
}

body.siteplan {
	background: url(../_images/_backgrounds/rendering.jpg) repeat-x top center;
}

body.floorplans {
	background: url(../_images/_backgrounds/floorplans.jpg) repeat-x top center;
}

body.elements {
	background: url(../_images/_backgrounds/elements.jpg) repeat-x top center;
}

body.visit {
	background: url(../_images/_backgrounds/visit.jpg) repeat-x top center;
}

body.thankyou {
	background: url(../_images/_backgrounds/story.jpg) repeat-x top center;
}

#header {
	height: 278px;
	/*background: url(../_images/_nav/transparent-bar.png) repeat-x bottom center;*/
	border-bottom: 1px solid #EEE;
	position: relative;
}
	

/* ---------------------------------------------------------------------------
	
	> navigation

--------------------------------------------------------------------------- */

#nav {		
	position: absolute;
	bottom: -23px;
	left: 50%;
	margin-left: -220px;
}

	#nav li {
		float: left;
		display: block;
		margin-right: 30px;
		height: 28px;
		line-height: 28px;
		text-indent: -9999px;
	}

		#nav li a {
			display: block;
			width: 100%;
			height: 100%;
			text-decoration: none;
		}
		
		#nav li a:hover,
		body.story #nav #nav_story a,
		body.location #nav #nav_location a,
		body.siteplan #nav #nav_siteplan a,
		body.floorplans #nav #nav_floorplans a,
		body.elements #nav #nav_elements a,
		body.visit #nav #nav_visit a {
			background-color: #fff;
			margin: 0 -15px 0 -15px;
			padding: 0 15px 0 15px;
			border-left: 1px solid #EEE;
			border-right: 1px solid #EEE;
			border-bottom: 1px solid #FFF;
		}
		
		#nav #logo a, #nav #logo a:hover {
			width: 182px;
			height: 106px;
			background: url(../_images/huffheights-logo.png) no-repeat 50% 50%;
			position: absolute;
			top: -8px;
			left: -260px;
			border: 0;
		}
		
		#nav #nav_subhead {
			width: 120px;
			text-indent: -9999px;
			height: 23px;
			background: url(../_images/_nav/huffheights-by-brockbuilt.png) no-repeat bottom left;
			clear: both;
		}

#nav_story, #nav_story a {
	width: 35px;
	background: url(../_images/_nav/nav3.png) no-repeat 1px 9px;
}
	
	#nav_story a:hover, body.story #nav #nav_story, body.story #nav #nav_story a, body.story #nav #nav_story a:hover {
		background-position: 15px -11px;
	}

#nav_location, #nav_location a {
	width: 52px;
	background: url(../_images/_nav/nav3.png) no-repeat -310px 9px;
}

	#nav_location a:hover, body.location #nav #nav_location, body.location #nav #nav_location a, body.location #nav #nav_location a:hover {
		background-position: -296px -11px;
	}

#nav_siteplan, #nav_siteplan a {
	width: 53px;
	background: url(../_images/_nav/nav3.png) no-repeat -127px 9px;
}

	#nav_siteplan a:hover, body.siteplan #nav #nav_siteplan, body.siteplan #nav #nav_siteplan a, body.siteplan #nav #nav_siteplan a:hover {
		background-position: -113px -11px;
	}

#nav_floorplans, #nav_floorplans a {
	width: 69px;
	background: url(../_images/_nav/nav3.png) no-repeat -211px 9px;
}

	#nav_floorplans a:hover, body.floorplans #nav #nav_floorplans, body.floorplans #nav #nav_floorplans a, body.floorplans #nav #nav_floorplans a:hover {
		background-position: -197px -11px;
	}

#nav_elements, #nav_elements a {
	width: 59px;
	background: url(../_images/_nav/nav3.png) no-repeat -393px 9px;
}

	#nav_elements a:hover, body.elements #nav #nav_elements, body.elements #nav #nav_elements a, body.elements #nav #nav_elements a:hover {
		background-position: -379px -11px;
	}
	
#nav_gallery, #nav_gallery a {
	width: 48px;
	background: url(../_images/_nav/nav3.png) no-repeat -482px 9px;
}

	#nav_gallery a:hover, body.gallery #nav #nav_gallery, body.gallery #nav #nav_gallery a, body.gallery #nav #nav_gallery a:hover {
		background-position: -468px -11px;
	}
	
#nav_visit, #nav_visit a {
	width: 30px;
	background: url(../_images/_nav/nav3.png) no-repeat -560px 9px;
}

	#nav_visit a:hover, body.visit #nav #nav_visit, body.visit #nav #nav_visit a, body.visit #nav #nav_visit a:hover {
		background-position: -546px -11px;
	}
	
/* ---------------------------------------------------------------------------
	
	> content

--------------------------------------------------------------------------- */

#content {
	width: 700px;
	margin: 0 auto;
	padding-top: 100px;
	padding-left: 260px;
	
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #5d5d5d;
}

#content p {
	margin-right: 160px;
	margin-bottom: 15px;
}
	
#contain-special {
		width: 930px;
		position: relative;
		overflow: hidden;
		margin: 0 auto;
}

/* ---------------------------------------------------------------------------
	
	> Story

--------------------------------------------------------------------------- */
	
body.story #content h2 {
	height: 20px;
	margin-bottom: 16px;
	background: url(../_images/where-open-living.png) no-repeat 0 0;
	text-indent: -9999px;
}
	
/* ---------------------------------------------------------------------------
	
	> Location

--------------------------------------------------------------------------- */

body.location #content h2 {
	height: 20px;
	margin-bottom: 16px;
	background: url(../_images/step-outside.png) no-repeat 0 0;
	text-indent: -9999px;
}

body.location #content {
	padding: 100px 0 0 0;
	float: right;
}

#location_gallery {
	float: left;
	width: 215px;
	margin: 0 auto;
	padding: 100px 0 0 0;
}

/* ---------------------------------------------------------------------------
	
	> Site plan

--------------------------------------------------------------------------- */

body.siteplan #content h2 {
	height: 20px;
	margin-bottom: 16px;
	background: url(../_images/hdr_siteplan.png) no-repeat 0 0;
	text-indent: -9999px;
}

/* ---------------------------------------------------------------------------
	
	> Floorplans

--------------------------------------------------------------------------- */

body.floorplans #content h2 {
	height: 20px;
	margin-bottom: 16px;
	background: url(../_images/hdr_floorplans5.png) no-repeat 0 0;
	text-indent: -9999px;
}

body.floorplans #content h4 {
	margin-left: 8px;
}

body.floorplans #content ul {
	list-style: square;
	margin-left: 30px;
	margin-bottom: 12px;
}

body.floorplans #content {
	
}

#floorplans_gallery {
	float: left;
	width: 215px;
	/*margin: 0 auto;*/
	padding: 100px 0 0 0;
}

/* ---------------------------------------------------------------------------
	
	> Elements

--------------------------------------------------------------------------- */

body.elements #content h2 {
	height: 20px;
	margin-bottom: 16px;
	background: url(../_images/sky-life.png) no-repeat 0 0;
	text-indent: -9999px;
}

body.elements #content h3 {
	margin-left: 8px;
	font-size: 1.3em;
}

body.elements #content h4 {
	margin-left: 8px;
	font-size: 1.1em;
}

body.elements #content ul {
	list-style: square;
	margin-left: 30px;
	margin-bottom: 12px;
}

/* ---------------------------------------------------------------------------
	
	> Visit

--------------------------------------------------------------------------- */

body.visit #content h2 {
	height: 20px;
	margin-bottom: 16px;
	background: url(../_images/hdr_visit.png) no-repeat 0 0;
	text-indent: -9999px;
}

body.visit #content h4 {
	margin-left: 8px;
}

body.visit #content ul {
	list-style: square;
	margin-left: 30px;
	margin-bottom: 12px;
}


/* ---------------------------------------------------------------------------
	
	> Locations > Detailed List

--------------------------------------------------------------------------- */

#detail-list {
	width: 650px;
	margin-bottom: 25px;
}

#detail-list p {
	margin: 0;
	padding: 0;
	
}

#detail-list .dl-shop {
	color: #a8bc4d;
	font-weight: bold;
	text-decoration: none;
}

#detail-list .dl-rest {
	color: #69b5b9;
	font-weight: bold;
	text-decoration: none;
}

#detail-list .dl-retail {
	color: #673355;
	font-weight: bold;
	text-decoration: none;
}

#detail-display {
	width: border: 1px solid #ddd;
}

#detail-display-retail, #detail-display-rest, #detail-display-shop {
	width: 650px;
	clear: both;
	overflow: hidden;
}

.retail-hdr, .rest-hdr, .shop-hdr {
	font: bold Arial, Helvetica, sans-serif;
	font-size: larger;
	padding: 5px 0;
}

.retail-hdr {
	color: #673355;
}

.rest-hdr {
	color: #69b5b9;
}

.shop-hdr {
	color: #a8bc4d;
}

.dl-col1, .dl-col2, .dl-col3 {
	width: 200px;
	float: left;
	margin-bottom: 10px;
}

.dl-col3 {
	width: 235px;
}

.dl-col1 p, .dl-col2 p, .dl-col3 p {
	font-size: x-small;
}


/* ---------------------------------------------------------------------------
	
	> footer

--------------------------------------------------------------------------- */

#footer {
	clear: both;
	width: 960px;
	margin: 0 auto;
	margin-top: 24px;
	color: #b6b6b6;
	font-family: Verdana, sans-serif;
	font-size: 9px;
}

	#footer p {
		margin: 0 12px 12px 70px;
	}
	
	#footer a {
		color: #666;
		text-decoration: none;
	}
	
#footer form, #footer #error, #footer #progress, #footer #results {
	margin-left: 260px;
	margin-bottom: 24px;
}	

#footer #results {
	border: 1px solid yellow;
	margin-top: 8px;
	padding: 6px;
	background-color: #ffff66;
}
	
#footer form {
	padding-top: 44px;
	color: #555555;
	font-size: 9px;
}
	
	#footer form label, #footer form input {
		height: 18px;
	}

	#footer form label {
		/* background: url(../_images/input-fields.png) no-repeat bottom left; */
		padding: 0 12px;
		display: block;
		float: left;
		background-color: #ddd;
	}
	
	#footer form input {
		/* background: url(../_images/input-fields.png) no-repeat bottom right; */
		border: none;
		padding-right: 12px;
		margin-right: 8px;
		float: left;
		width: 100px;
		color: #000;
		font-size: 10px;
		background-color: #ddd;
	}
	
	#footer form button {
		width: 23px;
		height: 18px;
		border: none;
		background: url(../_images/submit-button.png) no-repeat 50% 50% transparent;
	}
	
#footer #error {
	width: 300px;
	text-align: center;
	padding: 6px;
	/*font-size: 0.65em;*/
	background-color: #990000;
	border: 2px solid #660000;
	color: #ffffff;
}

#footer #progress {
	height: 16px;
	padding-left: 85px;
	background: url(../_images/loading-snake.gif) no-repeat 65px 50%;
	text-align: left;
	color: #333333;
}

.footer-form-title {
	font-size: 11px;
}

#footer .footer-form-title p {
		margin: 0 12px 12px 0px;
}

#footer .footer-form-title h3 {
		color: #816;
}

/* MISC. */

.bx-fplan {
	width: 175px;
	float: left;
}

.bx-fplan a {
	font-size: x-small;
	color: #673355;
}

.bx-fplan a:hover {
	text-decoration: none;
	color: #333;
}

/* FACEBOOK */

#facebook, #facebook a {
	height: 15px;
	width: 139px;
	margin-top: 10px;
	margin-left: 190px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	background: url(../_images/lndg-fb-butn.png) 0 0;
}

/* hover state */

a:hover#facebook  {
	background-position: 0 -15px;
}