* { margin:0px; padding:0px; }
html {
     overflow: -moz-scrollbars-vertical;
}
body { 
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:62.5%;
	color:#6c5735;
	background:#6C5735;
	height:100%;
}

a:link, a:visited, a:active { 
	color:#005598;
	text-decoration:none;
	cursor:pointer !important;
}

a:hover { 
	color:#4c2e28;
	cursor:pointer !important;
	text-decoration:underline;
}
a.active {font-weight:bold; }
.noright { border-right:0px !Important; }
.white { color:#eff4e5 !important; }
img.homeheader {
	padding:0 0 10px 0;
	}
	
#everything { 
	width:900px;
	margin:20px auto 10px auto;
	overflow:hidden;
	background:#fff;
}
#footer { 
	width:900px;
	margin:0px auto;
	clear:both;
	text-align:center;
	color:#fafafa;
	font-size:11px;
}
#footer a  { color:#fcb131; }
h1 { 
position:absolute;
left:-9999px;
}
/***********************************************************************
Header Styles
***********************************************************************/
#header {
	width:100%;
	margin:10px 0;
	overflow:hidden;
	}
	#header .logo { 
		padding: 0 15px;
		border:0px;
		float:left;
		}
		#header #mainnav { 
			float:right;
			font-weight:normal;
			font-size:14px;
			font-family:arial;
			line-height:1.1em;
			position:relative;
			top:65px;
			left:5px;
			}
			#header #mainnav ul li { 
				float:left;
				list-style-type:none;
				margin-right:8px;
				padding-right:8px;
				border-right:1px solid #f79f58;
				}
				#header #mainnav ul li a { color:#4c2e28; }
/***********************************************************************
Home Styles
***********************************************************************/
#homeMid { 
	width:100%;
	height:310px;
	float:left;
	overflow:hidden;
	position:relative;	
	}
	#homeMid div {display:inline;float:left;position:relative;}
	#homeMid .left {
		width:407px;
		height:100%;
		float:left;
		position:relative;
		}
		#homeMid .left .slideshow, #homeMid .left .slideshow .slideshow img {
			height: 310px;  
			width: 407px;
			margin: 0 auto; 
			} 
			#homeMid .middle { 
				width:266px;
				height:100%;
				float:left;
				position:relative;
				border-left:1px solid #fff;
				}
				#homeMid .right { 
					width:225px;
					background:url(../../Images/home_right_image.jpg) no-repeat;
					height:100%;
					border-left:1px solid #fff;
					float:left;
					color:#6c5735;
					}
					#homeMid .right p {
						padding:55px 20px 0 20px;
						font-size:1.2em;
						line-height:1.4em;
						float:left;					
						}
						#homeMid .right p img {
							margin-bottom:10px;
							width:187px;
							_width:185px;
							max-height:125px;
							float:left;
							}
#homeBottom { 
	width:100%;
	float:left;
	font-size:11px;
	line-height:1.5em;
	height:100%;
	}
	#homeBottom .left { 
		width:392px;
		height:100%;
		padding:10px 0 0 15px;
		float:left;
		position:relative;
		font-style:italic;
		}
		#homeBottom .left div.text img { 
			float:right;
			padding-right:15px;
			max-width:125px;
			}
			#homeBottom .left div.text span.textblock { 
				width:380px;
				font-size:11px;
				line-height:1.4em;
				float:left;
				}
				#homeBottom .left div.text span.textblock a {
					display:inline;
					}
					#homeBottom .middle {
						width:251px;
						height:100%;
						padding:10px 0 20px 15px;
						border-left:1px solid #7ca42d;		
						border-right:1px solid #7ca42d;
						float:left;
						position:relative;
						font-style:italic;
						}
						#homeBottom .middle p {
							width:95%;
							}
							#homeBottom .middle input {
								background:#fffac2;
								margin:10px 5px 0 0;
								width:150px;
								float:left;
								font-size:11px;
								padding-left:5px;
								position:relative;
								}
								#homeBottom .middle input.mailSubmit {
									background:none;
									border:0px;
									background:url(../../Images/submit_green.gif) no-repeat;
									width:57px;
									height:17px;
									margin-top:10px;
									}
									#homeBottom .right { 
										width:225px;
										height:100%;
										padding:10px 0 15px 0;
										float:left;
										position:relative;
										margin:0px auto;
										text-align:center;
										}

/***********************************************************************
About Us Styles
***********************************************************************/
.about { 
	background:url(../../Images/about_back.jpg) repeat-y;
	float:left;
	}
	#subcontent #lefttext {
		float:left;
		font-size:11px;
		line-height:1.6em;
		width:361px;
		padding:25px 28px 0px 40px;
		}
		#subcontent #lefttext ul {
			float:left;
			width:100%;
			padding-top:5px;
			padding-bottom:5px;
			border-top:3px double #eee;
			}
			#subcontent #lefttext ul li {
				list-style-type:none;
				float:left;
				margin-right:10px;
				font-size:12px;
				border-right:1px solid #ccc;
				padding-right:10px;
				}
				#subcontent #lefttext h3 {
					font-size:16px;
					text-transform:uppercase;
					margin:0 0 10px 0;
					color:#6c5735;
					font-weight:normal;
					float:left;
					width:100%;
					}
					#subcontent #lefttext div.article {
						width:100%;
						clear:both;
						padding-bottom:15px;
						float:left;
						}
						#subcontent #lefttext div.articles {
							width:100%;
							clear:both;
							padding-top:15px;
							margin-bottom:15px;
							float:left;
							border-top:3px double #eee;
							}
							div.articles div.articletext {
								width:245px;
								_width:235px;
								float:left;
								font-size:11px;
								position:relative;
								}
								div.articletext span.title, div.articletext span.subtitle {
									width:245px;
									float:left;
									line-height:1.2em;
									}
									div.articletext span.title { margin-bottom:5px;font-size:12px; }
									div.articletext span.title.full { 
										width:350px;
									}
									div.articletext span.subtitle { 
										margin-top:-2px;
										padding-bottom:10px;
										}
									div.articles div.articleimage{
										width:100px;
										margin-right:10px;
										float:left;
										position:relative;
										}
										div.articles div.articleimage img {
											width:100%;
											}
div.articles div.articletext span.tiptext {
	width:245px;
	float:left;
	clear:both;
	}	
div.articles div.articletext span.abouttext {
	width:100%;
	float:left;
	clear:both;
	}											

#subcontent #subright {
	width:471px;
	float:left;
	}

/***********************************************************************
Solutions Styles
***********************************************************************/
.solutions { 
	background-image:url(../../Images/solutions_back.gif);
	background-position:left;
	background-repeat:repeat-y;
	position:relative;
	width:100%;
	float:left;
	}
	#subcontent.solutions #solutionNav {
		width:125px;
		font-family:Helvetica;
		float:left;
		position:relative;
		font-size:14px;
		padding:25px 0 0 20px;
		}
		#subcontent.solutions #solutionNav ul li {
			list-style-type:none;
			padding-bottom:10px;
			}
			#subcontent.solutions #solutionNav ul li a {
				color:#6c5735;
				outline:none;
				}
	#subcontent.solutions #solutionText {
		padding:20px 15px 0 15px;
		float:left;
		position:relative;
		width:250px;
		color:#eff4e5;
		line-height:1.3em;
		font-size:12px;
		text-align:left;
		}
		#subcontent.solutions #solutionText h3 {
			font-size:16px;
			text-transform:uppercase;
			margin:0 0 5px 0;
			color:gold;
			font-weight:normal;
			}
			#subcontent.solutions #solutionText a  { 
				color:gold; 
			}
	#subcontent.solutions #solutionGallery {
		width:406px;
		height:310px;
		float:left;
		position:relative;
		left:4px;
		}
		#subcontent.solutions #solutionGallery img {
			border:0px;
			}
				
	#solutionBottom {
		background:url(../../Images/solutions_bottom_back.gif) repeat-y;
		width:100%;
		float:left;
		}
		#solutionBottom #solutionFeature {
			width:135px;
			padding:15px 0 0 10px;
			float:left;
			font-size:12px;
			position:relative;
			}
			#solutionBottom #solutionFeature h4 {
				font-size:14px;
				color:#336699;
				text-transform:uppercase;
				font-weight:normal;
				margin:5px 0;
				width:125px;
				float:left;
				}
				#solutionBottom #solutionFeature h4 a { color:#336699; }
				#solutionBottom #solutionFeature p { font-size:10px;float:left;width:100%; }
				#solutionBottom #solutionFeature a { color:#7ca42d;float:left;width:100%; }
				#solutionBottom #solutionFeatureImage {
					float:left;
					position:relative;
					width:280px;
					height:117px;
					overflow:hidden;
					}
					#solutionBottom #solutionFeatureImage img {
						width:100%;
						position:relative;
						top:-100px;
						overflow:hidden;
						}
						#solutionBottom #solutionTest { 
							width:406px;
							float:left;
							position:relative;
							padding:15px 0 0 25px;
							}
							#solutionBottom #solutionTest h4 {
								font-weight:normal;
								font-size:13px;
								font-style:italic;
								width:360px;
								line-height:1.6em;
								}
								#solutionBottom #solutionTest h5 { 
									margin:10px 0;
									font-size:12px;
									font-weight:normal;
									}

/***********************************************************************
Projects Styles
***********************************************************************/
.projects { 
	background:url(../../Images/projects_back.gif) repeat-y;
	float:left;
	overflow:hidden;
	width:100%;
	height:310px;
	}	
	.projects #projectImage { 
		width:406px;
		float:left;
		position:relative;
		}
		.projects #projectText { 
			width:300px;
			float:left;
			position:relative;
			padding:15px 0 0 20px;
			color:#eff4e5;
			}
			.projects #projectText h2{ font-size:12px;font-weight:normal;color:darkslategray;}
			.projects #projectText h3{ font-size:16px;color:gold;
				text-transform:uppercase;
				font-weight:normal;
				margin:1px 0;
				width:100%;
				float:left;}
				.projects #projectText h4{ font-size:12px;font-weight:normal;font-style:italic;padding-bottom:15px;}
				.projects #projectText span.textblock { 
					width:285px;
					float:left;
					font-size:12px;
					line-height:1.3em;
					overflow:hidden;
					}
					.projects #projectText ul li { 
						list-style-type:disc;
						padding-left:15px;
						}
						.projects #projectText a { color:gold; }
		.projects #projectSpecs { 
			width:125px;
			padding:15px 0 0 20px;
			float:left;
			position:relative;
			}
			.projects #projectSpecs h3 { 
				font-weight:normal;
				font-size:14px;
				padding-bottom:10px;
				color:darkslategray;
				}
				.projects #projectSpecs ul { margin-left:15px; }
				.projects #projectSpecs ul li { 
					list-style-type:disc;
					padding-left:0px;
					}
					.projects #projectSpecs p { 
						font-size:11px;
						line-height:1.4em;
						text-align:left !important;
						}

#projectBottom {
	width:100%;
	float:left;
	overflow:hidden;
	font-size:11px;
	_padding-bottom:5px;
	}
	#projectBottom #projectBefore { 
		width:377px;
		height:100%;
		float:left;
		position:relative;
		padding:15px 15px 0 15px;
		}
		#projectBottom #projectFeature { 
			width:450px;
			height:100%;
			float:left;
			border-left:1px solid #7ca42d;
			position:relative;
			padding:15px 0 10px 20px;
			margin-bottom:5px;
			}
			#projectBottom #projectFeature  ul li {
				list-style-type:none;
				padding-bottom:3px;
				}
				#projectBottom #projectFeature  ul li a {
					color:#6c5735;
					}

/***********************************************************************
Gallery Styles
***********************************************************************/
#gallery{ 
	float:left;
	position:relative;
	width:407px;
	}
	#gallery ul.recentlist { 
		position:absolute;
		bottom:0px;
		width:391px;
		background:#000;
		opacity:0.6;
		filter: alpha(opacity = 60);
		padding:5px 0;
		margin:0px;
		padding-left:15px;
		}
		#gallery ul.recentlist li{ 
			float:left;
			list-style:none;
			font-size:12px;
			}
			#gallery ul.recentlist li a{ outline:none; }
			#gallery ul.recentlist li.prev { 
				width:25px;
				padding-left:0px;
				}
				#gallery ul.recentlist li.next { 
					width:25px;
					text-align:right;
					}
					#gallery ul.recentlist li#counter { 
						width:323px;
						font-size:10px;
						text-align:center;
						color:#fff;
						float:left;
						}
						#gallery span.caption { 
							width:323px;
							font-size:11px;
							text-align:center;
							color:#fff;
							float:left;
							position:relative;							
							}	
							#gallery img:hover{ 
								cursor:pointer;
								}

/***********************************************************************
Before & After Styles
***********************************************************************/
.before { 
	background:url(../../Images/before_back.gif) repeat-y;
	float:left;
	height:310px;
	}
	.before #beforeImage { 
		width:407px;
		float:left;
		position:relative;
		}
		.before #beforeText { 
			width:473px;
			float:left;
			position:relative;
			padding:15px 0 0 20px;
			color:#eff4e5;
			}
			.before #beforeText h4 { 
				font-weight:normal;
				font-size:13px;
				}
				.before #beforeText h3 { 
					font-weight:normal;
					font-size:16px;
					padding-bottom:10px;
					text-transform:uppercase;
					}
					.before #beforeText ul li {
						list-style-type:none !important;
						width:125px;
						margin:5px;
						padding:10px 0;
						text-align:center;
						float:left;
						}
						.before #beforeText ul li.active {
							font-weight:bold;
							background:#fafafa;
							}
							.before #beforeText ul li.active a {
								color:#222;
								}
								.before #beforeText ul li a {
									font-size:12px;
									color:#fff;
									outline:none;
									}	
									.before #beforeText ul li a:hover { text-decoration:none;color:#336699;}
			
/***********************************************************************
Pagination Styles
***********************************************************************/
div.pagination {
	width:100%;
	clear:both;
	padding-top:15px;
	padding-bottom:15px;
	float:left;
	border-top:3px double #eee;
	text-align:center;
	}
	div.pagination a {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #336699;
		text-decoration: none; /* no underline */
		color: #336699;
		}
		div.pagination a:hover, div.pagination a:active {
			border: 1px solid #336699;
			color: #003399;
			}
			div.pagination span.current {
					padding: 2px 5px 2px 5px;
					margin: 2px;
					border: 1px solid #336699;
					font-weight: bold;
					background-color: #336699;
					color: #FFF;
					}
					div.pagination span.disabled {
						padding: 2px 5px 2px 5px;
						margin: 2px;
						border: 1px solid #EEE;
						color: #DDD;
						}
/***********************************************************************
Contact Styles
***********************************************************************/
.contact { 
	float:left;
	border-top:3px double #eee;
	padding-top:15px;
	}
#contactForm { 
	float:left;
	width:350px;
	padding:10px;
	background:#fafafa;
	font-size:11px;
	margin:8px 0 20px 0;
	}
	#contactForm div { 
		float:left;
		padding:2px 0px;
		width:100%;
		margin:3px 0;
		}
		#contactForm div label{ 
			float:left;
			width:100px;
			text-align:right;
			margin:0px 10px 0 0;
			}
			#contactForm div input, #contactForm div select, #contactForm div textarea { 
				padding:2px;
				margin:0px;
				width:210px;
				float:left;
				border-right:1px solid #ccc;
				border-bottom:1px solid #ccc;
				}
				#contactForm div select { width:218px; }	
				#contactForm div select option { padding-left:2px; }
				#contactForm div textarea { width:210px; }
				#contactForm div label span.dollar {
					float:right;
					width:10px;
					text-align:right;
					position:relative;
					left:8px;
					}
					#contactForm div span { width:375px;margin:4px 0; }
					#contactForm div input.check { float:left;width:16px;margin-right:3px; }
					#contactForm div.submitdiv { 
						clear:top;
						margin:15px 0;
						float:left;
						}
						#contactForm div input.submit { 
							background:#6c5735;
							border:0px;
							border:3px double #fff;
							color:#fafafa;
							text-transform:uppercase;
							padding:3px 0;
							cursor:pointer;
							font-weight:bold;
							width:218px;
							}
#propmap h4 { 
	font-size:13px;
}