/*-------------------------------------------------------
	Standard Selectors
-------------------------------------------------------*/

	* {
		margin: 0;
		padding: 0;
	}
		
	body {
		color: #5a5345;
		font-size: 10pt;
		font-family: tahoma, verdana, arial;
		background-color: #b5ada0;
		background-image: url(../images/page-bg.jpg);
		background-repeat: repeat-x;
		height: auto;
	}
		
	h1, h2, h3, p, ul {
		margin: 10px;
		padding: 0; }
		
	td { }
	
	h1 {
		font-size: 15pt;
	}
	
	h2 {
		font-size: 13pt;
		text-align: center;
	}
	
	h3 {
		font-size: 11pt;
		margin-bottom: -5px;
	}
	
	a:link, a:visited {
		color: #005390;
	}
		
	a:hover {
		text-decoration: none;
	}
		
	a:active {
		color: #063;
	}
	
	li {
	margin: 0 3px 3px 50px;
	list-style: inside disc;
	}
		
/*-------------------------------------------------------
	Structural Selectors
-------------------------------------------------------*/

	#outer-container {
		background-image: url(../images/outer-container.jpg);
		background-repeat: no-repeat;
		background-position: center top;
		text-align: center;
		width: 100%;
		float: left;
	}
		
	#inner-container {
		text-align: left;
		width: 770px;
		clear: both;
		margin-right: auto;
		margin-left: auto;
		display: block;
	}

	#main-wrapper-base {
		background-image: url(../images/main-wrapper-base.jpg);
		background-repeat: no-repeat;
		width: 770px;
		float: left;
	}

	#main-wrapper-over {
		background-image: url(../images/main-wrapper-over.jpg);
		background-repeat: no-repeat;
		background-position: 0 bottom;
		width: 770px;
		float: left;
	}

	#main-nav {
		background-image: url(../images/main-nav.jpg);
		width: 225px;
		height: 500px;
		float: left;
		display: inline;
	}
		
	#mast-nav {
		width: 545px;
		height: 32px;
		float: right;
		display: inline;
	}

	#header {
		width: 517px;
		height: 226px;
		float: right;
		margin-right: 19px;
		display: inline;
	}

	#main-content {
		width: 515px;
		float: right;
		min-height: 350px;
		margin-right: 20px;
		margin-bottom: 20px;
		display: inline;
	}

	#supp-wrapper {
		width: 560px;
		float: right;
	}

	.supp-content-base {
		background-image: url(../images/supp/bg-base.jpg);
		background-repeat: no-repeat;
		background-position: 0 bottom;
		width: 280px;
		float: left;
		display: inline;
	}

	.supp-content-over {
		background-image: url(../images/supp/bg-over.jpg);
		background-repeat: no-repeat;
	}

	#footer {
		text-align: center;
		margin: 0 0 0 225px;
		width: 540px;
		clear: both;
		padding: 0 0 10px 0;
	}

/*-------------------------------------------------------
	main-nav
-------------------------------------------------------*/

	#main-nav * {
		margin: 0;
		padding: 0;
		list-style-type: none; }

	#logo-home {
		width: 225px;
		height: 85px;
		float: left; }

	#main-nav li {
		clear: both;
		display: inline;
		 }

	#main-nav li a {
		background-image: url(../images/main-nav.jpg);
		text-indent: -999em;
		width: 225px;
		height: 30px;
		float: left;
		clear: both;
		display: block; }

	#new-homes-button {
		background-position: 0 -85px; }

	#new-homes-button:hover {
		background-position: -225px -85px;
	}
	
	#new-homes-button.down {
		background-position: -450px -85px;
		cursor: default;
	}

	#remodeling-button {
		background-position: 0 -115px;
	}

	#remodeling-button:hover {
		background-position: -225px -115px;
	}
	
	#remodeling-button.down {
		background-position: -450px -115px;
		cursor: default;
	}

	#construction-button {
		background-position: 0 -145px;
	}

	#construction-button:hover {
		background-position: -225px -145px;
	}

	#construction-button.down {
		background-position: -450px -145px;
		cursor: default;
	}

	#resources-button {
		background-position: 0 -175px;
	}

	#resources-button:hover {
		background-position: -225px -175px;
	}

	#resources-button.down {
		background-position: -450px -175px;
		cursor: default;
	}

	#gallery-button {
		background-position: 0 -205px;
	}

	#gallery-button:hover {
		background-position: -225px -205px;
	}

	#gallery-button.down {
		background-position: -450px -205px;
		cursor: default;
	}

	#nav-contact {
		float: left;
		display: inline;
		width: 195px;
		margin: 10px 10px 10px 20px;
		text-align: center;
	}
	
/*-------------------------------------------------------
	mast-nav
-------------------------------------------------------*/

	#mast-nav p {
		text-align: right;
		margin: 0 10px 5px 0;
		padding: 0;
		line-height: 25px;
	}
	
	#mast-nav a {
		color: #FFFFFF;
		text-decoration: none;
		font-variant: small-caps;
		margin: 0 0 0 2px;
		padding: 3px 6px 3px 6px;	
	}
	
	#mast-nav a:hover {
		text-decoration: underline;
	}
	
	#mast-nav a.down {
		background: #e4e3df;
		color: #006699;
		text-decoration: none;
		cursor: default;
	}


/*-------------------------------------------------------
	supp-content
-------------------------------------------------------*/

	#supp-wrapper h3 {
		margin: 5px 25px 5px 25px;
	}

	#supp-wrapper p {
		margin: 0 25px 20px;
	}

	#supp-wrapper img {
		margin: 20px 19px 0 20px;
	}

	#supp-wrapper .more {
		margin-top: -20px;
		text-align: right;
	}
	
/*-------------------------------------------------------
	Footer
-------------------------------------------------------*/

	#footer p {
		margin: 0;
	}

/*-------------------------------------------------------
	Gallery
-------------------------------------------------------*/

	.gallery {
		margin: 8px;
		padding-bottom: 20px;
	}
	
	.gallery a {
		float: left;
		border: 1px solid #5a5345;
		margin: 10px;
	}
	
	.gallery img {
		border: 1px solid #e5e2dd;
	}
	
/*-------------------------------------------------------
	Other Selectors
-------------------------------------------------------*/

	body#contact-page #nav-contact {
		display: none;
	}
	
	.contact-address {
		width: 515px;	
	}
	
	.address {
		margin: 0 auto 0 auto;
		width: 240px;
		text-align: center;
	}
	
	.signature {
		margin-top: 50px;
	}
	
	.clear {
		clear: both;
	}

/*--------------------------------------
				LIGHTBOX
--------------------------------------*/

#lightbox	{	
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0; }
	
#lightbox img	{ 
	width: auto;
	height: auto; }
	
#lightbox a img	{ 
	border: none; }

#outerImageContainer{ 
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto; }
	
#imageContainer{ 
	padding: 10px; }

#loading	{ 
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0; }

#hoverNav	{ 
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10; }
	
#imageContainer>#hoverNav	{ 
	left: 0; }
	
#hoverNav a	{ 
	outline: none; }

#prevLink, #nextLink	{ 
	width: 49%;
	height: 100%;
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ 
	display: block; }
	
#prevLink { 
	left: 0; 
	float: left; }
	
#nextLink { 
	right: 0; 
	float: right; }
	
#prevLink:hover, #prevLink:visited:hover { 
	background: url(../images/prevlabel.gif) left 15% no-repeat; }
	
#nextLink:hover, #nextLink:visited:hover { 
	background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ 
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	; }

#imageData	{	
	padding:0 10px;
	color: #666; }
	
#imageData #imageDetails	{ 
	width: 70%;
	float: left;
	text-align: left; }	

#imageData #caption	{ 
	font-weight: bold;	}
	
#imageData #numberDisplay	{ 
	display: block;
	clear: left;
	padding-bottom: 1.0em;	}			

#imageData #bottomNavClose	{ 
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
	outline: none; }	 	

#overlay	{ 
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #01365d; }


/*-------------------------------------------------------
	Contact Form
-------------------------------------------------------*/
#contact_form * {
	list-style-type: none;
}

#contact_form {
	float: left;
	clear: both;
	display: inline;
	text-align: left;
	width: 400px;
	margin: 10px 0 10px 55px;
	padding: 0 0 10px 0;
	border: 1px solid #B5ADA0;
}

#contact_form h1 {
	background: #5a5345 url(../images/form-h1-bg.gif);
	color: #E5E2DD;
	border-bottom: 1px solid #B5ADA0;
	padding: 3px 0 3px 0;
	font-size: 1em; 
	font-weight: bold; 
	clear: both;
	margin: 0;
	text-align: center;
}

#contact_form label { 
	text-align: left;
	width: 100px; 
	float: left; 
	display: block;
}

#contact_form input, #contact_form textarea {
	border-top: 1px solid #666666;
	border-right: 1px solid #B5ADA0;
	border-bottom: 1px solid #B5ADA0;
	border-left: 1px solid #666666;
}

#submit {
	background: #3399cc url(../images/form-h1-bg.gif);
	color: #E5E2DD;
	font-weight: bold;
	padding: 3px;
	cursor: pointer;
}

#submit:hover {
	background: url(none);
}

.bot-input { 
	float: left; 
	margin-left: -999em;
}
	
/*-------------------------------------------------------
	Mozilla Clearfix
-------------------------------------------------------*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
	/* Hides from IE-mac */
	* html .clearfix {height: 1%;}
	/* End hide from IE-mac */