html, body, h1, h2, h3, h4, h5, h6, form, input, ul, ol, p, fieldset { padding: 0; margin: 0; }
::selection, ::-moz-selection { background: #414F54; color: #ffffff; }
header, footer, section, aside, nav, article, figure { display: block; padding: 0; margin: 0; }

body {
	background: url(../images/navigation.jpg) repeat-y scroll center top;
	width: 100%; height: 100%;
	overflow-x: hidden; overflow-y: scroll;
}
	
	header {
		width: 100%; height: 194px;
		margin: 0; padding: 0;
		background: url(../images/header.jpg) repeat-x scroll left top;
		overflow: hidden;
	}

		header section {
			float: left;
			width: 100%; height: 194px;
			margin: 0; padding: 0;
		}
		
			header ul {
				position: absolute;
				top: 10px; right: 0;
			}
	
				header ul li {
					float: left;
					list-style: none;
				}
	
				header ul li:first-child {
					display: none;
				}
		
					header ul li a {
						display: block;
						padding: 4px 10px;
						text-decoration: none;
						color: rgba(49,59,65,0.6);
						-webkit-transition: all .25s ease-in-out;
					}
					
				#fade-left {
					position: absolute;
					left: 0; top: 8px;
					height: 177px; width: 300px;
					background: url(../images/header/fade-left.png) repeat-y scroll right top;
				}
					
				#fade-right {
					position: absolute;
					right: 0; top: 8px;
					height: 177px; width: 300px;
					background: url(../images/header/fade-right.png) repeat-y scroll left top;
				}
				
				#far-hills {
					position: absolute;
					left: 0; top: 8px;
					width: 100%; height: 177px;
					background: url(../images/header/far-hills.jpg) repeat-x scroll center bottom;
				}
				
				#close-hills {
					position: absolute;
					left: 0; top: 8px;
					width: 100%; height: 177px;
					background: url(../images/header/close-hills.gif) repeat-x scroll center bottom;
				}
				#farm {
					position: absolute;
					left: 0; top: 8px;
					width: 100%; height: 177px;
					background: url(../images/header/farm.png) no-repeat scroll center 10px;
				}
				
				#windmill {
					position: absolute;
					left: -129px; top:19px;
					width: 38px; height: 123px;
					padding: 0; margin: 0 0 0 50%;
					overflow: hidden;
				}
				
				
				#birds-1 {
					position: absolute;
					position: fixed;
					left: -200px; top:19px;
					width: 58px; height: 23px;
					padding: 0; margin: 0 0 0 50%;
					overflow: hidden;
				}
				
				#birds-2 {
					position: absolute;
					position: fixed;
					left: 150px; top:29px;
					width: 58px; height: 23px;
					padding: 0; margin: 0 0 0 50%;
					overflow: hidden;
				}
				
				#horse {
					position: absolute;
					left: 105px; top:60px;
					width: 106px; height: 106px;
					padding: 0; margin: 0 0 0 50%;
					text-indent: -1200px;
					background: url(../images/header/horse.png) no-repeat scroll center center;
					overflow: hidden;
				}
			
			header h2 {
					position: absolute;
					left: 180px; top:60px;
					width: 293px; height: 92px;
					padding: 0; margin: 0 0 0 50%;
					overflow: hidden;
			}
	
				header h2 a {
					display: block;
					height: 92px;
					text-indent: -1200px;
					padding: 0; margin: 0;
					background: url(../images/header/text.png) no-repeat scroll center bottom;
				}

					
				#header h3 {
					position: absolute;
					left: -120000px;
				}
			
				header form {
					position: absolute;
					right: 10px; top:160px;
					width: 270px; height: 30px;
					padding: 0; margin: 0;
					overflow: hidden;
				}
				
					header form fieldset {
						border: none;
						margin: 0; padding: 0;
					}
				
						header form input[type="search"] {
							margin: 0; padding: auto;
							width: 200px;
						}
	
						header form input[type="submit"] {
							margin: 0; padding: 0;
						}

	#wrapper {
		float: none;
		width: 970px;
		margin: 0 auto; padding: 0;
	}

		body nav {
			float: left;
			width: 248px;
		}

			nav ul {
				width: 220px;
				margin: 0 auto; padding: 20px 14px;
			}
	
				nav li {
					display: block;
					list-style: none;
					padding: 0; margin: 0;
				}
		
					nav li a {
						display: block;
						font-size: 17px;
						color: #ffffff;
						margin: 0; padding: 2px 3px;
						text-shadow: #034e7b 0 -1px 0;
						-webkit-transition: all .25s ease-in-out;
						text-decoration: none;
					}
			
					nav li a:hover {
						color: #ffec84;
						text-shadow: #034e7b 0 -1px 0;
					}
			
			
						nav li a span {
						}
			
						nav li a:hover span {
						}	
					
					
							nav ul ul {
								padding: 8px;
							}
					
							nav li li a {
								font-size: 12px;
								color: #bfe28c; 
							}
			

			
				
		section {
			float: left;
			width: 700px;
			margin: 20px 0 0 0; padding: 20px 0 0 0;
		}
	
	
			article {
				float: left;
				width: 700px;
				margin: 0 0 20px 0; padding: 10px;
			}
		
				article article {
					margin: 0; padding: 0;
					background: #eeeeee;
				}
				
 				.related article {
					background: none;
				}
				
					.related article .product-listing {
						background: #eeeeee;
					}
				
			
				article article h3 {
					margin: 10px 0 5px 20px;
				}
			
				article .image {
					float: left;
					margin: 0 10px 10px 10px;
				}
		
		
				article.variant {
					margin-bottom: 10px;
				}
					article .variant-image {
						float: left;
						margin-left: 11px;
					}
				
				#image-container {
					float: right;
					width: 240px;
				}
			
				.product-quantity {
					float: left;
					display: inline;
				}
			
				.product-variants {
					float: left;
					width: 380px;
					margin: 20px 0 0 0; padding: 5px;
				}
			
			
				.product-listing {
					float: left;
					position: relative;
					width: 150px; height: 250px;
					margin: 0 10px 10px 0; padding: 5px;
					text-shadow: #fff 0 -1px 0;
				}
			
			
					.product-listing img, 
					.product-listing img a {
						border: none;
						margin: 0; padding: 0;
					}
			
				.product-listing h3 {
					margin: 0; padding: 0;
					font-size: 14px;
					font-weight: normal;
					text-transform: uppercase;
					text-decoration: none;
					text-shadow: #ffffff 0 -1px 0;
				}
				
				.product-listing:hover, 
				.product-listing:hover h3, 
				.product-listing:hover h3 a {
					color: #ffffff !important ;
					text-shadow: #6FA035 0 -1px 0;
					background: #bfe28c !important; 
				}
			
			
				.product-listing .price {
					text-align: center;
					color: #f00;
					text-shadow: -1px -1px 0 #ffffff;
				}
			
				.product-listing .ribbon {
					position: absolute;
					left: 2px; top: 215px;
					background: url(../images/ribbon.png) no-repeat scroll right top;
				}
			
				.ribbin-inner {
					position: relative;
					left: -4px;
					width: 162px; height: 37px;
					margin: 0; padding: 0;
					text-align: center;
					color: #56891a;
					text-shadow: -1px -1px 0 #ffffff;
					text-transform: uppercase;
					text-decoration: none;
					font-size: 11px;
					background: url(../images/ribbon.png) no-repeat scroll left top;
				}
			
					.ribbon-price {
						display: inline-block;
						padding: 7px 0;
					}
				
					.ribbin-inner a {
						float: right;
						color: #f00;
						padding: 7px 10px;
						font-weight: bold;
						background: url(../images/ribbon-line.png) no-repeat scroll left top;
					}
	footer {
		float: left;
		width: 100%;
		margin: 0 ; padding: 0;
		color: #949494;
		font-size: 11px;
		background: #EAEAEA;
		border-top: 8px solid #452E28;
	}	
	
		footer article {
			float: left;
			width: 87%;
			padding: 20px 0 20px 10%; margin: 0;
		}
		
			footer a {
				color: #452E28;
			}
			
			
			footer article article {
				padding: 0; margin: 0;
				float: right;
				width: 200px;
				text-align: right;
			}
			
			
			
form {
	
}

	fieldset {
		padding: 10px;
	}
	
		label {
			margin-top: 15px;
			display: block;
		}
		
		fieldset input[type="text"],
		fieldset select,
		fieldset textarea {
			width: 350px;
		}

		input[type="number"] {
			width: 40px;
			font-size: 15px;
		}
		
		textarea {
			height: 160px;
		}
		
		
		#variant {
			width: 180px;
		}
		
		.product-buy {
			width: 120px;
		}
		
		
		
	.related {
		margin-top: 50px;
		padding: 10px;
	}
	
	
	.form_error {
		float: right;
		color: #ff0000;
	}
	

table {
	
}

	thead {
		background: #EAEAEA;
	}
	
		th {
			text-align: left;
		}
		
	tfoot {
		background: #EAEAEA;
	}



	#order-details label {
		width: 350px;
	}
	
		
		
.MultiBoxContainer {
	position: absolute;
	border: 10px solid #6FA035;
	background-color: #FFF;
	display: none;
	z-index: 2;
	text-align: left;
	/*overflow: hidden;*/
}

.MultiBoxLoading {
	background: url(../images/loader.gif) no-repeat center;
}

.MultiBoxContent {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.MultiBoxClose {
	position: absolute;
	top: -16px;
	right: -16px;
	background: url(../images/close.png) no-repeat;
	width: 24px;
	height: 24px;
	cursor: pointer;
}


.MultiBoxControlsContainer {
	overflow: hidden;
	height: 0px;
	width: 100%;
	position: relative;
}

.MultiBoxControls {
	width: 100%;
	height: auto;
	background-color: #6FA035;
	padding-bottom: 2px;
	position: absolute;
	bottom: 0px;
}


.MultiBoxPrevious {
	position: absolute;
	background: url(../images/left.png) no-repeat;
	width: 24px;
	height: 24px;
	left: 0px;
	margin-top: 5px;
	cursor: pointer;
}

.MultiBoxNext {
	position: absolute;
	background: url(../images/right.png) no-repeat;
	width: 24px;
	height: 24px;
	right: 0px;
	margin-top: 5px;
	cursor: pointer;
}

.MultiBoxNextDisabled {
	cursor: default;
	background: url(../images/rightDisabled.png) no-repeat;
}

.MultiBoxPreviousDisabled {
	cursor: default;
	background: url(../images/leftDisabled.png) no-repeat;
}

.MultiBoxTitle {
	position: relative;
	margin: 10px 0 0 35px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
	text-align: left;
}

.MultiBoxNumber {
	position: relative;
	width: 50px;
	margin: 10px 35px 0 0;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: right;
}

.MultiBoxDescription {
	clear: left;
	position: relative;
	margin: 0 35px 0 35px;
	padding-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: left;
}