@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	background: url(../graphics/bg.gif) repeat-y center #e4e1d1;
	font-size: 12px;
	font-family: "Tahoma", Arial, Helvetica, sans-serif;
	color: #000000;
}

p {margin-top: 14px; margin-bottom: 0;}

h1 {
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	height: 36px;
	font-size: 23px;
	text-transform: uppercase;
	color: #614827;
	margin: 0;
	padding: 0;
}

h2 {
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0;
	color: #8b7356;
	padding: 0;
}

h3 {
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	margin: 14px 0 0 0;
	font-size: 13px;
	color: #614827;
	padding: 0;
	text-transform: uppercase;
	border-bottom: 1px solid #bbb199;
}


a {color: #614827; font-weight: bold; text-decoration: underline;}
a:visited {color: #463012; font-weight: bold; text-decoration: underline;}
a:hover {color: #9c7747; font-weight: bold; text-decoration: underline;}

a img {border: none;}

ul {margin: 15px 0 0 10px; padding: 0; list-style: none;}
ul li {margin: 0; list-style: none;}

.brown-bullet {background: url(../graphics/bullets/bullet-brown.gif) 0 2px no-repeat; padding: 0 0 0 12px;}
.contact-bullet-big {background: url(../graphics/bullets/contact-big.gif) 0 2px no-repeat; padding: 0 0 0 22px;}
.map-bullet {background: url(../graphics/bullets/map.gif) 0 2px no-repeat; padding: 0 0 0 22px;}
.book-bullet {background: url(../graphics/bullets/book-open.gif) 0 2px no-repeat; padding: 0 0 0 22px;}
.tool-bullet {background: url(../graphics/bullets/wrench.gif) no-repeat; padding: 0 0 0 22px;}
.info-bullet {background: url(../graphics/bullets/information.gif) no-repeat; padding: 0 0 0 22px;}
.building-bullet {background: url(../graphics/bullets/building.gif) no-repeat; padding: 0 0 0 22px;}

#header-container {
	width: 100%;
	height: 131px;
	border-bottom: 2px solid #ffffff;
}

	#header-center {
		width: 760px;
		height: 125px;
		margin: 0 auto;
		padding: 6px 10px 0 0;
		font-size: 12px;
		background-color: #bbb199;
		border-left: 2px solid #ffffff;
		border-right: 2px solid #ffffff;
	}
	
		#header-center a, #header-center a:visited {
			padding: 0px 0 0px 0px;
			color: #ffffff;
			text-decoration: none;
			font-weight: normal;
			float: left;
		}
		
		#header-center a:hover {color: #ffffff; text-decoration: none; font-weight: normal;}
		
		#header-center a.link-home {background: url(../graphics/icons/home.gif) left no-repeat;}
		#header-center a.link-bookmark {background: url(../graphics/icons/tag.gif)left no-repeat; margin-right: 25px;}
	
#body-container {
	width: 100%;
	background-color: #bbb199;
}

	#body-center {
		width: 770px;
		margin: 0 auto;
		position: relative;
		background-position:bottom;
		background-image:url(../graphics/bg_body.gif);
		background-repeat:repeat-x;
		background-color:#e4e1d1;
		border-left: 2px solid #ffffff;
		border-right: 2px solid #ffffff;
	}
	
	#nav-top {
		width: 770px;
		height: 36px;
		background-color: #8b7356;
	}
	
		#nav-top-content {
			width: 770px;
			height: 36px;
			font-size: 12px;
			float: left;
			overflow:hidden;
		}
		
			#nav-top-content ul {margin: 0 0 0 0; padding: 0 0 0 0; list-style: none;}
			#nav-top-content li {margin: 0 0 0 0; padding: 0 0 0 0; list-style: none; float: left;}
				
				#nav-top-content li a {
					padding: 12px 15px 12px 15px;
					color: #ffffff;
					text-decoration: none;
					font-weight: normal;
					float: left;
					margin:0 0 0 0;
				}
				
				#nav-top-content li a:hover {background-color: #ab9c83; font-weight: normal; padding:12px 15px 12px 15px; margin:0 0 0 0;}
				
				*html #nav-top-content li a:hover {height: 1%;}
		
		#nav-top-search {
			width: 200px;
			height: 28px;
			float: right;
			margin-top:-9px;
		}
		
	#content {
		width: 740px;
		padding: 25px 15px;
		line-height: 19px;
	}
	
	#content-sub {
		width: 770px;
		line-height: 18px;
		background: url(../graphics/bg_content-sub.gif) repeat-y;
	}
	
		#content-left {
			width: 318px;
			min-height:250px;
			float: left;
			border:1px solid #fff;
			text-align:center;
			padding:20px;
		}
		
		#content-right {
			width: 312px;
			min-height:250px;
			padding:20px;
			text-align:center;
			float: right;
			border:1px solid #fff;
		}
		
		#sub-nav {
			width: 190px;
			font-size: 12px;
			padding-bottom: 64px;
			float: left;
		}
		
			#sub-nav-title {
				width: 190px;
				background-color: #6b5233;
				text-align: center;
				border-bottom: 1px solid #e4e1d1;
			}
			
				#sub-nav-title h2 {
					margin: 0;
					color: #e4e1d1;
					font-size: 14px;
					font-family: Georgia, "Times New Roman", Times, serif;
					font-weight: normal;
					line-height: 16px;
				}
			
				.double-title {height: 44px; padding-top: 11px;}
				.single-title {height: 37px; padding-top: 18px;}
		
			#sub-nav ul,
			#sub-nav ul li,
			#sub-nav ul li ul li {margin: 0; padding: 0; list-style: none;}
			
			#sub-nav ul li ul {margin: 0; padding: 0 0 0 18px; list-style: none; background: url(../graphics/bg_sub-ul.gif) repeat-x bottom #8b7356;}
			
			#sub-nav ul li a,
			#sub-nav ul li a:visited,
			#sub-nav ul li ul li a,
			#sub-nav ul li ul li a:visited {
				display: block;
				color: #000000;
				background-color: #bbb199;
				border-bottom: 1px solid #e4e1d1;
				text-decoration: none;
				font-weight: normal;
			}
			
			#sub-nav ul li a,
			#sub-nav ul li a:visited {width: 175px; padding: 4px 0 4px 15px; font-weight: normal;}
			
			#sub-nav ul li ul li a,
			#sub-nav ul li ul li a:visited {width: 164px; padding: 4px 0 4px 8px; font-weight: normal;}
			
			#sub-nav ul li a:hover,
			#sub-nav ul li ul li a:hover {background-color: #c9c1ac; font-weight: normal;}
			
			#sub-nav ul li a.active-link,
			#sub-nav ul li a.active-link:visited,
			#sub-nav ul li ul li a.active-link,
			#sub-nav ul li ul li a.active-link:visited {background-color: #e4e1d1; font-weight: normal;}
			#sub-nav ul li a.active-link:hover,
			#sub-nav ul li ul li a.active-link:hover {color: #6b5233; background-color: #e4e1d1; font-weight: normal;}
			
			*html #sub-nav a {height: 1%;}
		
		#content-main-container {
			width: 580px;
			float: right;
		}
		
			#breadcrumbs {
				width: 572px;
				padding: 4px 0 4px 8px;
				font-size: 10px;
				color: #ffffff;
				background-color: #bbb199;
			}
			
				#breadcrumbs a,
				#breadcrumbs a:visited {color: #FFFFFF; text-decoration: none; font-weight: normal;}
				#breadcrumbs a:hover {color: #ffffff; text-decoration: underline; font-weight: normal;}
			
			#content-main {
				width: 550px;
				padding: 15px 15px 79px 15px;
			}
			
				.content-half-left,
				.content-half-right {width: 265px; margin-top: 15px;}
				
				.content-half-left {float: left;}
				.content-half-right {float: right;}
				
				.contact-form {
					width: 300px;
					float: left;
				}
				
				.contact-text {
					width: 224px;
					padding: 8px;
					background-color: #bbb199;
					border-top: 2px solid #ffffff;
					border-bottom: 2px solid #ffffff;
					float: right;
				}
				
				
				/*** COMPLETED PROJECTS DIVS ***/
				
				
				.completed-projects,
				.completed-projects-margin {
					width: 166px;
					height: 198px;
					border: 2px solid #ffffff;
					float: left;
				}
				
				.completed-projects {margin-left: 4px;}
				.completed-projects-margin {margin-left: 15px;}
				
				.completed-projects-double {
					width: 351px;
					height: 198px;
					margin-left: 15px;
					border: 2px solid #ffffff;
					background-color: #8b7356;
					float: left;
				}
				
				
				/*** COMPLETED PROJECTS TABLES ***/
				
				.completed-projects-table {
					margin: 15px auto 0 auto;
				}
				
				.completed-projects-img {
					width: 166px;
					height: 151px;
					border: 2px solid #ffffff;
				}
				
					.completed-projects-img img {width: 166px; height: 151px;}
				
				.completed-projects-text {
					width: 166px;
					height: 45px;
					border-left: 2px solid #ffffff;
					border-right: 2px solid #ffffff;
					border-bottom: 2px solid #ffffff;
				}
				
				.completed-projects-spacer {width: 15px;}
				
				
				
				#services-container {
					width: 550px;
					height: 242px;
					margin: 15px auto 0 auto;
					text-align: center;
					font-size: 11px;
					line-height: 13px;
					background: url(../graphics/bg_services.gif) no-repeat;
				}
				
					#services-container ul {margin: 5px auto 0 auto; padding: 0; list-style: none;}
					#services-container ul li {margin: 0 auto; padding: 0; list-style: none; font-size: 10px;}
					
					#services-container strong {font-size: 13px;}
					
					#services-container a,
					#services-container a:visited {color: #000000; text-decoration: underline; font-weight: normal;}
					#services-container a:hover {color: #463012; text-decoration: underline; font-weight: normal;}
				
					#services-appro {
						width: 165px;
						padding: 34px 16px 0 24px;
						float: left;
					}
					
					#services-combined {
						width: 144px;
						padding-top: 68px;
						float: left;
					}
					
					#services-cerron {
						width: 156px;
						padding: 34px 22px 0 23px;
						float: left;
					}
					
				#full-width-brown-bar {
					width: auto;
					margin: 15px auto 0 auto;
					color: #ffffff;
					font-size: 14px;
					text-align: center;
					text-transform: uppercase;
					font-weight: bold;
					background-color: #8b7356;
				}
				
					#full-width-brown-bar a,
					#full-width-brown-bar a:visited {
						width: auto;
						padding: 15px;
						display: block;
						color: #ffffff;
						text-decoration: none;
						font-weight: normal;
					}
					
					#full-width-brown-bar a:hover {
						color: #ffffff;
						text-decoration: underline;
						font-weight: normal;
					}
			
		#construction-content-footer {
			width: 568px;
			height: 124px;
			padding: 8px 6px 28px 6px;
			background-color: #ab9c83;
			border-top: 2px solid #ffffff;
		}
		
			.construction-footer-thumbnail,
			.construction-footer-thumbnail-margin {
				width: 89px;
				float: left;
			}
			
			.construction-footer-thumbnail-margin {margin-left: 6px;}
			
				.construction-footer-thumbnail p,
				.construction-footer-thumbnail-margin p {
					margin: 4px 0 0 0;
					font-size: 10px;
				}
				
				.construction-footer-thumbnail strong,
				.construction-footer-thumbnail-margin strong {
					font-weight: normal;
					/*text-transform: uppercase;*/
				}
				
			#construction-content-footer a,
			#construction-content-footer a:visited {color: #000000; text-decoration: none; font-weight: normal;}
			#construction-content-footer a:hover {color: #000000; text-decoration: underline; font-weight: normal;}
	
	#span-all {
		border:1px solid #fff;
		margin-bottom:40px;
		padding:2em;
		}
	
	.not-home {
		width:770px;
		height:75px;
		background-position:bottom;
		background-image:url(../graphics/bg_body.gif);
		background-repeat:repeat-x;
		}
	.not-home p {
		padding-top:30px;
		padding-right:15px;
		}
		
	#footer-tagline p {
		color:#fff;
		font-family:Arial, Helvetica, sans-serif;
		font-size:2em;
		margin-top:0px;
		text-align:right;}
			
	#footer-appro-cerron {
		width: 770px;
		height: 114px;
		background: url(../graphics/bg_footer-appro-cerron.gif) repeat-x;
		position: absolute;
		bottom: -50px;
	}
		
		#footer-logo {width: 174px; height: 114px; float: left;}
		#footer-logo-right {width: 174px; height: 114px; padding-right: 20px; float: right;}
		#footer-redirect {
			width: 400px;
			height: 88px;
			padding: 26px 102px 0 0;
			text-align: right;
			color: #ffffff;
			font-size: 12px;
			font-style: italic;
			float: right;
		}
			
			#footer-redirect a {
				width: 78px;
				height: 48px;
				margin-top: -32px;
				margin-right: -88px;
				float: right;
				display: block;
			}
			
			*html #footer-redirect a {margin-right: -44px;}
			
			.appro-footer {background: url(../graphics/bg_appro-small.gif) no-repeat top right;}
			.cerron-footer {background: url(../graphics/bg_cerron-small.gif) no-repeat top right;}
	
#footer-container {
	width: 100%;
	border-top: 2px solid #ffffff;
}

	#footer-center {
		margin: 0 auto;
		font-size: 11px;
		/*border-left: 2px solid #ffffff;
		border-right: 2px solid #ffffff;*/
	}
	
		.footer-center-normal {
			width: 750px;
			padding: 63px 0 15px 20px;
		}
		
		.footer-center-home {
			width: 735px;
			padding: 5px 5px 5px 5px;
			text-align: center;
		}
	

.img-float-right-border,
.img-float-right {
	float: right;
	margin-left: 10px;
}

.img-float-right-border {border: 2px solid #ffffff;}
		
	
#div-margin-top-15 {width: auto; margin-top: 15px;}
	
.float-left {float: left;}	
.subhead {color: #614827; text-transform: uppercase; font-weight: bold;}
.hiddenspan {display: none;}	
.center {text-align: center;}
	
	
/****** CLEAR PROPERTIES ******/

.clear-both {clear: both;}
.clear-left {clear: left;}
.clear-right {clear: right;}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

*html .clearfix {height: 1%;}	




/****** FORM STYLES ******/

form {margin: 0;}

.search-bar,
.search-bar-inverted  {
	width: 162px;
	height: 16px;
	margin-top: 7px;
	padding: 3px 3px 1px 3px;
	border: 1px solid #ffffff;
	font-family: "Tahoma", Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.search-bar {
	background-color: #e4e1d1;
	color: #614827;
	float: left;
}

.search-bar-inverted {
	background-color: #8b7356;
	color: #ffffff;
}

.search-graphic {
	margin-top: 7px;
	margin-left: 2px;
	float: left;
}

label {
	float: left;
	width: 90px;
	font-weight: bold;
	text-align: right;
	padding-right: 6px;
	padding-top: 1px;
}

.contact-input {height: 13px; margin-bottom: 5px;}

.contact-input, .textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 180px;
	padding: 3px;
	margin-bottom: 5px;
	border: 1px solid #bbb199;
	background: #f2f1ea;
}

input.radio {width: 16px; height: 16px; margin-top: 4px; background: none; border: none;}
input.checkbox {width: 16px; height: 16px; margin-top: 4px; background: none; border: none;}

.textarea {height: 98px;}

.boxes {
	width: 16px;
	border: none;
	background: none;
}

#submitbutton {
	margin-left: 96px;
	margin-top: 5px;
	width: 70px;
	height: 30px;
	border: none;
	background: none;
}

*html #submitbutton {margin-left: 100px;}



/****** LISTINGS PAGE STYLES - BOOOOOO FOR TABLES AND CONTRIBUTE ******/

.listings-table {margin: 15px 0 0 0;}

	/****** LISTINGS SMALL PAGE STYLES ******/

	.listings-small-individual-pic {
		width: 129px;
		border: 2px solid #ffffff;
	}
	
	.listings-small-individual {
		width: 117px;
		border-left: 2px solid #ffffff;
		border-right: 2px solid #ffffff;
		padding: 8px 6px 6px 6px;
		vertical-align: top;
		font-size: 11px;
		background-color: #bbb199;
		line-height: 14px;
	}
	
		.listings-small-individual h2 {color: #614827; font-size: 11px; margin: 0; text-transform: uppercase;}
			.listings-small-individual h2 a,
			.listings-small-individual h2 a:visited {color: #614827; text-decoration: none;}
			.listings-small-individual h2 a:hover {color: #614827; text-decoration: underline;}
			
		.listings-small-individual p {margin: 6px 0 0 0;}
	
	.listings-small-individual-list {
		width: 117px;
		padding: 0 6px 6px 6px;
		vertical-align: top;
		border-left: 2px solid #ffffff;
		border-right: 2px solid #ffffff;
		border-bottom: 2px solid #ffffff;
		font-size: 11px;
		background-color: #bbb199;
		line-height: 14px;
	}
	
		.listings-small-individual-list ul {margin: 0; padding: 0; list-style: none;}
		.listings-small-individual-list li {margin: 0; padding: 0 0 0 16px; list-style: none; line-height: 16px;}
			
			.arrow-bullet {background: url(../graphics/bullets/arrow.gif) no-repeat;}
			.contact-bullet {background: url(../graphics/bullets/contact.gif) no-repeat;}
			
			.listings-small-individual-list li a,
			.listings-small-individual-list li a:visited {color: #000000; text-decoration: underline; font-weight: normal;}
			.listings-small-individual-list li a:hover {color: #000000; text-decoration: none; font-weight: normal;}
	
	.listings-small-spacer {width: 6px;}
	
	
	
	/****** LISTINGS SMALL PAGE STYLES - BLANK *******/
	
	.listings-small-individual-pic-blank, .listings-small-individual-blank, .listings-small-individual-list-blank {width: 133px;}
	
	
	
	/****** LISTINGS MAIN PAGE STYLES ******/
	
	.listings-main-content,
	.listings-main-content-thumbnails {
		width: 326px;
		font-size: 12px;
		vertical-align: top;
	}
	
	.listings-main-content-thumbnails img {border: 2px solid #ffffff;}
	
	.listings-main-spacer {width: 10px;}
	
	.listings-main-pic {width: 214px; font-size: 12px; vertical-align: top;}
	
		.listings-main-pic img {border: 2px solid #ffffff;}
		
		.listings-main-pic ul {margin: 15px 0 0 0; padding: 0; list-style: none;}
		.listings-main-pic ul li {margin: 3px 0; padding: 0 0 0 22px; list-style: none;}













/****** sIFR ******/

/* These are standard sIFR styles... do not modify */

.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;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

/*.sIFR-hasFlash h2 {
	visibility: hidden;
	font-size: 22px;
	margin: 0;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}*/