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


dl {
	margin-bottom: 25px;
}	

dt {
	font-family:  arial, helvetica, sans-serif; 
	color: #fff;
	font-style: italic;
	font-size: 155%;
	line-height: 1.1;
} 

dd {
	margin: 0;
	padding: 0;
}

h2, h3 {
	font-family:  arial, helvetica, sans-serif;
	color: #fff;
	font-style: italic;
	font-size: 145%;
	line-height: 1.1;
	margin-bottom: 0;
}

/* ~~~[ gradients ]~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#topGradient {
	margin: -1px auto 0 auto;
	background: url(images/homepage/top-gradient.jpg) no-repeat;
	width: 790px;
	height: 24px;	
}

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

	
/* ~~~[ template ]~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#pageContent {
	margin: 0 auto;
	width: 790px;
	background: #fff url(images/homepage/content-bg.jpg) top center no-repeat;
}	
			
#headerLogo {
	height: 136px;
	width: 750px;
	margin: 0 auto;
}	
	#tree {
		float: left;
		margin: 0 7px -4px 0 !important;
		margin: 0 3px 20px 0;

	}
	#logo {
		float: right;
		margin: 0 7px -4px 0 !important;
		margin: 0 3px 20px 0;
	}

#toolbar {	
	width: 750px;
	height: 62px;
	margin: -4px 0 0 20px;

}		
	#nav {	
		list-style: none; 
		margin: 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: 60px 0 0 0; 
				overflow: hidden; 
				height: 0; 
			}
			#nav a:hover {		
				background-position: 0 -66px;
			}


#contentArea {
	margin: 0 auto;
	padding-top: 60px !important;
	padding-top: 20px;
	width: 750px;
	clear: both;
}	
	#contentArea #content {
		width: 370px; 
		padding: 0 30px 0 30px;
		line-height: 1.5;
	}
	#contentArea #sidebar {
		width: 280px; 
		float: right;
		padding: 0 20px 20px 0;
		line-height: 1.5;
		font-size: 85%;
	}
		#sidebar ul {
			font-size: 85%;
			margin: 15px 0 0 0;
			padding: 0 0 0 25px;
			list-style: square;
		}
		
		#sidebar a {
			color: #000;
			display: block;
		}


#bottom {
	clear: both;
	display: block;
	margin: 0 0 0 20px;
	width: 380px;
	height: 50px;
	color: #333;
	font-size: 75%;
	text-align: center;
}
	#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/homepage/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;
}