body, html {
	margin:0;
	padding: 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #7b7d57;
	}
	
::-moz-selection {color: #fff; background:#DB3014;}

div.container {
	width: 960px;
	margin: 0 auto;
	}
	
	#middleArea .container {width: 1020px;}
	.interior #middleArea .container {width: 960px;}
	
a.hiddenText {
	overflow:hidden;
	text-indent: -9999em;
	}
	
a, a:link, a:visited {color: #d73616;}

p {margin: 0 0 1em 0;}

h1 {
	height: 38px;
	background-repeat: no-repeat;
	background-color:#d5d4c3;
	text-indent:-9999em;
	margin: 0;
	padding:0;
}
	
h2 {
	height: 27px;
	background-repeat:no-repeat;
	text-indent:-9999em;
	margin:0 0 15px 0;
	padding:0;
	}
		
h3 {
	text-transform:uppercase;
	font-size: 16px;
	color: black;
	font-weight:normal;
	margin: 0;
	padding: 0 0 15px 0;
	letter-spacing:0.7px;
	}
	
	body.interior h3 {padding: 25px 0;}
	
#header {
	height: 225px;
	background:url(../images/repeat-header.jpg) repeat-x #3e2b25;
	border-bottom: 1px solid #939282;
	}
	
	#header .container {position:relative;}
	
	a#logo {
		display:block;
		height: 225px;
		width: 320px;
		background:url(../images/logo_verndale.jpg) no-repeat 0 0;
		}
		
		a#logo:hover {background-position: 0 -225px;}
		
		.home a#logo, .home a#logo:hover {background:url(../images/logo_verndale-home.jpg) no-repeat 0 0;}
		
	#navigationArea {
		width: 560px;
		position:absolute;
		bottom:0;
		right:10px;
		}
		
		div.quote {font-size:18px;line-height: 32px;padding: 0 0 35px 0; font-style:italic;color: #a3856c;}
			div.quote strong {color:#dc3716; font-weight:normal;}
			
	/* Drop Nav */

	#nav, #nav ul { /* all lists */
		margin:0;
		padding:0;
		list-style: none;
	}
	
	#nav li { /* all list items */
		cursor:pointer;
		float: left;
		padding: 0;
		margin: 0;
	}
	
	#nav li:hover, #nav li.hover {
		position: static;
		/* fix for ie7 stuck menu */
	}
	
	#nav li a {
		padding: 0;
		margin: 0;
		display:block;
		height: 60px;
		width: 112px;
		text-indent:-9999em;
		overflow:hidden;
		text-decoration:none;
	}
	
	
	#nav li a:hover, #nav li:hover a, #nav li.sfhover a, #nav li a.selected {
		background-image:auto;
		background-position:0px -60px;
	}
	
		a.about-us {background-image:url(../images/btn_about-us.png);}
		a.roller-dried { background-image:url(../images/btn_roller-dried.png);}
		a.artisan-approach { background-image:url(../images/btn_artisan-approach.png);}
		a.dairy-markets { background-image:url(../images/btn_dairy-markets.png);}
		a.contact-us { background-image:url(../images/btn_contact-us.png);}
		
	#nav li a span {
		visibility:hidden;
	}
	#nav li ul { /* second-level lists */
		padding: 0;
		margin: 0;
		height:auto;
		width:auto;
		position: absolute;
		left: -999em; /* screen reader fix using left instead of display to hide menus because display: none */ 
		border-bottom: 1px solid #3B3B34;
	
	}
	
	#nav li ul li { /* second-level lists */
		float:none;
		padding: 0;
		margin: 0;
	}
	
	#nav li ul li a:link, #nav li ul li a:visited, #nav li ul li a:active {
		border-left: 1px solid #3B3B34;
		border-right: 1px solid #3B3B34;
		border-top: 1px solid #3B3B34;
		cursor:pointer;
		display: block;
		background:#494941;
		text-indent: 0;
		height:auto;
		width:auto;
		line-height:43px;
		font-size: 22px;
		font-style:italic;
		color: #d5d4c3;
		padding-left:16px;
		
		/* opera fix width needed */  width: 253px;
	}
	#nav li a.selected {
		text-decoration:underline;
	}
	#nav li ul li a:hover {
		display: block;
		text-decoration: underline;
		/* opera fix width needed */ width: 253px;
	}
	
	#nav li:hover ul, #nav li.sfhover ul{ /* lists nested under hovered list items */
		left: auto;
		float: left;
		margin-top: -1px;
	}
	
	/* end Drop Nav */
			
#middleArea {
	background:#d5d4c3;
	height: 350px;
	border-bottom: 1px solid #939282;
	}
	
	body.interior #middleArea {height:auto;padding: 25px 0;}
	
#contentArea {}
	#contentArea p, #contentArea li {line-height:27px;}

	#contentArea .container {padding-top: 30px;}
	#homeContent {
		width: 664px;
		padding: 25px 18px;
		border-top: 10px solid #db3014;
		border-bottom: 10px solid #db3014;
		float: left;
		margin-right: 20px;
		}
		
		h2.welcome {background-image:url(../images/h_welcome.png);}
		
		h1.about-us {background-image:url(../images/h_about-us.png);}
			h1.about-us_history { background-image:url(../images/h_about-us_history.png);}
			h1.about-us_company {background-image:url(../images/h_about-us_company.png);}
		h1.roller-dried {background-image:url(../images/h_roller-dried.png);}
			h1.roller-dried_what {background-image:url(../images/h_roller-dried_what.png);}
			h1.roller-dried_benefits {background-image:url(../images/h_roller-dried_benefits.png);}
			h1.roller-dried_quality {background-image:url(../images/h_roller-dried_quality.png);}
			h1.roller-dried_functionality {background-image:url(../images/h_roller-dried_functionality.png);}
		h1.artisan {background-image:url(../images/h_artisan.png);}
			h1.artisan_products {background-image:url(../images/h_artisan_products.png);}
			h1.artisan_plant {background-image:url(../images/h_artisan_plant.png);}
		h1.dairy {background-image:url(../images/h_dairy_markets.png);}
		h1.contact {background-image:url(../images/h_contact.png);}
		
	#homeImage {
		float:left;
		visibility:hidden;
		}
	#homeImage p a {
		display:block;
		font-size:11px;
		height:20px;
		text-align:center;
		width:221px;
	}
		
	#interiorContent {
		border-top: 10px solid #db3014;
		border-bottom: 10px solid #db3014;
		padding: 0 0 20px 0;
		}
	
	.leftCol, .dairyImage {float:left; width:240px;padding-top:75px; visibility:hidden; }
	.leftCol_dairy { float:left; width:240px; }
	.leftCol p a, .dairyImage p a { display:block; height:20px; width:220px; font-size:11px; text-align:center; }
	.leftCol img, .dairyImage img, #homeImage img { visibility:visible; }
	.leftCol:hover, .dairyImage:hover, #homeImage:hover { visibility:visible; }
		
	.rightCol {float:left; width:700px; }
	.contactCol {float:left; width:940px; }
	
	span.clear { clear:both; display:block;}
		
#footer {
	clear:left;
	text-align:center;
	font-size:11px;
	padding:20px;
	}
	
/* images popup window */
#image_window { background-color:#3F2F22; text-align:center; }
#image_container { border:3px solid #000; height:620px; margin:20px auto; width:450px; }

/* page adjustements - contact and dairy pages */
#directory { margin-top:-12px; }
#directory p { font-size:13px; line-height:18px; }

.dairyContent { float:left; padding-right:30px; width:450px; }
.dairyImage { width:220px; } /* see left Col div */
.leftCol_dairy p { font-size:13px; }