/*
	usstn_design_residential.css
	extends usstn_core.css
	contains all design specific styles
*/

@import url("usstn_core.css");
@import url("thickbox.css");

/* Colors
-----------------------------------------------------------------------------
	
	#fa9b3d :: Logo Orange
	#f8a656 :: Orange (footer nav links)
	#eb821b :: Orange (main-content h3)
	
	#8f2d2a :: Red (header/footer bg, h2)
	#621d1b :: Dark Red (nav bg)
	
	#fef0e2 :: Tan (sidebar bg)
	#ebded1 :: Darker Tan (borders in main-content)
	
-----------------------------------------------------------------------------
*/

/* Table of Contents
-----------------------------------------------------------------------------

	1. Wrap
	2. Header
	3. Navigation
	4. Masthead
		4.1 Slideshow
	5. Content
		5.1 Main Content
			5.1.1 Testimonials : Homepage
			5.1.2 Illustration : Services
			5.1.3 Service : Services
			5.1.4 Sub-Navigation : Services
			5.1.5 File List : Engineer's Corner
			5.1.6 FAQs List : FAQs
			5.1.7 Testimonials : Testimonials
			5.1.8 Map / Address : Contact
			5.1.9 Team Bio : Team
			5.1.10 News Entry : News
			5.1.11 Links List : Links
			5.1.x Images
		5.2 Sidebar
			5.2.1 Sub-Navigation
			5.2.2 Schedule An Appointment Callout
			5.2.3 BBB Callout
			5.2.4 Referral Map Callout
	6. Footer Wrap
		6.1 Footer
			6.1.1 Footer Navigation
			6.1.2 Copyright
	7. Buttons
		7.1 Read More
	8. Forms
	9. sIFR
	10. Misc
		10.1 Pagination

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

html,
body {
	height: 100%;
}


body,
body#home {
	margin: 0;
	padding: 0;
	font: normal normal 10px sans-serif;
	color: #333;
}

body {
	background: #fff url(../images/site/residential/bg_body.png) repeat-x 0 0;
}

body#home {
	background: #fff url(../images/site/residential/bg_body-home.png) repeat-x 0 0;
}

/* 1. Wrap
----------------------------------------------------------------------------- */

#wrap {
	position: relative;
	width: 960px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -106px auto;
	padding: 0;
	background: url(../images/site/residential/bg_content-wrap.png) repeat-y center top;
	/*overflow: hidden;*/
}

#home #wrap,
#full #wrap {
	background: none;
}

	.push {
		height: 106px;
	}

/* 2. Header
----------------------------------------------------------------------------- */

#header {
	position: relative;
	width: 960px;
	margin: 0;
	padding: 8px 0;
	background: #8f2d2a url(../images/site/residential/bg_body.png) repeat-x 0 0;
	overflow: hidden;
}

	#header h1,
	#header h1 a {
		position: relative;
		width: 545px;
		height: 60px;
		margin: 0;
		padding: 0;
		background: url(../images/site/residential/logo.png) no-repeat 0 0;
		overflow: hidden;
		text-indent: -9999em;
	}

	#header h1 a {
		display: block;
	}

	#header h2 {
		display: none;
	}

/* 3. Navigation
----------------------------------------------------------------------------- */

#nav {
	position: relative;
	width: 960px;
	height: 30px;
	margin: 0;
	padding: 0;
	background: #621d1b url(../images/site/residential/bg_body.png) repeat-x 0 -76px;
	overflow: hidden;
}

	#nav ul {
		margin: 11px 0 0 0;
		padding: 0;
		list-style: none;
		float: right;
		font: normal normal 1.2em/1em "Arial", "Helvetica", sans-serif;
		color: #fff;
		text-decoration: none;
		text-transform: uppercase;
	}
	
		#nav ul li {
			margin: 0;
			padding: 0 24px 0 0;
			float: left;
		}
		
		#nav ul li.last {
			margin: 0;
			padding: 0;
			float: left;
		}
		
		#nav ul li a {
			margin: 0;
			padding: 0 0 7px 0;
			background: none;
			display: block;
			color: #fff;
			text-decoration: none;
		}
		
		#nav ul li a:link,
		#nav ul li a:visited {
			background: none;
		}
		
		#nav ul li a.current:link,
		#nav ul li a.current:visited,
		#nav ul li a.current:hover,
		#nav ul li a.current:active {
			background: url(../images/site/residential/nav_hover.png) repeat-x left bottom;
			color: #fff;
		}
		
		#nav ul li a:hover,
		#nav ul li a:active {
			background: url(../images/site/residential/nav_hover.png) repeat-x left bottom;
			color: #cbaeae;
		}

/* 4. Masthead
----------------------------------------------------------------------------- */

#masthead {
	position: relative;
	width: 956px;
	height: 296px;
	margin: 48px 0 0 0;
	padding: 2px;
	background: #8f2d2a;
	overflow: hidden;
}

	/* 4.1 Slideshow
	----------------------------------------------------------------------------- */
	
	#slideshow {
		position: relative;
		width: 956px;
		height: 296px;
		margin: 0;
		padding: 0;
		background: #fee4cc;
	}

		#slideshow ul,
		#slideshow ul li {
			margin: 0;
			padding: 0;
			list-style: none;
		}
		
		#slideshow img {
			position: relative;
			margin: 0;
			padding: 0;
			border: 0;
			display: block;
		}

/* 5. Content Wrap
----------------------------------------------------------------------------- */

#content-wrap {
	position: relative;
	width: 960px;
	margin: 0;
	padding: 0;
	background: url(../images/site/residential/bg_content-wrap.png) repeat-y center top;
	overflow: hidden;
}

#full #content-wrap {
	background: none;
}

	/* 5.1 Main Content
	----------------------------------------------------------------------------- */
	#main-content {
		position: relative;
		width: 610px;
		margin: 0;
		padding: 0 10px 60px 10px;
		background: url(../images/site/residential/bg_main-content.png) no-repeat 0 0;
		overflow: hidden;
		float: left;
	}
	
	#home #main-content {
		background: url(../images/site/residential/bg_main-content-home.png) no-repeat 0 0;
	}
	
	#full #main-content {
		width: 940px;
		background: none;
	}
	
		#main-content h2 {
			margin: 0;
			padding: 16px 0 6px 0; /*16px 0 6px 0*/
			font: normal normal 2.5em/1em "Arial", serif;
			color: #8f2d2a;
			clear: both;
		}
		
		#main-content h3 {
			margin: 0;
			padding: 12px 0 0 0;
			font: italic normal 1.6em/1em "Arial", serif;
			color: #eb821b;
			clear: both;
		}
		
			#main-content h3 a:link,
			#main-content h3 a:visited {
				border: 0;
				color: #eb821b;
				text-decoration: none;
			}
			
			#main-content h3 a:hover,
			#main-content h3 a:active {
				border-bottom: #eb821b solid 1px;
				color: #eb821b;
				text-decoration: none;
			}
			
		#main-content h4 {
			margin: 0;
			padding: 12px 0 0 0;
			font: normal bold 1.4em/1em "Arial", serif;
			color: #444;
			clear: both;
		}
		
		#main-content p {
			margin: 0;
			padding: 6px 0;
			font: normal normal 1.4em/1.43em "Arial", sans-serif;
			color: #444;
		}
		
		#main-content ol,
		#main-content ul {
			width: auto;
			height: 100%;
			margin: 0;
			padding: 6px 32px;
			overflow: hidden;
			font: normal normal 1.4em/1.43em "Arial", sans-serif;
			color: #444;
		}
		
		#main-content a:link,
		#main-content a:visited {
			border-bottom: #8f2d2a solid 1px;
			color: #8f2d2a;
			text-decoration: none;
		}
		
		#main-content a:hover,
		#main-content a:active {
			border-bottom: #621d1b solid 1px;
			color: #621d1b;
			text-decoration: none;
		}
		
		#main-content .content-image-wrap {
			width: auto;
			margin: 0;
			padding: 0;
			border: 0;
			float: left;
		}
		
			#main-content .content-image-wrap .content-image,
			#main-content .content-image {
				width: auto;
				margin: 6px 12px 6px 0;
				padding: 3px;
				border: #d9d9d9 solid 1px;
			}
			
			#main-content .content-image-wrap img.special {
				width: auto;
				margin: 0;
				padding: 0;
				border: 0;
			}
			
		#before-after {
			position: relative;
			width: auto;
			margin: 0 0 22px 0;
			padding: 0 0 6px 0;
			border-bottom: #d9d9d9 solid 1px;
			overflow: hidden;
		}
		
			#before-after .before-after-photo {
				width: 295px;
				margin: 0;
				padding: 0;
				float: left;
			}
		
				#before-after .before-after-photo img {
					padding: 3px;
					border: #d9d9d9 solid 1px;
				}
				
			#main-content #before-after .caption p {
				margin: 0;
				padding: 6px 0;
				font: normal normal 1.1em "Arial", sans-serif;
				color: #999;
			}
		
		/* 5.1.1 Testimonials : Homepage
		----------------------------------------------------------------------------- */
		#home .testimonial {
			width: 530px;
			margin: 10px 0 20px 0;
			padding: 10px 12px;
			border-bottom: #d9d9d9 solid 1px;
			background: url(../images/site/residential/bg_testimonial-quote.png) no-repeat 0 0;
			font: normal normal 1.2em/1.5em "Arial", sans-serif;
			color: #333;
		}
		
			#home .testimonial p {
				margin: 0;
				padding: 0;
				font-size: 1em;
				line-height: 1.5em;
			}

			#home .testimonial .name {
				display: block;
				padding: 4px 0 0 0;
				font-style: italic;
				color: #8f2d2a;
			}

		/* 5.1.2 Illustration : Services
		----------------------------------------------------------------------------- */
		#services-illustration {
			position: relative;
			width: 940px;
			height: 435px;
			margin: 0;
			padding: 0 0 30px 0;
			background: url(../images/site/residential/bg_services-illustration.png) no-repeat bottom;
		}
		
			#services-illustration img {
				margin: 0;
				padding: 0;
				border: 0;
				display: block;
			}
	
		/* 5.1.3 Service : Services
		----------------------------------------------------------------------------- */
		#services-wrap {
			position: relative;
			width: 940px;
			margin: 0 8px;
			padding: 0;
			overflow: hidden;
		}
		
			#services-wrap .service {
				position: relative;
				width: 284px;
				margin: 0 36px 36px 0;
				padding: 0;
				border-bottom: #d8ccc0 solid 1px;
				overflow: hidden;
				float: left;
			}
			
			#services-wrap .last {
				margin: 0;
				padding: 0;
			}
			
				#services-wrap .service h4 {
					margin: 0 0 4px 0;
					padding: 0;
					font: normal bold 1.4em/1em "Arial", sans-serif;
					color: #8f2d2a;
				}
				
					#services-wrap .service h4 a:link,
					#services-wrap .service h4 a:visited {
						border: 0;
						color: #8f2d2a;
						text-decoration: none;
					}
					
					#services-wrap .service h4 a:hover,
					#services-wrap .service h4 a:active {
						border: 0;
						color: #621d1b;
						text-decoration: none;
					}
				
				#services-wrap .service img {
					position: relative;
					width: 280px;
					height: 100px;
					margin: 0;
					padding: 1px;
					border: #d8ccc0 solid 1px;
				}
				
				#main-content #services-wrap .service a {
					border: 0;
				}
				
				#services-wrap .service p {
					position: relative;
					width: 264px;
					margin: 1px 0;
					padding: 10px;
					background: #fef0e2;
					overflow: hidden;
					font: normal normal 1.1em/1.64em "Arial", sans-serif;
					color: #444;
				}
				
				#services-wrap .service .service-excerpt h3,
				#services-wrap .service .service-excerpt .content-image {
					display: none;
				}
				
				#services-wrap .service ul {
					position: relative;
					width: 284px;
					margin: 1px 0;
					padding: 10px 0;
					background: #fef0e2;
					overflow: hidden;
					font: normal normal 1.1em/1.64em "Arial", sans-serif;
					color: #444;
					list-style: none;
				}
				
					#services-wrap .service ul li {
						position: relative;
						width: 122px;
						margin: 0;
						padding: 0 10px;
						float: left;
					}
					
		/* 5.1.4 Sub-Navigation : Services
		----------------------------------------------------------------------------- */

		#main-content #services-sub-nav {
			position: absolute;
			top: 0;
			right: 0;
			height: 26px;
			margin: 0;
			padding: 0;
			/*border-top: #eca45e solid 1px;*/
			border-bottom: #b56f2b solid 1px;
			background: #d48334;
			list-style: none;
			overflow: hidden;
		}

			#services-sub-nav li {
				float: left;
				margin: 0;
				padding: 8px 9px;
				font: normal normal 11px/11px "Arial", sans-serif;
				color: #fff;
			}
			
				#services-sub-nav li a:link,
				#services-sub-nav li a:visited {
					border: 0;
					color: #fff;
					text-decoration: none;
				}
				
				#services-sub-nav li a:hover,
				#services-sub-nav li a:active {
					border-bottom: #fff solid 1px;
					color: #fff;
					text-decoration: none;
				}
				
			#services-sub-nav li#current {
				background: url(../images/site/residential/bg_service-subnav-current.png) no-repeat center bottom;
			}

				#services-sub-nav li#current a:link,
				#services-sub-nav li#current a:visited,
				#services-sub-nav li#current a:hover,
				#services-sub-nav li#current a:active {
					border: 0;
					color: #eac19a;
					text-decoration: none;
				}
				
		/* 5.1.5 File List : Engineer's Corner
		----------------------------------------------------------------------------- */
		
		#main-content #engineers-corner-file-list {
			width: 582px;
			margin: 12px 0 0 0;
			padding: 0;
			overflow: hidden;
			list-style: none;
		}
		
			#engineers-corner-file-list li {
				margin: 0 0 8px 0;
				padding: 6px;
				border-bottom: #e4d7ca solid 1px;
				background: #fef0e2;
				overflow: hidden;
				font: normal normal .86em/1.33em "Arial", sans-serif;
				color: #6f6860;
			}
			
			#engineers-corner-file-list li a {
				width: auto;
				height: 16px;
				margin: 0;
				padding: 3px 0 0 22px;
				display: block;
			}
			
			#engineers-corner-file-list li a.pdf {
				background: url('../images/site/residential/icon_file-pdf.png') no-repeat 0 0;
			}
			
			#engineers-corner-file-list li a.doc {
				background: url('../images/site/residential/icon_file-word.png') no-repeat 0 0;
			}
			
			#engineers-corner-file-list li a.xls {
				background: url('../images/site/residential/icon_file-excel.png') no-repeat 0 0;
			}
			
			#engineers-corner-file-list li a:link,
			#engineers-corner-file-list li a:visited {
				border: 0;
				color: #8f2d2a;
				text-decoration: none;
			}
			
			#engineers-corner-file-list li a:hover,
			#engineers-corner-file-list li a:active {
				border: 0;
				color: #621d1b;
				text-decoration: none;
			}
			
			#engineers-corner-file-list li .file-desc {
				margin: 0;
				padding: 3px 0 6px 22px;
				display: block;
			}
			
		
		/* 5.1.6 FAQs List : FAQs
		----------------------------------------------------------------------------- */
		
		#main-content ol#faqs-list {
			margin: 0;
			padding: auto;
			overflow: hidden;
			list-style: decimal;
		}
		
			#faqs-list li {
				margin: 0;
				padding: 0;
			}
			
			#faqs-list li p {
				font: normal normal 1em/1.43em "Arial", sans-serif;
				color: #444;
			}
			
			#faqs-list li p.question {
				color: #8f2d2a;
				text-decoration: none;
				cursor: pointer;
			}

			#faqs-list li p.question:hover {
				color: #621d1b;
				text-decoration: none;
				cursor: pointer;
			}
			
			#faqs-list li p.answer {
				padding: 0 22px 0 0;
			}
		
		/* 5.1.7 Testimonials : Testimonials
		----------------------------------------------------------------------------- */
		
		.testimonial-wrap {
			margin: 0 0 22px 0;
			padding: 0;
			border-bottom: #d9d9d9 solid 1px;;
		}
		
		.testimonial {
			width: auto;
			margin: 0;
			padding: 0;
			border: 0;
			/*background: url(../images/site/residential/bg_testimonial-quote.png) no-repeat 0 0;*/
		}

			#main-content .testimonial-name {
				margin: 0;
				padding: 6px 0 0 0;
				font-style: normal;
				color: #8f2d2a;
			}
			
			#main-content .testimonial-location {
				margin: 0 0 8px 0;
				padding: 0;
				font-size: 1.2em;
				line-height: 1em;
				font-style: italic;
				color: #999;
			}
			
		/* 5.1.8 Map / Address : Contact
		----------------------------------------------------------------------------- */

		#contact-info {
			width: 582px;
			margin: 12px 0;
			padding: 5px;
			overflow: hidden;
			background: #fef0e2;
		}
		
		#contact-info #map {
			position: relative;
			width: 351px;
			height: 132px;
			margin: 0;
			padding: 0;
			float: left;
			display: block;
		}
		
		#contact-info p {
			position: relative;
			width: 203px;
			margin: 13px 0 0 18px;
			padding: 0;
			float: left;
			font: normal normal 1.2em/1.33em "Arial", "Helvetica", sans-serif;
			color: #6f6860;
		}
		
			#contact-info p span {
				margin: 0;
				padding: 7px 0 0 0;
				display: block;
			}
			
				#contact-info p span span {
					margin: 0;
					padding: 0;
					display: inline;
				}

		#contact-info strong {
			font: normal normal 1.17em/1.29em "Arial", "Helvetica", sans-serif;
			color: #8f2d2a !important;
		}

		#contact-info small {
			/*font: normal normal 1.17em/1.29em "Arial", "Helvetica", sans-serif;*/
			color: #998e82;
			text-transform: uppercase;
		}

		#contact-info a:link,
		#contact-info a:visited {
			border: 0;
			color: #621d1b;
			text-decoration: none;
		}

		#contact-info a:hover,
		#contact-info a:active {
			border: 0;
			color: #8f2d2a;
			text-decoration: none;
		}
		
		/* 5.1.9 Team Bio : Team
		----------------------------------------------------------------------------- */
		
		.team-bio {
			position: relative;
			width: auto;
			height: 100%;
			margin: 12px 0 24px 0;
			padding: 0 0 6px 0;
			border-bottom: #d9d9d9 solid 1px;
			overflow: hidden;
			font-size: 10px;
		}
		
		#main-content #first-bio {
			margin: 24px 0 24px 0;
			padding: 24px 0 6px 0;
			border-top: #d9d9d9 solid 1px;
		}
		
			#main-content .team-bio h3 {
				margin: 0 0 0 135px;
				padding: 0;
				font: italic normal 1.6em/1em "Arial", "Helvetica", sans-serif;
				color: #eb821b;
			}
			
				#main-content .team-bio h3 a:link,
				#main-content .team-bio h3 a:visited {
					border: 0;
					color: #eb821b;
					text-decoration: none;
				}
				
				#main-content .team-bio h3 a:hover,
				#main-content .team-bio h3 a:active {
					border-bottom: #eb821b solid 1px;
					color: #eb821b;
					text-decoration: none;
				}
			
			#main-content p.team-position {
				margin: 4px 0 0 0;
				padding: 0;
				font: italic normal 1.2em/1em "Arial", "Helvetica", sans-serif;
				color: #999;
			}
			
			#main-content .team-bio a:link,
			#main-content .team-bio a:visited {
				border-bottom: 0;
				color: #8f2d2a;
				text-decoration: none;
			}

			#main-content .team-bio a:hover,
			#main-content .team-bio a:active {
				border-bottom: 0;
				color: #621d1b;
				text-decoration: none;
			}
				
		.team-photo {
			position: relative;
			top: -16px;
			width: 116px;
			margin: 0 15px 75px 0;
			padding: 1px;
			border: #d9d9d9 solid 1px;
			overflow: hidden;
			float: left;
			display: block;
		}
		
		/* 5.1.10 News Entry : News
		----------------------------------------------------------------------------- */
		
		.news-story {
			position: relative;
			width: auto;
			height: 100%;
			margin: 12px 0;
			padding: 0 0 6px 0;
			border-bottom: 0;
			overflow: hidden;
			font-size: 10px;
		}
		
		#main-content .news-story h3 {
			margin: 0;
			padding: 0 0 4px 0;
			display: block;
			float: left;
		}
		
		#main-content .news-story .news-date {
			margin: 0 18px 0 0;
			padding: 0;
			font: normal normal 1.2em/1.58em "Arial", "Helvetica", sans-serif;
			color: #999;
			display: block;
			float: left;
		}
		
		/* 5.1.11 Links List : Links
		----------------------------------------------------------------------------- */
		
		#main-content #links-list {
			margin-left: 0;
			padding-left: 0;
			list-style: none;
		}
		
			#main-content #links-list li {
				height: 100%;
				margin: 0 0 22px 0;
				padding: 0;
			}
		
			.link-logo {
				margin: 0;
				padding: 0 10px 0 0;
				float: left;
			}
		
		/* 5.1.x Images
		----------------------------------------------------------------------------- */

		#main-content .wide-image {
			width: 582px;
			margin: 0;
			padding: 0;
			border: #ebded1 4px solid;
		}
	
	/* 5.2 Sidebar
	----------------------------------------------------------------------------- */
	#sidebar {
		position: relative;
		width: 280px;
		margin: 0;
		padding: 0 30px 60px 20px;
		background: url(../images/site/residential/bg_sidebar.png) no-repeat 0 0;
		overflow: hidden;
		float: left;
	}
	
	#home #sidebar {
		background: url(../images/site/residential/bg_sidebar-home.png) no-repeat 0 0;
	}
	
		/* 5.2.1 Sub-Navigation
		----------------------------------------------------------------------------- */
		
		#sub-nav {
			position: relative;
			width: 280px;
			margin: 22px 0 0 0;
			padding: 0 0 18px 0;
			border-top: #e4d8cb solid 1px;
			/*overflow: hidden;*/
			list-style: none;
		}
		
			#sub-nav li {
				position: relative;
				width: 280px;
				height: 38px;
				margin: 0;
				padding: 0;
				border-bottom: #e4d8cb solid 1px;
				font: normal normal 1.2em/1em "Arial", sans-serif;
				color: #645a50;
				text-transform: uppercase;
			}
			
				#sub-nav li.current a {
					color: #645a50;
				}
				
				#sub-nav li.current a span {
					position: absolute;
					top: 0/*4px*/;
					left: -20px;
					width: 21px;
					height: 38px/*30px*/;
					margin: 0;
					padding: 0;
					border: 0;
					background: url(../images/site/residential/bg_sub-nav-current.png) no-repeat 0 0;
					display: block;
				}
			
				#sub-nav li.current a:hover span {
					top: -1px;
					height: 38px;
					padding: 0;
					border-top: #e4d8cb solid 1px;
					border-bottom: #e4d8cb solid 1px;
					background: url(../images/site/residential/bg_sub-nav-current.png) no-repeat 0 -38px;
				}
				
				#sub-nav li a:hover span {
					position: absolute;
					top: -1px;
					left: -20px;
					width: 21px;
					height: 38px/*30px*/;
					margin: 0;
					padding: 0;
					border-top: #e4d8cb solid 1px;
					border-bottom: #e4d8cb solid 1px;
					background: #f6e5d4 url(../images/site/residential/bg_sub-nav-hover.png) repeat-y 0 0;
					display: block;
				}
				
				#sub-nav li a {
					position: relative;
					height: 12px;
					margin: 0;
					padding: 13px 5px;
					border: 0;
					background: #fef0e2;
					display: block;
					color: #8f2d2a;
					text-decoration: none;
				}
				
				#sub-nav li a:hover {
					background: #f6e5d4;
					color: #645a50;
				}
		
		/* 5.2.2 Schedule An Appointment Callout
		----------------------------------------------------------------------------- */
		
		#btn_appt-callout {
			margin: 0;
			padding: 0;
		}
		
		#btn_appt-callout a {
			position: relative;
			width: 280px;
			height: 80px;
			margin: 22px 0 0 0;
			padding: 0;
			border: 0;
			background: url(../images/site/residential/bg_callout-appt.png) no-repeat 0 0;
			overflow: hidden;
			display: block;
			text-decoration: none;
			cursor: pointer;
		}
		
		#btn_appt-callout a:hover {
			background: url(../images/site/residential/bg_callout-appt.png) no-repeat 0 -80px;
		}
			
			#btn_appt-callout a span {
				position: relative;
				width: 200px;
				margin: 14px 0 0 69px;
				padding: 0;
				display: block;
				font: normal normal 1.2em/1.5em "Arial", "Helvetica", sans-serif;
				color: #6f6860;
			}
			
			#btn_appt-callout a span strong {
				font: normal normal 1.17em/1.29em "Arial", "Helvetica", sans-serif;
				color: #8f2d2a;
			}
			
			#btn_appt-callout a:hover span strong {
				color: #621d1a;
			}
		
		/* 5.2.3 BBB Callout
		----------------------------------------------------------------------------- */
		
		#btn_bbb-callout {
			margin: 0;
			padding: 0;
		}
		
		#btn_bbb-callout a {
			position: relative;
			width: 280px;
			height: 80px;
			margin: 22px 0 0 0;
			padding: 0;
			border: 0;
			background: url(../images/site/residential/bg_callout-bbb.png) no-repeat 0 0;
			overflow: hidden;
			display: block;
			text-decoration: none;
			cursor: pointer;
		}
		
		#btn_bbb-callout a:hover {
			background: url(../images/site/residential/bg_callout-bbb.png) no-repeat 0 -80px;
		}
			
			#btn_bbb-callout a span {
				position: relative;
				width: 200px;
				margin: 14px 0 0 69px;
				padding: 0;
				display: block;
				font: normal normal 1.2em/1.5em "Arial", "Helvetica", sans-serif;
				color: #6f6860;
			}
			
			#btn_bbb-callout a span strong {
				font: normal normal 1.17em/1.29em "Arial", "Helvetica", sans-serif;
				color: #8f2d2a;
			}
			
			#btn_bbb-callout a:hover span strong {
				color: #621d1a;
			}
			
		/* 5.2.4 Referral Map Callout
		----------------------------------------------------------------------------- */
			
		#btn_map-callout a {
			position: relative;
			width: 280px;
			height: 170px;
			margin: 30px 0 0 0;
			padding: 0;
			border: 0;
			background: url(../images/site/residential/bg_callout-map.png) no-repeat 0 0;
			overflow: hidden;
			display: block;
			text-decoration: none;
		}
		
		#btn_map-callout a:hover {
			background: url(../images/site/residential/bg_callout-map.png) no-repeat 0 -170px;
		}
		
			#btn_map-callout a img {
				position: relative;
				width: 272px;
				height: 132px;
				margin: 0;
				padding: 4px;
				display: block;
			}
			
			#btn_map-callout a br {
				display: none;
			}
			
			#btn_map-callout a span {
				position: relative;
				margin: 8px 8px 0 0;
				padding: 1px 0 0 18px;
				background: url(../images/site/residential/icon_view.png) no-repeat 0 0;
				display: block;
				float: right;
				font: normal normal 1.3em/1em "Arial", "Helvetica", sans-serif;
				color: #621d1b;
			}
			
			#btn_map-callout a:hover span {
				color: #8f2d2a;
			}

/* 6. Footer Wrap
----------------------------------------------------------------------------- */

#footer-wrap {
	position: relative;
	width: 100%;
	height: 106px;
	margin: 0;
	padding: 0;
	background: #8f2d2a url(../images/site/residential/bg_footer.png) repeat-x 0 0;
	overflow: hidden;
}

	/* 6.1 Footer
	----------------------------------------------------------------------------- */
	
	#footer {
		position: relative;
		width: 960px;
		margin: 0 auto;
		padding: 22px 0;
		overflow: hidden;
	}
	
		/* 6.1.1 Footer Navigation
		----------------------------------------------------------------------------- */
		
		#footer-nav {
			position: relative;
			width: 560px;
			margin: 0;
			padding: 0;
			overflow: hidden;
			float: left;
		}
		
			#footer-nav h5 {
				margin: 0;
				padding: 0;
				font: normal normal 2em/1em "Arial", "Helvetica", sans-serif;
				color: #fff;
			}
			
				#footer-nav h5 span {
					position: relative;
					top: -1px;
					margin: 0;
					padding: 0;
					font: italic normal .8em/1em "Arial", "Helvetica", sans-serif;
					color: #fff;
				}
		
			#footer-nav ul {
				margin: 2px 0 0 0;
				padding: 0;
				list-style: none;
				font: normal normal 1.1em/1.63em "Arial", "Helvetica", sans-serif;
				color: #f8a656;
				text-decoration: none;
			}

				#footer-nav ul li {
					margin: 0 6px 0 0;
					padding: 0 6px 0 0;
					background: url(../images/site/residential/bg_footer-nav-link.png) no-repeat 100% 9px;
					float: left;
				}

				#footer-nav ul li.last {
					margin: 0;
					padding: 0;
					background: none;
					float: left;
				}
				
				#footer-nav ul li#geotechnical-link {
					margin: 0;
					padding: 0;
					background: none;
					float: none;
					clear: both;
				}
				
					#footer-nav ul li#geotechnical-link a {
						font-weight: bold;
					}

				#footer-nav ul li a:link,
				#footer-nav ul li a:visited {
					color: #f8a656;
					text-decoration: none;
				}

				#footer-nav ul li a:hover,
				#footer-nav ul li a:active {
					color: #f8a656;
					text-decoration: none;
					border-bottom: #f8a656 solid 1px;
				}
		
		/* 6.1.2 Copyright
		----------------------------------------------------------------------------- */
		
		#copyright {
			position: relative;
			width: 400px;
			margin: 0;
			padding: 0;
			overflow: hidden;
			float: left;
			text-align: right;
		}
	
		#copyright p {
			margin: 0;
			padding: 0 10px;
			font: normal normal 1.1em/1.63em "Arial", "Helvetica", sans-serif;
			color: #fff;
		}
	
		#copyright a:link,
		#copyright a:visited {
			border-bottom: #fff solid 1px;
			color: #fff;
			text-decoration: none;
		}
	
		#copyright a:hover,
		#copyright a:active {
			border-bottom: #ccc solid 1px;
			color: #ccc;
			text-decoration: none;
		}
		
/* 7. Buttons
----------------------------------------------------------------------------- */

	/* 7.1 Read More (used on Homepage > Testimonials)
	----------------------------------------------------------------------------- */
	#home a.btn_read-more:link,
	#home a.btn_read-more:visited,
	#home a.btn_read-more:hover,
	#home a.btn_read-more:active {
		border: 0;
	}
	
	.btn_read-more {
		width: 85px;
		height: 30px;
		margin: 0;
		padding: 0;
		border: 0;
		background: url(../images/site/residential/btn_read-more.png) repeat-x 0 0;
		overflow: hidden;
		text-indent: -9999em;
		display: block;
	}
	
	.btn_read-more:hover {
		background: url(../images/site/residential/btn_read-more.png) repeat-x 0 -30px;
	}
	
/* 8. Forms
----------------------------------------------------------------------------- */

p.required-label {
	line-height: 24px !important;
}

#contact-form {
	margin: 12px 0 0 0;
	padding: 0;
}

	#contact-form p {
		position: relative;
		width: auto;
		height: auto;
		margin: 0 0 12px 0;
		padding: 0;
		overflow: hidden;
	}

label {
	position: relative;
	width: 90px;
	height: 24px;
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;
	font: normal bold .86em/24px "Arial", sans-serif;
	color: #444;
	text-transform: uppercase;
	text-align: left;
}

.not-required {
	width: 111px;
}

	.required {
		position: relative;
		width: 21px;
		height: 24px;
		margin: 0;
		padding: 0;
		border: 0;
		background: url(../images/site/residential/icon_required.png) no-repeat 0 0;
		display: block;
		float: left;
		text-indent: -9999em;
	}

input,
select,
textarea {
	width: 310px;
	margin: 0;
	padding: 3px 5px;
	border: 1px solid;
	border-color: #aaa #ccc #ccc #aaa;
	background: #fff;
	font: normal normal 1em "Arial", sans-serif;
	color: #444;
}

input {
	width: 310px;
	height: 16px;
}

textarea {
	width: 410px;
	height: 130px;
}

.btn-submit {
	position: relative;
	left: 111px;
	width: 85px;
	height: 30px;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	cursor: pointer;
}

select,
.button input,
.checkbox input {width: auto;}

fieldset.button {text-align: right;}

	.checkbox input {
		background: transparent;
		border: 0;
		vertical-align: middle; 
	}

/* 9. sIFR
----------------------------------------------------------------------------- */

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

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

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

.sIFR-replaced div.sIFR-fixfocus {
  margin: 0; 
  padding: 0; 
  overflow: auto; 
  letter-spacing: 0;
  float: none;
}

.sIFR-active h2 {
  visibility: hidden;
  font-family: "Arial", sans-serif;
}

/* 10. Misc
----------------------------------------------------------------------------- */

	/* 10.1 Pagination
	----------------------------------------------------------------------------- */

	.paginate {
		width: auto;
		margin: 18px 0 0 0;
		padding: 8px 0;
		/*border-top: #d9d9d9 solid 1px;*/
		font: normal normal 1.2em/1em "Arial", "Helvetica", sans-serif;
		color: #999;
		text-align: right;
	}
	
		.paginate a {
			border: 0 !important;
		}