/* The mighty Back40 Design, Inc. style sheet */


/* ~~~[ heading tags ]~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */		
h1, h2, h3, h4, h5 {
	font-family:  arial, helvetica, sans-serif; 
	color: #A9987C;
}
	h1 a, h2 a, h3 a, h4 a, h5 a {
		color: #A9987C; 
		text-decoration: none;
	} 
	h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
		color: #000; 
		text-decoration: none;
	} 
	
h1 {
	font-family:  arial, helvetica, sans-serif; 
	color: #fff;
	display: block;
	font-size: 200%;
	margin: 43px 0 0 15px;
	text-transform: uppercase;
	position: absolute;
}	 
	
h2 {
	font-size: 150%;
}
	
h3 {
	font-size: 130%;
}	



/* ~~~[ general fonts ]~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#content a,
#content a:visited {
	color: #99B67C;
}
#content a:hover,
#content a:active {
	color: #A9987C;
	border-bottom: #A9987C;
	background: #F5F8F1;
}

p {
	margin: 0 0 15px 0;
}

.img {	
	padding: 4px; 
	background-color: #f9f9f9;
	border: 1px solid #b8b8b8;
	border-bottom-color: #818181;
	border-right-color: #818181;
	display: block;		
	clear: right;
}

#contentArea ul {
	list-style: square;
	line-height: 1.5;
	padding-left: 15px !important;
	padding-left: 0;
} 

dl {
	margin-bottom: 25px;
}
	dt {
		color: #A9987C;
		font-size: 80%;
		font-weight: normal;
	}
		dt strong {
			font-family: verdana, arial, helvetica, sans-serif;
			font-size: 160%;	
		}		
			dt strong a {
				text-decoration: none;
			}	
		
	dd {
		font-size: 85%;
		margin-left: 2px;
		padding: 0 0 0 8px;
	}
	
.submit {
	background: #F5F8F1;
	border: 3px double #A9987C;
	border-left-color: #ccc;
	border-top-color: #ccc;
	color: #333;
	font-size: 95%;
	cursor: pointer;
	padding: 2px;
}	
	.submit:hover {
		background: #99B67C;
	}
	
hr {
	border-top: 1px dotted #A9987C;
	border-right: none;
	border-left: none;
	border-bottom: none;
	clear: both;
}	


/* ~~~[ gradients ]~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#topGradient {
	margin: 4px auto 0 auto;
	background: url(images/template/top-gradient.jpg) no-repeat;
	width: 790px;
	height: 19px;	
}
	#topGradient ul {
		position: absolute;
		z-index: 110;
		display: inline;
		list-style: none;
		margin: 2px 0 0 645px !important;
		margin: 3px 0 0 688px;
	}
		#topGradient ul li {
			display: inline;
			list-style: none;
			font-size: 80%;
		}
		#topGradient ul li a, 
		#topGradient ul li a:visited {
			color: #000;
			text-decoration: none;
		}
		#topGradient ul li a:hover, 
		#topGradient ul li a:active {
			color: #99B67C;
			text-decoration: none;
			border-bottom: 2px solid #A9987C;
		}

#bottomGradient {
	margin: 0 auto 0 auto;
	background: url(images/template/bottom-gradient.jpg) no-repeat;
	width: 790px;
	height: 19px;
}

	
/* ~~~[ template ]~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#pageContent {
	margin: 0 auto;
	width: 790px !important;
	width: 720px;
	background: #fff url(images/template/content-bg.jpg) top center no-repeat;
}	

#toolbar {
	width: 750px;
	height: 62px;
	margin: 0 auto;
	padding: 0 !important;
	padding: 0 0 0 20px;
}		
	#nav {	
		list-style: none; 
		margin: 0; 
		padding: 0; 
		padding: 0; 
		height: 126px; 
		display: inline; 
		overflow: hidden; 
	}
	#nav li {
		margin: 0; 
		padding: 0; 
		display: inline; 
		list-style-type: none;
	}	
		#navAbout a {
			width: 107px; 
			background: url(images/template/b-about.jpg) top left no-repeat;	
		}	
		#navServices a {
			width: 108px; 
			background: url(images/template/b-services.jpg) top left no-repeat;	
		}	
		#navCaseStudies a {
			width: 108px; 
			background: url(images/template/b-casestudies.jpg) top left no-repeat;	
		}	
		#navNews a {
			width: 108px; 
			background: url(images/template/b-newsroom.jpg) top left no-repeat;	
		}	
		#navClients a {
			width: 108px; 
			background: url(images/template/b-clients.jpg) top left no-repeat;	
		}	
		#navLinks a {
			width: 108px; 
			background: url(images/template/b-links.jpg) top left no-repeat;	
		}	
		#navContact a {
			width: 103px; 
			background: url(images/template/b-contact.jpg) top left no-repeat;	
		}	
			#nav a {
				float: left; 
				padding: 64px 0 0 0; 
				overflow: hidden; 
				height: 0; 
			}
			#nav a:hover {		
				background-position: 0 -66px;
			}
			
#headerLogo {
	height: 66px;
	width: 750px;
	margin: -2px 0 0 20px !important;
	margin: -4px 0 0 20px;
	background: #A1BF82 url(images/template/green-fade.jpg) top right no-repeat;
	position: absolute;
	z-index: 100;
}	
	#logo {
		float: right;
		margin: 0 7px 0 0 !important;
		margin: 0 3px 0 0;
	}

#contentArea {
	margin: 0 auto;
	padding-top: 70px;
	width: 750px;
}

#sidebar {
	float: left;
	width: 170px;
}
	#sidebar ul {
		list-style: none; 
		margin: 0; 
		padding: 0 0 0 14px !important;
		padding: 0 0 0 34px;
		line-height: 1.4;	
	}
		#sidebar ul li {
			list-style: none; 
			margin: 0; 
			padding: 0; 	
			text-indent: -2px;	
			padding-bottom: 10px;
		}
			#sidebar ul li a,
			#sidebar ul li a:visited {
				color: #99B67C;
				font-size: 115%;
				text-decoration: none;
				padding: 3px;
			}
			#sidebar ul li a:hover,
			#sidebar ul li a:active {
				color: #A9987C;
				text-decoration: none;
				background: #F5F8F1;
			}

#contentArea #content {
	float: right;
	width: 530px;
	padding: 0 30px 0 0;
}


#bottom {
	clear: both;
	display: block;
	margin: 0 auto;
	width: 750px !important;
	width: 730px;
	height: 50px;
	text-align: center;
	padding-top: 40px;
	padding-left: 60px;
	color: #333;
	font-size: 80%;
}
	#bottom ul {
		display: inline;
		margin: 0;
		padding: 0;
		line-height: 1.7;
	}
	#bottom ul li {
		display: inline;
		margin: 0;
		padding: 0;
	}	
		#bottom a, 
		#bottom a:visited {
			color: #333;
			text-decoration: none;
		}	
		
		#bottom a:hover, 
		#bottom a:active {
			color: #99B67C;
			text-decoration: none;
			border-bottom: 2px solid #A9987C;
		}	


			

/* ~~~[ body/html calling ]~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
body {
	background: #99B67C url(images/template/page-bg.jpg) top left repeat-x;
	font-family: verdana;
	color: #333;
	font-size: small;
	margin: 0;
	padding: 0;
}		
	* html body {
		font-size: x-small; /* ie is dumb, switch to firefox */
		f\ont-size: small; /* for other ie versions */
	}

html, body, form, fieldset {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}