.banner {
	background-image:  url("images/herr/banner.jpg");
	height: 140px;
	width: 800px;
	position:absolute;
		left: 5%;
		top: 0px;
		z-index: 3;
}
.extra1 {
	background-image: url("images/herr/body.jpg");
	height: 460px;
	width: 800px;
	position:absolute;
		left: 5%;
		top: 140px;
		z-index: 2;
}	
.navbar {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: large;
	font-style: normal;
	letter-spacing: -2px;
	color: #003300;
	font-weight: bold;
	background-image: none;
	top: 0px;	
	height: 90px;
	width:760px;
	margin-left:20px;
	position:absolute;
		z-index:3;
		top: 100px;
		left: 5%;
}

.navbar li {
	padding: 10px;
	display: inline;
}
.navbar ul {
	list-style-type: none;
	padding: 10px;
	margin-top: 0px;
}

.navbar a {
	text-decoration:none;
	color:#003300;
}
.navbar a:hover {
	color: #006600;
}
.footer {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #003300;
	text-align: left;
	width: 200px;
	height: 40px;
	position:absolute;
		top:560px;
		left:6%;
		z-index: 3;	
}
.footer a {
	text-decoration:underline;
	color:#003300;
}
.content {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #330000;
	position: absolute;
	left: 118px;
	top: 8px;
	width: 680px;
	height:447px;
	overflow:auto;
	right: 15px;
	z-index: 3;
	
}
.content p {
	margin-left:30px;
	margin-right:70px;
}
.content ul {
	margin-right:70px;
}
.content a {
	text-decoration:underline;
	color: #006600;
}

.content h1 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#003300;
	margin-left:0px;
}

.content h2 {
	margin-left:10px;
	font-size:large;
	color:#003300;
	
}
.centralpic {
	background-image: url("images/herr/central.jpg");
	height: 224px;
	width: 240px;
}
.indexherrdalepic {
	background-image: url("images/herr/herrdaleindex.jpg");
	height: 76px;
	width: 150px;
}
.indexcressbrookpic {
	background-image: url("images/herr/cressbrookindex.jpg");
	height: 76px;
	width: 150px;
}
.style1 {
	position:absolute;
	left: 35%;
}
.linkspic {
	background-image: url("images/herr/links.jpg");
	width: 200px;
	height: 267px;
}
.personalpic {
	background-image: url("images/herr/personal.jpg");
	width: 450px;
	height: 139px;
	margin-left:80px;
}
.quotepic {
	background-image: url("images/herr/quote.jpg");
	height: 176px;
	width: 230px;
	margin-top:15px;
}
.contactpic {
	background-image: url("images/herr/contactus.jpg");
	height: 279px;
	width: 300px;
	margin-left:40px;
}
.movepic {
	background-image: url("images/herr/move.jpg");
	height: 171px;
	width: 250px;
	margin-left:40px;
}
.generations {
	background-image: url("images/herr/generations.jpg");
	height: 290px;
	width: 200px;
	margin-left: 30px;
}
.grassfedpic {
	background-image: url("images/herr/grassfed.jpg");
	height: 265px;
	width: 250px;
	margin-left:40px;
}
.grazingpic {
	background-image: url("images/herr/grazing.jpg");
	width: 250px;
	height: 282px;
	margin-left:40px;
}
.windpic {
	background-image: url("images/herr/wind.jpg");
	width: 250px;
	height: 283px;
}
.salespic {
	background-image: url("images/herr/salespic.gif");
	width: 200px;
	height: 145px;	
}
.creekpic {
	background-image: url("images/herr/creek.jpg");
	width: 250px;
	height: 283px;	
}
.preservationpic {
	background-image: url("images/herr/preservation.jpg");
	width: 250px;
	height: 283px;	
}
.blogpic {
	background-image: url("images/herr/blog.jpg");
	width: 200px;
	height: 281px;
}
.indexpic {
	background-image: url("images/herr/index.jpg");
	width: 400px;
	height: 80px;
	margin-left:100px;
}