@charset "UTF-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #D3D3D3;
	background: url(images/bg.jpg) top repeat-x #111111;
	
	}
	
h1 {
	font-variant: small-caps;
	}
	
h3 {
	font-size: 14px;
	margin: -10px 0 10px 0;
	color:#bbb;
	text-transform:capitalize;
	}
	
h1 {
	font-size: 36px;
	color: #ffffff;
	padding-bottom: 15px;
	background: url(images/divider.jpg) no-repeat bottom;
	line-height: 140%;
	margin-top: 0;
	font-weight: normal;
	text-align: center;
	}
	
#home h1 {
	margin-top: 35px;
	font-size: 20px;
	}
	
h2 {
	font-size: 18px;
	margin: 20px 0 10px 0;
	color:  #fff;
	font-weight: normal;
	}
	/*
#news h2 {
	color: #ffffff;
	font-size: 18px;
	font-variant: normal;
	margin-top: 40px;
	}*/
	
strong {
	color: #ffffff;
	}
	
#testimonials h2, #contact h2 {
	text-align: center;
	margin-bottom: 100px;
	}
	
a {
	color: #ffffff;
	}
	
a:hover {
	color: #39df0f; 
	}
	
img {
	border: none;
	}
	
#wrapper {
	margin: 0 auto;
	width: 800px;
	}
	
#header {
	margin-top: 16px;
	height: 85px;
	}
	
#header img {
	float: left;
	width: 146px;
	}
	
#header ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
	border: red;
	}
	
#header ul li {
	float: left;
}
	
#header ul li a {
	font-size: 20px;
	color: #ffffff;
	padding: 40px 0;
	text-decoration: none;
	display: block;
	text-align: center;
	margin: 0 0 0 35px;
	font-variant: small-caps;
	}
	
#header ul li a:hover {
	background: url(images/leaf.jpg) no-repeat center top;
	color: #3add11;
	}
	
.burst {
	position: absolute;
	margin-left: 680px;
	}
	
#content {
	clear: both;
	line-height: 140%;
	}
	
#product .item, #testimonials .item, #pork .item, #contact .item, #news .item {
	margin: 0 100px;
	border-bottom: 1px solid #333333;
	padding-bottom: 20px;
	}
	
 #contact .item {
	margin: 0 160px;
	}
	
/*#news .item {
	border-bottom: none;
	}*/
	
#product .item img, #testimonials .item img,  #pork .item img, #contact .item img, #news .item img {
	float: right;
	margin: 0 0 10px 10px;
	border: 1px solid #cccccc;
	}
	
	
	
#home #main {
	width: 100%;
	margin-right: 60px;
	margin-bottom: 40px;
	}
	
#home #side {
	width: 437px;
	float: left;
	margin-bottom: 40px;
	}
	
#home #side img {
	border: 1px #cccccc solid;
	}
	
#food {
	clear: both;
	background: #333333;
	padding: 15px;
	height: 145px;
	margin-bottom: 40px;
	}
	
#food .item {
	width: 184px;
	margin-right: 10px;
	float: left;
	}
	
#food .item a {
	color: #ffffff;
	text-decoration: none;
	}
	
#food .item a:hover {
	color: #39df0f; 
	}
	
#food .item img {
	margin-bottom: 5px;
	border: 1px #cccccc solid;
	}
	
#side {
	float: right;
	margin: 0 0 10px 10px;
}
	
#footer {
	border-top: #999999 1px solid;
	padding-top: 15px; 
	text-align: center;
	height: 50px;
	font-size: 11px;
	clear:both;
	}
	
#footer {
	margin-top: 15px;
	}
	
.button {
	display: block;
	padding: 10px;
	background: #555;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	text-decoration: none;
	margin: 10px 0;
}

.button:hover {
		background: #39df0f;
		color: #FFFFFF;
}
	
	
/*onion and leaf switcher for nav*/


#home #nav-home a,
#news #nav-news a,
#product #nav-product a,
#testimonials #nav-testimonials a,
#pork #nav-pork a,
#contact #nav-contact a
{
color: #acacac ;
background: url(images/onion.jpg) no-repeat top center;
}
	
	
	
	
	
	/*form stuff*/
	


.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px solid #333333;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

</style>