html, body 
	{
	background-color:#99ccff;
	text-align:center;
	padding:0px;
	margin:0px;
	font-color:#e2cea5;
    height:100%;
	}

p
	{
	color:#e2cea5;
	font-family:georgia,arial;
	font-size:0.8em;
	line-height:1.4em;
	margin-top:0px;
	}
	
.header
	{
	color:#e2cea5;
	font-family:georgia,arial;
	font-size:1.2em;
	line-height:1.4em;
	font-weight:bold;
	}
	
.headline 
	{
	color:#e2cea5;
	font-family:georgia,arial;
	font-size:1.2em;
	font-weight:normal;
	letter-spacing:0.5px;
	word-spacing:0px;
	line-height:1.2em;
	}
	
.small 
	{
	color:#e2cea5;
	font-family:georgia,arial;
	font-size:0.78em;
	letter-spacing:0.2px;
	font-weight:normal;
	word-spacing:0px;
	}
	
.smaller
	{
	color:#e2cea5;
	font-family:georgia,arial;
	font-size:0.6em;
	letter-spacing:0.2px;
	font-weight:normal;
	word-spacing:0px;
	}
	
#button
	{
	float:left;
	margin:0px;
	padding:0px;
	}
	
.mailbutton
	{
	margin-left:10px;
	font-family: Georgia, Arial;
 	font-size: 10px;
 	background-color: #665420;
 	color:#e2cea5;
	}
		
a:link
	{
	color: #e2cea5;
	text-decoration:underline;
	}
	
a:visited 
	{
	color: #e2cea5;
	text-decoration:underline;
	}
	
a:hover
	{
	color: #bd4428;
	text-decoration:underline;
	}
	
a:active
	{
	color: #bd4428;
	text-decoration:underline;
	}
		
#wrapper 
	{
	text-align:center;
	margin:0 auto;
	width:100%;
    min-height:100%;
    position:relative;
	}

#grass
	{
	position:absolute;
	bottom:0;
	left:0;
	background:url('images/grass.gif');
	height:200px;
	width:100%;
	margin:0;
	padding:0;
	}

#container
	{
	width:749px;
	text-align:left;
	margin:0 auto;
    padding-bottom:200px;   /* Height of the footer */
	}
	
#logo
	{
	background-image: url('images/logo_small.gif');
	background-repeat: no-repeat;
	background-position:center;
	width:749px;
	height:178px;
	margin:0px;
	padding:0px;
	}
	
#box
	{
	background:#57391a;
	text-align: center;
	}
	
#top_row
	{
	height:24px;
	width:749px;
	background:#99ccff url('images/top_row.gif');
	}
	
#main-nav
	{
	width:749px;
	height:14px;
	background:#57391a url('images/menu.gif') no-repeat;
	padding:0px;
	margin:5px 0px;
	}
	
#content
	{
	width:675px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	padding-top:15px;
	}
	
#content_2
	{
	width:696px;
	margin-left:16px;
	margin-right:37px;
	text-align:left;
	padding-top:15px;
	}
	
#bottom_row
	{
	background:#99ccff url(images/bottom_row.gif);
	height:24px;
	width:749px;
	text-align:center;
	margin:0;
	padding:0px;
	color:#e2cea5;
	font-family:Georgia, Arial, Helvetica, sans-serif;
	line-height:24px;
	font-size: 9px;
	}
	
.product-box
	{
	width:210px;
	height:264px;
	background-image:url('images/product.gif');
	margin:0px 0px 22px 0px;
	float:left;
	text-align:center;
	}
	
.product
	{
	border:1px solid #e2cea5;
	margin:13px 13px 3px 13px;
	}
	
.border
	{
	border:1px solid #e2cea5;
	}
	
.product-title
	{
	width:180px;
	margin-left:auto;
	margin-right:auto;
	font-size:0.8em;
	line-height:1.1em;
	}
	
.italic
	{
	width:180px;
	margin-left:auto;
	margin-right:auto;
	font-size:0.6em;
	line-height:2em;
	font-style:italic;
	}

.floatright
	{ 
	float: right;
	margin: 0 0 10px 10px;
	border: 1px solid #e2cea5;
	}

.floatleft
	{ 
	float: left;
	margin: 0 10px 10px 0;
	border: 1px solid #e2cea5;
	}

.floatleft2
	{ 
	float: left;
	margin: 0 10px 10px 0;
	}
	
#label
	{
	text-align:center;
	margin-top:3px;
	width:200px;
	}
	
#main-nav ul
	{
	border:0;
	margin:0;
	padding:0;
	list-style-type:none;
	text-align:center;
	clear:left;
	}

#main-nav ul li
	{
	display:block;
	float:left;
	text-align:center;
	padding:0;
	margin:0;
	}

#main-nav ul li a span
	{
	display:none;
	}

#main-nav ul li a.about
	{
	width:140px;
	height:14px;
	margin:0px;
	padding:0px;
	display:block;
	}

#main-nav ul li a.news
	{
	width:70px;
	height:14px;
	margin:0px;
	padding:0px;
	display:block;
	}

#main-nav ul li a.shop
	{
	width:116px;
	height:14px;
	margin:0px;
	padding:0px;
	display:block;
	}

#main-nav ul li a.ordering
	{
	width:116px;
	height:14px;
	margin:0px;
	padding:0px;
	display:block;
	}

#main-nav ul li a.contact
	{
	width:133px;
	height:14px;
	margin:0px;
	padding:0px;
	display:block;
	}

#main-nav ul li a.list
	{
	width:174px;
	height:14px;
	margin:0px;
	padding:0px;
	display:block;
	}
	
/* -- Hovers -- */

#main-nav ul li a.about:hover
	{
	background: url(images/menu.gif) 0px -13px;
	}

#main-nav ul li a.news:hover
	{
	background: url(images/menu.gif) -140px -13px;
	}
	
#main-nav ul li a.shop:hover
	{
	background: url(images/menu.gif) -210px -13px;
	}			
	
#main-nav ul li a.ordering:hover
	{
	background: url(images/menu.gif) -326px -13px;
	}			
	
#main-nav ul li a.contact:hover
	{
	background: url(images/menu.gif) -442px -13px;
	}			
	
#main-nav ul li a.list:hover
	{
	background: url(images/menu.gif) -575px -13px;
	}
		
.spacer
	{
	height:264px;
	width:22px;
	float:left;
	}
		
.clearboth
	{
	clear:both;
	}
		
form
	{
	display:inline;
	margin:0px;
	padding:0px;
	}
	
input
	{
	background-color:#dcd8cd;
	color:black;
	width:128px;
	height:15px;
	border:0px;
	margin:2px 0px;
	padding:0px;
	font-family:verdana;
	font-weight:normal;
	font-size:0.7em;
	}

input.send-btn
	{
	width:128px;
	height:10px;
	background:#f5f4f0 url(/images/titles/send.gif) no-repeat;
	outline:none;
	margin:0px;
	padding:0px;
	}

a.button
	{
    background-color:#665420;
    color: #e2cea5;
    display: block;
    float: left;
    font:georgia,arial;
    font-size:0.7em;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
	}

a.button span
	{
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
	}
	
a.button:active
	{
    background-color:#665420;
    outline: none; /* hide dotted outline in Firefox */
	}

a.button:active span
	{
    padding: 6px 0 4px 18px; /* push text down 1px */
	}
	
#randompics
	{ 
	float: right;
	margin: 0 0 10px 10px;
	border: 1px solid #e2cea5;
	}
	
#randompics img
	{
	border:none;
	}
	
#randompics ol,ul
	{
	list-style:none;
	}

/* new menu css below */

#nav_row
	{
	background-color:red;
	width:749px;
	height:14px;
	}	
	
#nav2
	{
	padding:0;
	background-color:#57391a;
	margin:0;
	list-style:none;
	height:14px;
	position:relative;
	z-index:200;
	font-size:6px;
	font-family:arial, verdana, sans-serif;
	width:675px;
	}
	
#nav2 li.top
	{
	display:block;
	float:left;
	}
	
#nav2 li a
	{
	display:block;
	float:left;
	height:14px;
	border:0px;
	text-decoration:none;
	padding:0;
	cursor:pointer;
	}
	
#nav2 li a b
	{
	margin-left:-9999px;
	font-size:6px;
	}

#nav2 li a.about
	{
	background:url(images/about2.gif);
	width:117px;
	}
	
#nav2 li a.news
	{
	background:url(images/news2.gif);
	width:78px;
	}
	
#nav2 li a.products
	{
	background:url(images/products2.gif);
	width:129px;
	}
	
#nav2 li a.ordering
	{
	background:url(images/ordering2.gif);
	width:128px;
	}
	
#nav2 li a.contact
	{
	background:url(images/contact2.gif);
	width:150px;
	}
	
#nav2 li a.press
	{
	background:url(images/press.gif);
	width:73px;
	}

#nav2 li:hover a, #nav2 a:hover
	{
	background-position: 0 14px;
	}

#nav2 table
	{
	position:absolute;
	top:0;
	left:0;
	border-collapse:collapse;
	padding:0;
	width:0;
	height:0; 
	margin:-1px;
	}

#nav2 .sub
	{
	position:absolute;
	left:-9999px;
	top:-9999px;
	width:0;
	height:0;
	margin:0;
	padding:0;
	list-style:none;
	}

#nav2 .sub2
	{
	position:absolute;
	left:-9999px;
	top:-9999px;
	width:0;
	height:0;
	margin:0;
	padding:0;
	list-style:none;
	}

#nav2 li:hover
	{
	position:relative;
	z-index:200;
	}
	
#nav2 a:hover 
	{
	position:relative;
	white-space:normal;
	z-index:200;
	}

#nav2 :hover ul.sub
	{
	left:0;
	top:14px;
	width:225px;
	height:auto;
	z-index:300;
	}

#nav2 :hover ul.sub li .about_pheasant
	{
	display:block;
	height:36px;
	position:relative;
	float:left;
	width:225px;
	font-weight:normal;
	}

#nav2 :hover ul.sub li a .about_pheasant
	{
	display:block;
	height:36px;
	width:225px;
	border:0px;
	text-decoration:none;
	padding:0;
	cursor:pointer;
	}

#nav2 :hover ul.sub li .why_yorkshire
	{
	display:block;
	height:22px; 
	position:relative;
	float:left;
	width:225px; 
	font-weight:normal;
	}

#nav2 :hover ul.sub li a .why_yorkshire
	{
	display:block;
	height:22px;
	width:225px;
	border:0px;
	text-decoration:none;
	padding:0;
	cursor:pointer;
	}

#nav2 :hover ul.sub li .places_to_visit
	{
	display:block;
	height:22px;
	position:relative;
	float:left;
	width:225px;
	font-weight:normal;
	}

#nav2 :hover ul.sub li a .places_to_visit
	{
	display:block;
	height:22px;
	width:225px;
	border:0px;
	text-decoration:none;
	padding:0;
	cursor:pointer;
	}

#nav2 :hover ul.sub li .where_its_made
	{
	display:block;
	height:27px;
	position:relative;
	float:left;
	width:225px;
	font-weight:normal;
	}

#nav2 :hover ul.sub li a .where_its_made
	{
	display:block;
	height:27px;
	width:225px;
	border:0px;
	text-decoration:none;
	padding:0;
	cursor:pointer;
	}

#nav2 :hover ul.sub li a b
	{
	position:absolute;
	left:-9999px;
	margin:0;
	}

#nav2 :hover ul li a.about_pheasant
	{
	background:url(images/about_pheasant.gif);
	}
	
#nav2 :hover ul li a.why_yorkshire 
	{
	background:url(images/why_yorkshire.gif);
	}
	
#nav2 :hover ul li a.places_to_visit
	{
	background:url(images/places_to_visit.gif);
	}
	
#nav2 :hover ul li a.where_its_made
	{
	background:url(images/where_its_made.gif);
	}

#nav2 :hover ul.sub li a.about_pheasant:hover
	{
	background-position: 0 36px;
	position:relative;
	}

#nav2 :hover ul.sub li a.why_yorkshire:hover 
	{
	background-position: 0 22px;
	position:relative;
	}

#nav2 :hover ul.sub li a.places_to_visit:hover 
	{
	background-position: 0 22px;
	position:relative;
	}

#nav2 :hover ul.sub li a.where_its_made:hover 
	{
	background-position: 0 27px;
	position:relative;
	}
	
#nav2 :hover ul.sub2
	{
	left:0;
	top:14px;
	width:157px;
	height:auto;
	z-index:300;
	}

#nav2 :hover ul.sub2 li .contact_details
	{
	display:block;
	height:36px;
	position:relative;
	float:left;
	width:157px;
	font-weight:normal;
	}

#nav2 :hover ul.sub2 li a .contact_details
	{
	display:block;
	height:36px;
	width:157px;
	border:0px;
	text-decoration:none;
	padding:0;
	cursor:pointer;
	}

#nav2 :hover ul.sub2 li .join_list
	{
	display:block;
	height:22px; 
	position:relative;
	float:left;
	width:157px; 
	font-weight:normal;
	}

#nav2 :hover ul.sub2 li a .join_list
	{
	display:block;
	height:22px;
	width:157px;
	border:0px;
	text-decoration:none;
	padding:0;
	cursor:pointer;
	}

#nav2 :hover ul.sub2 li .brochure_request
	{
	display:block;
	height:28px;
	position:relative;
	float:left;
	width:157px;
	font-weight:normal;
	}

#nav2 :hover ul.sub2 li a .brochure_request
	{
	display:block;
	height:28px;
	width:157px;
	border:0px;
	text-decoration:none;
	padding:0;
	cursor:pointer;
	}
	
#nav2 :hover ul.sub2 li a b
	{
	position:absolute;
	left:-9999px;
	margin:0;
	}

#nav2 :hover ul li a.contact_details
	{
	background:url(images/contact_details.gif);
	}
	
#nav2 :hover ul li a.join_list 
	{
	background:url(images/join_list.gif);
	}
	
#nav2 :hover ul li a.brochure_request
	{
	background:url(images/brochure_request.gif);
	}
	
#nav2 :hover ul.sub2 li a.contact_details:hover
	{
	background-position: 0 36px;
	position:relative;
	}

#nav2 :hover ul.sub2 li a.join_list:hover 
	{
	background-position: 0 22px;
	position:relative;
	}
	
#nav2 :hover ul.sub2 li a.brochure_request:hover 
	{
	background-position: 0 28px;
	position:relative;
	}