html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

.clearer {
	width: 100%;
	height: 1px;
	clear: both;
}

/*********************************************************************************/

html, body {
	background: #000000;	
	color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#outer {
	width: 100%;
	background: #000000 url(/images/site/bg-xmas-black.jpg) center top no-repeat;
	/*background: #000000 url(/images/site/bg-summer.jpg) center -30px no-repeat;*/
}

	.page_home #outer {
		background-image: url(/images/site/bg-sheep-winter.jpg);
		/*background-image: url(/images/site/bg-sheep-xmas-black.jpg);*/
		/*background-image: url(/images/site/bg-sheep-summer.jpg);*/
	}

#container {
	width: 980px;
	margin: 0 auto;
}

/*********************************************************************************
Masthead
*********************************************************************************/

#masthead {
	width: 980px;
	height: 216px;
	background: url(/images/site/bg-masthead.jpg) center -30px no-repeat;
	position: relative;
	height: 186px;
}

	.page_shop #masthead {
		background: url(/images/site/bg-masthead-shop.jpg) left -30px no-repeat;
	}

	#masthead a#logolink {
		position: absolute;
		left: 36px;
		top: 24px;
		width: 120px;
		height: 135px;
	}
	
	#masthead #main-navigation {
		width: 725px;
		height: 45px;
		position: absolute;
		left: 265px;
		top: 115px;
		top: 85px;
		
		width: 740px;
		left: 238px;
	}

		#masthead #main-navigation ul {
			display: inline;
		}

			#masthead #main-navigation ul li {
				display: block;
				float: left;
				height: 45px;
				line-height: 50px;
				font-size: 18px;
				font-weight: bold;
				margin-right: 5px;
				padding: 0;
			}
		
				#masthead #main-navigation ul li a {
					text-decoration: none;
					display: block;
					height: 45px;
					float: left;
					padding: 0 18px 0 18px;
					color: #FFFFFF;
				}

				#masthead #main-navigation ul li a:hover,
				.page_home #masthead #main-navigation ul li#nav_home a,
				.page_about #masthead #main-navigation ul li#nav_about a,
				.page_beers #masthead #main-navigation ul li#nav_beers a,
				.page_shop #masthead #main-navigation ul li#nav_shop a,
				.page_visitor_centre #masthead #main-navigation ul li#nav_visitor_centre a,
				.page_contact #masthead #main-navigation ul li#nav_contact a {
					background: #c5530b url(/images/site/bg-main-nav-over.jpg) left top repeat-x;
					color: #000000;
					-webkit-border-top-left-radius: 2px;
					-webkit-border-top-right-radius: 2px;
					-moz-border-radius-topleft: 2px;
					-moz-border-radius-topright: 2px;
					border-top-left-radius: 2px;
					border-top-right-radius: 2px;
				}
				
				
				/*
				#masthead #main-navigation ul li#nav_shop a:hover {
					background: #970000	url(/images/site/nav-shop-xmas.jpg) left top repeat-x;
					color: #FFFFFF;
				}
				
				.page_shop #masthead #main-navigation ul li#nav_shop a {
					background: #970000	url(/images/site/nav-shop-xmas.jpg) left top repeat-x;	
					color: #FFFFFF;	
				}
				*/
				
	#masthead #secondary-navigation {
		width: 790px;
		height: 50px;
		float: right;
		margin-right: 15px;
	}

		#masthead #secondary-navigation ul {
			float: right;	
		}

			#masthead #secondary-navigation ul li {
				display: block;
				float: left;
				height: 50px;
				line-height: 60px;
				font-size: 12px;
				font-weight: normal;
				margin-right: 3px;	
				font-family: Arial, Helvetica, sans-serif;
				background: url(/images/site/bg-secondary-nav-left.jpg) left top no-repeat;
				padding: 0 0 0 3px;
			}

				#masthead #secondary-navigation ul li a {
					text-decoration: none;
					display: block;
					height: 50px;
					float: left;
					padding: 0 12px 0 9px;
					background: url(/images/site/bg-secondary-nav-right.jpg) right top no-repeat;
					color: #FFFFFF;
				}
				
				#masthead #secondary-navigation ul li a:hover,
				#masthead #secondary-navigation ul li.current a {					
					color: #CACACA;
				}
				
		
	#masthead #breadcrumb {
		position: absolute;
		left: 182px;
		top: 136px;
		height: 35px;
		width: 440px;
		line-height: 35px;
		font-size: 11px;
		color: #050505;
		font-weight: bold;
	}

		#masthead #breadcrumb a {
			color: #FFFFFF;
			padding-right: 14px;
			background: url(/images/site/arrow-breadcrumb.gif) right 4px no-repeat;
			text-decoration: none;
		}

			#masthead #breadcrumb a:hover {
				color: #050505;				
				text-decoration: none;
			}
		
	#masthead #subscribe {
		position: absolute;
		left: 658px;
		top: 132px;
		width: 320px;
		height: 55px;
	}
	
	
		#masthead #subscribe input#subscribe-box,
		#masthead #subscribe input#bltyuh-bltyuh {
			position: absolute;
			left: 18px;
			top: 14px;
			height: 28px;
			width: 186px;
			border: 1px solid #ff9933;
			border-width: 0px 0 0px 0px;
			background: none;
			color: #666666;
			font-size: 11px;
			padding-left: 0px;
			font-family: Georgia, "Times New Roman", Times, serif;
			line-height: 28px;	
		}
		
		#masthead #subscribe input#subscribe-submit {
			position: absolute;
			left: 242px;
			top: 11px;
		}
		
		#masthead #subscribe label.error {
			position: absolute;
			left: 10px;
			top: 44px;
			border: 1px solid #CC0000;
			background-color: #990000;
			color: #FFFFFF;
			font-size: 11px;
			display: block;
			width: 227px;
			height: 17px;
			text-align: center;
			line-height: 17px;
			z-index: 300;
		}
/*********************************************************************************
Content
*********************************************************************************/		

#content {
	width: 980px; 	
	margin: 0 auto;
 	clear: both;
	position: relative;
}

	.page_home #content {
		height: 440px;	
	}
	
	#content h2 {		
		color: #FFFFFF;
		font-size: 20px;		
	}

		#content h2.tagline {		
			text-indent: -20000px;
			display: block;
			width: 281px;
			height: 36px;
			background: url(/images/site/tagline.jpg) left top no-repeat;
			margin: -7px 0 3px 22px;
		}

		#notagline {
			width: 100%;
			height: 10px;
			clear: both;
		}

/*********************************************************************************
Home Page Tier 1
*********************************************************************************/

h2.great_yorkshire_beers {
	background: url(/images/site/great-yorkshire-beers.png) 0 -2px no-repeat;	
	text-indent: -20000px;
}

#homepage_tagline {
	clear: both;
	width: 100%;
	height: 20px;
}

	#content #featured {
		float: left;
		height: 408px;			
		width: 726px;
		width: 502px;
	}
	
	
	#content #featured-tabs {
		float: left;
		height: 408px;			
		width: 224px;	
	}

		#content .featured-content {
			float: left;
			height: 408px;
			padding: 0;
			position: relative;
			background: left top no-repeat;		
			width: 502px;
		}

			#content .featured-content div.trans {				
				width: 582px;
				height: 98px;
				margin-top: 300px;
				padding: 12px 0 0 20px;
				color: #FFFFFF;
			}

				#content .featured-content div.trans a.logo-link {
					position: absolute; 
					left: 0; 
					top: 0; 
					display: block; 
					width: 180px; 
					height: 180px;
				}
			
		#content #featured #fc1 {
			background-image: url(/images/rotator-home/bg-external.jpg);
			background-image: url(/images/rotator-home/bg-new-logo.jpg);
			height: 408px;
			width: 502px;
			background-color: #111111;
		}
		
		#content #featured #fc2 {
			background-image: url(/images/rotator-home/bg-beer.jpg);
			height: 408px;
			width: 502px;
			background-color: #222222;
		}		

		#content #featured #fc3 {
			background-image: url(/images/rotator-home/bg-bar.jpg);
			height: 408px;
			width: 502px;
			background-color: #333333;
		}

		#content #featured #fc4 {
			background-image: url(/images/rotator-home/bg-montage.jpg);
			height: 408px;
			width: 502px;
			background-color: #444444;
		}
		
			#content .featured-content h3 {
				font-size: 20px;
				color: #FFFFFF;
				margin-bottom: 7px;
				line-height: 26px;
				width: 220px;
			}

			#content .featured-content p {
				font-size: 16px;
				line-height: 21px;
				color: #FFFFFF;
				width: 500px;
			}
			
				#content .featured-content p strong {
					font-weight: bold;
				}

				#content .featured-content a.fcta {
					display: block;	
					width: 112px;
					height: 26px;
					position: absolute;					
					text-align: center;
					color: #FFFFFF;
					line-height: 23px;
					text-decoration: none;
					font-size: 14px;
					top: 366px;
				}

					#content .featured-content a.fcta:hover {
						color: #000000;
						text-decoration: none;
					}
				
				#content .featured-content a.orange {					
					background: url(/images/site/cta-orange.png) left top no-repeat;					
					left: 15px;
				}
		
				#content .featured-content a.yellow {					
					background: url(/images/site/cta-yellow.png) left top no-repeat;
					left: 135px;
				}	

				#content .featured-content a.brown {					
					background: url(/images/site/cta-brown.png) left top no-repeat;
					left: 255px;
				}	

				#content .featured-content a.red {					
					background: url(/images/site/cta-red.png) left top no-repeat;
					left: 375px;
				}
				
/***********************************************************************/

#content #featured-tabs a {
	display: block;
	float: left;
	width: 224px;
	height: 102px;
	background: #FFFFFF left top no-repeat;	
	color: #999999;
	line-height: 15px;
	font-size: 11px;
	text-decoration: none;
	position: relative;
}

	#content #featured-tabs .activetab {
		background-position: left -102px;
		cursor: pointer;
	}

		#content #featured-tabs a:hover span,
		#content #featured-tabs a:hover em,
		#content #featured-tabs .activetab span,
		#content #featured-tabs .activetab em {
			color: #333333;
		}
	
			
			
		#content #featured-tabs a span {
			font-size: 15px;
			padding: 0 0 26px 0;
			color: #FFFFFF;
			font-weight: bold;
			text-decoration: none;
			font-style: normal;
			position: absolute;
			left: 13px;
			top: 13px;
			display: block;
			width: 210px;
			height: 30px;
		}			
		
			#content #featured-tabs .activetab span
			#content #featured-tabs a:hover span {
				color: #333333;		
			}				
			
		#content #featured-tabs a em {
			font-size: 11px;
			color: #999999;			
			line-height: 15px;
			text-decoration: none;
			position: absolute;
			left: 54px;
			top: 52px;
			display: block;
			width: 160px;
			height: 40px;
		}

			#content #featured-tabs a#ft4 em {
				top: 46px;
			}
			
#content a.play {
	position: absolute;
	display: block;
	width: 80px;
	height: 40px;
	background-color: green;
	color:#FFFFFF;
	text-decoration: none;
	line-height: 40px;
	text-align: center;
	font-size: 11px;
	left: 200px;
	top: 210px;
	z-index: 200;
}

/***********************************************************************/

		#content #featured-tabs .featured-tab {
			float: left;
			width: 224px;
			height: 102px;	
			background: left top no-repeat;	
		}
	
		#content #featured-tabs .featured-welcome {
			background-image: url(/images/site/bg-featured-tab-1.jpg);		
		}
		
			#content #featured-tabs .featured-welcome:hover {
				background-position: left -102px;
				cursor: pointer;
			}		
		
		#content #featured-tabs .featured-beers {
			background-image: url(/images/site/bg-featured-tab-2.jpg);		
		}

			#content #featured-tabs .activeSlide,
			#content #featured-tabs .featured-beers:hover {
				background-position: left -102px;
				cursor: pointer;
			}
		
		#content #featured-tabs .featured-visitor {
			background-image: url(/images/site/bg-featured-tab-3.jpg);		
		}

			#content #featured-tabs .featured-visitor:hover {
				background-position: left -102px;
				cursor: pointer;		
			}
		
		#content #featured-tabs .featured-shop {
			background-image: url(/images/site/bg-featured-tab-4.jpg);		
		}
		
			#content #featured-tabs .featured-shop:hover {
				background-position: left -102px;
				cursor: pointer;	
			}		
				
			#content #featured-tabs .featured-tab p {
				font-size: 11px;
				margin: 18px 8px 8px 52px;
				color: #999999;
				line-height: 15px;
			}			
		
	#content #intro {
		float: right;	
		width: 240px;
		height: 408px;
	}

		#content #intro h1 {
			color: #FFFFFF;
			font-size: 21px;
			font-weight: bold;
			margin-bottom: 4px;
		}

		#content #intro p {
			color: #CCCCCC;
			font-size: 12px;
			line-height: 20px;
		}
		
		#content #intro a.more {
			display: block;
			width: 86px;
			height: 35px;
			background: url(/images/site/btn-more.png) left top no-repeat;
			text-indent: -20000px;
			float: right;
			margin-top: 10px;
		}

/*********************************************************************************
Pods
*********************************************************************************/

#pods {
	width: 980px; 
	height: 390px;
	margin-top: 18px;
}

#extra {
	width: 225px;
	float: right;
	/*margin-right: 13px;*/
}

	div.pod {
		width: 225px;
		height: 390px;
		float: left;
		position: relative;
		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}

		#pods div.pod {			
			margin: 0 26px 0 0;
		}

		#extra div.pod {			
			margin: 14px 0 0 0;
		}
		
		div.pod h4 {
			color: #FFFFFF;
			font-weight: bold;
			font-size: 20px;
			height: 45px;
			width: 202px;
			padding-left: 20px;
			height: 22px;
			line-height: 22px;
			margin-top: 14px;
			margin-bottom: 24px; 
			font-size: 22px;		
		}

			div.pod h4 a {
				color: #FFFFFF;
				text-decoration: none;
				display: block;
				width: 202px;
				height: 45px;
			}

				div.pod h4 a:hover {
					color: #111111;
					text-decoration: none;
				}
			
		div.pod h5 {
			color: #000000;
			font-weight: bold;
			font-size: 25px;
			line-height: 29px;			
			padding-left: 35px;
			margin-bottom: 6px;
		}
		
			div#pod-nes h5 {
				color: #FFFFFF;
				font-weight: bold;
				font-size: 16px;
				line-height: 22px;
				width: 205px;
				padding-left: 20px;			
				height: 22px;
				line-height: 22px;
				margin-top: 12px;
			}

				div#pod-nes h5 a {
					color: #FFFFFF;
					text-decoration: none;
				}
			
		div.pod p {
			color: #000000;
			font-size: 12px;
			line-height: 18px;
			margin: 0 8px 4px 20px;
		}		

			div.pod p strong {
				color: #000000;
				font-size: 12px;
				font-weight: bold;
			}	
		
			div.pod p em {
				color: #000000;
				font-size: 16px;
				line-height: 22px;
				font-weight: normal;
			}
			
			div.pod p a {
				color: #000000;
				text-decoration: none;
			}

				div.pod p a:hover {
					color: #333333;
					text-decoration: none;
				}
			
			div.pod p.pull {
				color: #000000;
				font-size: 12px;
				font-weight: normal;
			}	            	
                
				div.pod p.pull strong {
					color: #993300;
					font-size: 14px;
					font-weight: bold;
				}	                
	
		div.pod a.more {
			display: block;
			width: 155px;
			height: 39px;
			position: absolute;
			top: 347px;
			left: 70px;
			text-indent: -20000px;
			border-top: 1px solid #000000;
		}	

div#nes-social div.nes-twitter {
	padding: 12px 0 12px 0;
}

	div#nes-social div.nes-twitter p {
		font-size: 11px;
		line-height: 14px;
		color: #FFFFFF;
	}
	
		div#nes-social div.nes-twitter p.tt {
			color: #e4b280;	
		}

/*********************************************************************************
Pod - Special Offers
*********************************************************************************/

#pods div#pod-special {
	background: url(/images/site/bg-pod-january-2012.jpg) left 4px no-repeat;	
	margin-right: 0 !important;
	margin-left: 26px !important;
	position: relative;
}				
	
	div#pod-special h4 {
		color: #000000;
		font-size: 26px;	
		height: 80px;
		margin-bottom: 8px;
		padding-top: 12px;
	}
	
		div#pod-special h4 a {	
			color: #000000;
			font-size: 26px;
			text-decoration: none;
		}		
	
		div#pod-special p {		
			margin-bottom: 4px;
		}
		
		div#pod-special p em {		
			font-size: 12px;	
			line-height: 17px;
		}
		
		div#pod-special img.thepic {		
			position: absolute;
			left: 0;
			top: 188px;
		}

/*********************************************************************************
Pod - VC Logos
*********************************************************************************/

#external-logos {
	height: 105px;
    margin-top: 18px;
    width: 980px;	
	background: url(/images/site/vc-logos.png) right -6px no-repeat;
}

/*********************************************************************************
Pod - Menus
*********************************************************************************/

div#pod-menus {
	background: url(/images/site/festive_menus.jpg) left top no-repeat;
}				
	
	div#pod-menus p em a {	
		color: #FFFFFF;
	}

		div#pod-menus p em a:hover {	
			color: #CECECE;
		}

/*********************************************************************************
Pod - Festive Food
*********************************************************************************/

div#pod-festive-food {
	background: url(/images/site/bg-pod-festive-food.jpg) left top no-repeat;
}	

	div#pod-festive-food p,
	div#pod-festive-food p em,
	div#pod-festive-food p em a { 
		color: #FFFFFF;				
	}
	
		div#pod-festive-food p em a {
			color: #FFFFFF;
			text-decoration: none;
			font-style: italic;
		}
		
	div#pod-festive-food a.more { 
		background: url(/images/site/btn-view-menus-red.jpg) left top no-repeat;			
	}

		div#pod-festive-food a.more:hover { 
			background: url(/images/site/btn-view-menus-red.jpg) left top no-repeat;			
		}	
		
/*********************************************************************************
Pod - Pub Not Listed
*********************************************************************************/

div#pod-pub-not-listed {
	background: url(/images/site/bg-pod-yellow.jpg) left top no-repeat;	
	background: url(/images/site/bg-pod-2-beers.jpg) left top no-repeat;
}

		div#pod-pub-not-listed a.more { 
			background: url(/images/site/btn-pod-5.jpg) left top no-repeat;			
		}

			div#pod-pub-not-listed a.more:hover { 
				background: url(/images/site/btn-pod-5.jpg) left -39px no-repeat;			
			}	
		
/*********************************************************************************
Pod - Fun Stuff
*********************************************************************************/

	#pods div#pod-fun-stuff {
		background: url(/images/site/bg-pod-fs.jpg) left top no-repeat;
	}				
		
		#pods div#pod-fun-stuff p strong {	
			color: #993300;
		}
		
		#pods div#pod-fun-stuff a.more { 
			background: url(/images/site/btn-pod-2.jpg) left top no-repeat;			
		}

			#pods div#pod-fun-stuff a.more:hover { 
				background: url(/images/site/btn-pod-2.jpg) left -39px no-repeat;			
			}




/*********************************************************************************
Pod - Visitor Guide
*********************************************************************************/

#pod-visitor-guide {
	background: url(/images/site/bg-vc-guide.jpg) left top no-repeat;
}	

	#pod-visitor-guide p {	
		color: #000000;
		font-size: 16px;
		line-height: 22px;
		font-weight: normal;
		margin-bottom: 12px;
	}
	
		#pod-visitor-guide p a {	
			color: #a73405;
			font-weight: bold;
			font-style: italic;
			text-decoration: none;
		}

			#pod-visitor-guide p a:hover {	
				color: #333333;
				text-decoration: none;
			}
		
		#pod-visitor-guide a.more { 
			background: url(/images/site/btn-download.jpg) left top no-repeat;			
		}
		
			#pod-visitor-guide a.more:hover { 
				background: url(/images/site/btn-download.jpg) left -39px no-repeat;			
			}
			
			
/*********************************************************************************
Pod - Visitor Centre
*********************************************************************************/

#pods div#pod-visitor-centre {
	background: url(/images/site/bg-pod-brown-vc.jpg) left top no-repeat;
}	

	#pods div#pod-visitor-centre p {	
		margin-top: 150px;
	}
	
		#pods div#pod-visitor-centre p a {	
			color: #000000;
			text-decoration: none;
		}

			#pods div#pod-visitor-centre p a:hover {	
				color: #333333;
				text-decoration: none;
			}
		
		#pods div#pod-visitor-centre a.more { 
			background: url(/images/site/btn-pod-3.jpg) left top no-repeat;			
		}
		
			#pods div#pod-visitor-centre a.more:hover { 
				background: url(/images/site/btn-pod-3.jpg) left -39px no-repeat;			
			}

#vc-notice-tab {
	float: left;
	background: url(/images/site/bg-please-note.jpg) left top no-repeat;
	width: 65px;
	height: 64px;
	margin-top: 12px;
}

#vc-notice {
	background-color: #000000; 
	color: #FFFFFF; 
	float: right;
	width: 872px;
	padding: 12px 12px 9px 31px;
	margin-bottom: 12px;
	border-bottom: 2px solid #CCCC99;
	background: url(/images/site/vc-notice.jpg) left bottom no-repeat;
	margin-top: 12px;
}

	#vc-notice h4 {
		color: #CCCC99;
		font-size: 20px;
		margin-bottom: 4px;
		font-style: italic;
	}

	#vc-notice p {
		font-size: 12px;
		line-height: 16px;
		margin-bottom: 6px;
	}

		#vc-notice p strong {
			font-size: 15px;
			line-height: 19px;
			margin-bottom: 6px;
		}
	
/*********************************************************************************
Pod - Hampers
*********************************************************************************/

	#pods div#pod-hampers {
		background: url(/images/site/xmas_hampers.jpg) left top no-repeat;
	}				
		
		#pods div#pod-hampers p em a {	
			color: #FFFFFF;
		}
		
		#pods div#pod-hampers a.more { 
			background: url(/images/site/btn-pod-3.jpg) left top no-repeat;			
		}

			#pods div#pod-hampers a.more:hover { 
				background: url(/images/site/btn-pod-3.jpg) left -39px no-repeat;			
			}

/*********************************************************************************
Pod - Flagsheep Pubs
*********************************************************************************/

div#pod-flagsheep-pubs {
	background: url(/images/site/bg-pod-2.jpg) left top no-repeat;
}					

	div#pod-flagsheep-pubs h4 {	
		margin-bottom: 140px;
	}

	div#pod-flagsheep-pubs a.more { 
		background: url(/images/site/btn-pod-2.jpg) left top no-repeat;			
	}

		div#pod-flagsheep-pubs a.more:hover { 
			background: url(/images/site/btn-pod-2.jpg) left -39px no-repeat;			
		}
									
div#pod-flagsheep-pubs-2 {
	background: url(/images/site/bg-pod-2-beers.jpg) left top no-repeat;
}					

	div#pod-flagsheep-pubs-2 a.more { 
		background: url(/images/site/btn-pod-2.jpg) left top no-repeat;			
	}

		div#pod-flagsheep-pubs-2 a.more:hover { 
			background-position: left -39px;			
		}
		
/*********************************************************************************
Pod - Fanatics Club
*********************************************************************************/

#pods div#pod-fanatics-club {
	background: url(/images/site/bg-pod-3.jpg) left top no-repeat;
}	

	#pods div#pod-fanatics-club h4 {	
		margin-bottom: 22px;
		padding-right: 15px;
	}

	#pods div#pod-fanatics-club h5 {		
		padding-left: 20px;
		padding-right: 15px;
	}
		
	#pods div#pod-fanatics-club p {	
		margin-left: 20px;
		padding-right: 14px;
	}
	
	#pods div#pod-fanatics-club a.more { 
		background: url(/images/site/btn-pod-3.jpg) left top no-repeat;			
	}
	
		#pods div#pod-fanatics-club a.more:hover { 
			background: url(/images/site/btn-pod-3.jpg) left -39px no-repeat;			
		}


/*********************************************************************************
Pod - Ipix Instructions
*********************************************************************************/

	div#pod-ipix-instructions {
		background: url(/images/site/bg-pod-beige.jpg) left top no-repeat;
	}				

		div#pod-ipix-instructions p {	
		
		}
		
		div#pod-ipix-instructions p strong {	
			color: #993300;
		}

			
/*********************************************************************************
Pod - Visit Online Shop
*********************************************************************************/

	div#pod-visit-online-shop {
		background: url(/images/site/bg-pod-1-beers.jpg) left top no-repeat;
	}				

		div#pod-visit-online-shop p {	
		
		}
		
		div#pod-visit-online-shop p strong {	
			color: #993300;
		}

		div#pod-visit-online-shop a.more { 
			background: url(/images/site/btn-buy-beers.jpg) left top no-repeat;			
		}

			div#pod-visit-online-shop a.more:hover { 
				background-position: left -39px;			
			}	

/*********************************************************************************
Pod - Find Us
*********************************************************************************/

	div#pod-find-us {
		background: url(/images/site/bg-pod-beige-pumps.jpg) left top no-repeat;
	}				

		div#pod-find-us p {	
		
		}
		
		div#pod-find-us p strong {	
			color: #993300;
		}

		div#pod-find-us a.more { 
			background: url(/images/site/btn-buy-beers.jpg) left top no-repeat;			
		}

			div#pod-find-us a.more:hover { 
				background-position: left -39px;			
			}	

/*********************************************************************************
Pod - Address
*********************************************************************************/

	div#pod-address {
		background: url(/images/site/bg-pod-yellow-history.jpg) left top no-repeat;
	}				

		div#pod-address p {	
		
		}
		
		div#pod-address p strong {	
			color: #993300;
		}

		div#pod-address a.more { 
			background: url(/images/site/btn-buy-beers.jpg) left top no-repeat;			
		}

			div#pod-address a.more:hover { 
				background-position: left -39px;			
			}	

/*********************************************************************************
Pod - Directions
*********************************************************************************/

	#pods div#pod-directions {
		background: url(/images/site/bg-pod-brown-wide.jpg) left top no-repeat;
		width: 475px;
		margin-right: 0;
	}				

		div#pod-directions p {	
			margin-right: 25px;
			margin-bottom: 15px;
		}
		
		div#pod-directions p strong {	
			color: #993300;
		}

		div#pod-directions a.more { 
			background: url(/images/site/btn-buy-beers.jpg) left top no-repeat;			
		}

			div#pod-directions a.more:hover { 
				background-position: left -39px;			
			}	
			
/*********************************************************************************
Pod - History
*********************************************************************************/

div#pod-history {
	background: url(/images/site/bg-pod-yellow-history.jpg) left top no-repeat;
	background: url(/images/site/bg-pod-yellow-paul.jpg) left top no-repeat;
}					
		
	div#pod-history p a {	
		color: #000000;
		text-decoration: none;
	}

		div#pod-history p a:hover {	
			color: #333333;
			text-decoration: none;
		}	

	div#pod-history a.more { 
		background: url(/images/site/btn-pod-2.jpg) left top no-repeat;			
	}

		div#pod-history a.more:hover { 
			background: url(/images/site/btn-pod-2.jpg) left -39px no-repeat;			
		}
		
/*********************************************************************************
Pod - Trade
*********************************************************************************/

div#pod-trade {
	background: url(/images/site/bg-pod-3-beers.jpg) left top no-repeat;
}					

	div#pod-trade p {	
		
	}

	div#pod-trade a.more { 
		background: url(/images/site/btn-pod-3.jpg) left top no-repeat;			
	}

		div#pod-trade a.more:hover { 
			background: url(/images/site/btn-pod-3.jpg) left -39px no-repeat;			
		}
			
/*********************************************************************************
Pod - News, Events, Social
*********************************************************************************/

div#pod-nes {
	background: url(/images/site/bg-pod-4.jpg) left 45px no-repeat;	
	margin-right: 0;
}

	#pods div#pod-nes {
		margin-right: 0;	
	}

	div#pod-nes div#nes-events,
	div#pod-nes div#nes-social {
		display: none;	
	}

	div#pod-nes a.more { 
		background: url(/images/site/bg-more-blank.jpg) left top no-repeat;			
	}

		div#pod-nes h4 {	
			margin: 12px 0 10px 0px;
			padding-left: 15px;
			line-height: 28px;
			height: 28px;
			font-size: 18px;
		}
		
		div#pod-nes a.type {
			display: block;
			width: 70px;
			height: 45px;
			float: left;
			text-indent: -20000px;			
		}
		
			div#pod-nes a#tab-news {
				background: url(/images/site/tab-news-out.jpg) right bottom no-repeat;	
			}

				div#pod-nes a#tab-news:hover {
					background: url(/images/site/tab-news-over.jpg) right bottom no-repeat;
				}
			
				div#pod-nes a#tab-news-active {
					background: url(/images/site/tab-news-over.jpg) right bottom no-repeat;
				}

				
			div#pod-nes a#tab-events {
				background: url(/images/site/tab-events-out.jpg) right bottom no-repeat;	
			}

				div#pod-nes a#tab-events:hover {
					background: url(/images/site/tab-events-over.jpg) right bottom no-repeat;
				}

				div#pod-nes a#tab-events-active {
					background: url(/images/site/tab-events-over.jpg) right bottom no-repeat;	
				}


			div#pod-nes a#tab-social {
				background: url(/images/site/tab-social-out.jpg) right bottom no-repeat;	
			}
			
				div#pod-nes a#tab-social:hover {
					background: url(/images/site/tab-social-over.jpg) right bottom no-repeat;
				}
				
				div#pod-nes a#tab-social-active {
					background: url(/images/site/tab-social-over.jpg) right bottom no-repeat;	
				}

		div#pod-nes div#nes-news a.more {
			background-image: url(/images/site/btn-view-all-news.jpg);
		}
				
		div#pod-nes div#nes-events a.more {
			background-image: url(/images/site/btn-view-all-events.jpg);
		}

		div#pod-nes div#nes-social a.more {
			background-image: url(/images/site/btn-view-twitter.jpg);
		}
		
		div#pod-nes div.event-summary {
			width: 210px;
			padding: 10px 0 8px 15px;
		}
	   
	   	div#pod-nes div#es2 {
			background-color: #b95e03;
		}

	   	div#pod-nes div#es3 {
			background-color: #ae5801;
		}

			div#pod-nes div.event-summary h6 {
				font-size: 13px;			
				color: #000000;
				margin-left: 34px;
				font-weight: bold;
				line-height: 18px;
				width: 160px;
			}
			
			div#pod-nes div.event-summary p {
				font-size: 11px;
				line-height: 14px;
				color: #FFFFFF;
				margin-left: 34px;
			}	
			
			div#pod-nes div.event-summary h6 a {						
				color: #000000;				
				text-decoration: none;
			}
			
			div#pod-nes div.event-summary p a {			
				color: #FFFFFF;
				text-decoration: none;
			}	

				div#pod-nes div.event-summary h6 a:hover {						
					color: #222222;				
					text-decoration: none;
				}
				
				div#pod-nes div.event-summary p a:hover {			
					color: #CCCCCC;
					text-decoration: none;
				}	
			
div#pod-nes div.calendar {
	margin-top: 3px; 
	padding-left: 2px; 
	float: left; 
	width: 23px; 
	height: 35px; 
	background: url(/images/site/bg-date.jpg) left top no-repeat; 
	text-align: center;	
}

	div#pod-nes div.calendar p.day {
		margin: 6px 0 3px 0; 
		padding: 0; 
		font-family: Arial, Helvetica, sans-serif; 
		line-height: 14px; 
		font-size: 14px; 
		font-weight: bold; 
		color: #942905; 
	}
	
	div#pod-nes div.calendar p.month {
		margin: 0; 
		padding: 0; 
		font-size: 9px; 
		line-height: 9px; 
		font-weight: normal; 
		text-transform: uppercase; 
		color: #FFFFFF; 
		font-family: Arial, Helvetica, sans-serif; 
		font-style: normal;
	}

/*********************************************************************************
Pod - Event Quote
*********************************************************************************/

div#pod-event-quote {
	background: url(/images/site/bg-pod-yellow.jpg) left top no-repeat;
	position: relative;
}					
		
	div#pod-event-quote q {
		color: #000000;
		font-size: 16px;
		line-height: 22px;
		font-weight: normal;
		margin: 0 20px 4px 20px;
		display: block;
		text-indent: -8px;
		font-style: italic;
	}
	
	div#pod-event-quote cite {
		color: #000000;
		font-size: 14px;
		font-weight: bold;
		margin: 6px 20px 4px 20px;
		display: block;
		text-align: right;
	}
			
	div#pod-event-quote a.more { 
		background: url(/images/site/btn-find-out-more-yellow.jpg) left top no-repeat;			
	}

		div#pod-event-quote a.more:hover { 
			background-position: left -39px;			
		}

/*********************************************************************************
Pod - Charity
*********************************************************************************/

div#pod-charity {
	background: url(/images/site/bg-pod-charity.jpg) left top no-repeat;
	position: relative;
}					
	
	div#pod-charity #counter {
		position: absolute;
		top: 298px;
		left : 34px;
		font-size: 11px;
		color: #333333;
	}
	
	div#pod-charity a.more { 
		background: url(/images/site/btn-find-out-more-beige.jpg) left top no-repeat;			
	}

		div#pod-charity a.more:hover { 
			background-position: left -39px;			
		}
		
/*********************************************************************************
Pod - Event Venue
*********************************************************************************/

div#pod-event-venue {
	background: url(/images/site/bg-pod-brown-pumps.jpg) left top no-repeat;
}					


	div#pod-event-venue p { 
		font-size: 11px;
	}
	
	div#pod-event-venue a.more { 
		background: url(/images/site/btn-find-out-more-brown.jpg) left top no-repeat;			
	}

		div#pod-event-venue a.more:hover { 
			background-position: left -39px;			
		}

/*********************************************************************************
Pod - Twitter Box
*********************************************************************************/

div#pod-twitter-box {
	background: url(/images/site/bg-pod-beige.jpg) left top no-repeat;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}					

	div#pod-twitter-box h5 { 
		padding-left: 20px;	
		padding-right: 15px;
		font-size: 22px;
		line-height: 27px;
		margin-bottom: 16px;
	}
	
	div#pod-twitter-box a.more {
		background: url(/images/site/btn-view-twitter.jpg) left top no-repeat;
	}
		
		div#pod-twitter-box a.more:hover { 
			background-position: left -39px;			
		}

	div.pod-twitter {
		margin-right: 16px;	
		margin-bottom: 12px;
	}

	div.pod-twitter p {
		font-size: 11px;
		line-height: 14px;
		color: #000000;
	}
	
		div.pod-twitter p.tt {
			color: #ae5801;	
		}	
		
/*********************************************************************************
Pod - 12 Beers of Xmas
*********************************************************************************/		

div#pod-12beersofxmas {
	background: url(/images/site/bg-pod-12beersofxmas.jpg) left top no-repeat;	
	position: relative;
}
 
	div#pod-12beersofxmas p {
		position: absolute;	
		top: 85px;
		left: 0;
		width: 200px;
		margin: 0 10px;
		text-align: center;
		color: #FFFFFF;
		font-size: 12px;
		line-height: 19px;
		font-family: Georgia, "Times New Roman", Times, serif;
	}

		div#pod-12beersofxmas p strong {
			color: #FFFFFF;
			font-size: 12px;
			line-height: 16px;	
			font-weight: bold;
		}
		
	div#pod-12beersofxmas a.mini {
		position: absolute;	
		top: 318px;
		left: 42px;
		width: 160px;
		height: 18px;
		text-align: left;
		color: #FFFFFF;
		font-size: 11px;
		line-height: 11px;
		font-family: Georgia, "Times New Roman", Times, serif;	
		text-decoration: none;
	}

		div#pod-12beersofxmas a.mini:hover {
			text-decoration: underline;
		}
	
	div#pod-12beersofxmas a.more {
		background: url(/images/site/btn-follow-us-red.jpg) left top no-repeat;	
	}

		div#pod-12beersofxmas a.more:hover {
			background-position: left -39px;	
		}
		

/*********************************************************************************
Pod - Opening Hours
*********************************************************************************/

div#pod-opening-hours {
	background: url(/images/site/bg-opening-times.png) left top no-repeat;
	width: 193px;
	height: 175px;
	float: right;
	position: relative;
	margin: 10px 0 0 0;
	padding: 47px 16px 0 16px;
}					

	div#pod-opening-hours h4 {
		text-align: center;
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 20px;
	}
	
	div#pod-opening-hours p {
		font-size: 10px;
		line-height: 14px;
		margin-bottom: 12px;
		color: #f3f1cc;
	}	
	
	div#pod-opening-hours div.hours {
		width: 160px;
		height: 22px;
		border-bottom: 2px solid #003403;
		text-align: center;
		margin: 0 0 2px 16px;
		padding: 4px 0 6px;
		font-size: 11px;
		line-height: 12px;
		color: white;
	}
	
	div#pod-opening-hours div.hours-bottom{
		height:14px;
		border-bottom:none;
		padding:4px 0 0;
	}
		
/*********************************************************************************
Pod - Brewery Tours
*********************************************************************************/

div#pod-download-leaflet {
	background: url(/images/site/bg-pod-yellow-barrels.jpg) left top no-repeat;
}					

	div#pod-download-leaflet a.more { 
		background: url(/images/site/btn-find-out-more-yellow.jpg) left top no-repeat;			
	}

		div#pod-download-leaflet a.more:hover { 
			background-position: left -39px;			
		}
									
/*********************************************************************************
Pod - Bistro
*********************************************************************************/

div#pod-bistro {
	background: url(/images/site/bg-pod-beige-food.jpg) left top no-repeat;
}					

	div#pod-bistro a.more { 
		background: url(/images/site/btn-find-out-more-beige.jpg) left top no-repeat;			
	}

		div#pod-bistro a.more:hover { 
			background-position: left -39px;			
		}		
		
/*********************************************************************************
Pod Right Blank
*********************************************************************************/

#pods div#pod-right-blank {
	margin-right: 0;	
}

div#pod-right-blank {

}
			
			
	div#pod-right-blank a.more {
		border: none;
		background: url(/images/site/btn-pod-4-read-more.jpg) left top no-repeat;	
		left: 15px;
		width: 113px;
	}

		div#pod-right-blank a.more:hover { 
			background: url(/images/site/btn-pod-4-read-more.jpg) left -40px no-repeat;			
		}

	div#pod-right-blank h4 {	
		margin: 10px 0 10px 0px;
		padding-left: 15px;
		line-height: 28px;
		height: 28px;
		font-size: 22px;
	}
		
	div#pod-right-blank p {				
		margin-left: 15px;
		margin-bottom: 21px;
		color: #CCCCCC;
	}
		
		div#pod-right-blank p strong {				
			font-weight: bold;
			color: #CCCCCC;
		}

	div#pod-right-blank ul {				
		margin-left: 15px;
		margin-bottom: 21px;
	}
	
		div#pod-right-blank ul li {				
			color: #CCCCCC;
		}
	
	div#pod-right-blank a.type {
		display: block;
		width: 70px;
		height: 45px;
		float: left;
		text-indent: -20000px;			
	}


/*********************************************************************************
Internal General
*********************************************************************************/


#tier-2 {
	width: 980px; 
	clear: both;
}


a.grey-button {
	background: url(/images/site/btn-grey.jpg) left top no-repeat;
	display: block;
	width: 199px;
	height: 32px;
	text-align: center;
	line-height: 32px;
	color: #000000;
	font-size: #000000;
	font-weight: bold;
	text-decoration: none;
	margin-top: 20px;
	font-size: 12px;
}

  a.grey-button:hover {
		background-position: left -32px;
		color: #FFFFFF;
  }


#page-main {
	float: left; 
	width: 736px; 
}

	#page-main h1.main-title {
		width: 706px; 
		height: 40px; 
		line-height: 32px; 
		color: #FFFFFF; 
		font-size: 26px; 
		background-color: #101010;
		border: 1px solid #252525;
		padding-left: 30px;
		margin-bottom: 10px;
		font-weight: bold;
		padding-top: 16px;
	}



	#page-main #page-intro-new {
		border: 1px solid #252525; 
		border-width: 1px 1px 0 1px; 
		width: 676px; 
		height: 228px; 
		background: #000000 url(/images/site/bg-page-intro-new.jpg) left top no-repeat;
		padding: 15px 25px 15px 30px;
		font-size: 12px;
		color: #FFFFFF;
		line-height: 20px;
	}

		#page-main #page-intro-new h1 {			
			line-height: 36px; 
			color: #CCCCCC; 
			font-size: 28px; 
			font-weight: bold;
			margin-bottom: 12px;
			margin-top: 15px;
		}

		#page-main #page-intro-new h2 {			
			line-height: 26px; 
			color: #CCCC99; 
			font-size: 18px; 
			font-weight: normal;
			margin-bottom: 12px;
		}

		#page-main #page-intro-new h3 {			
			color: #CCCC99; 
			font-size: 18px; 
			font-weight: normal;
			margin-bottom: 3px;
			margin-top: 12px;
		}
		
		#page-main #page-intro-new p {			
			font-size: 12px;
			color: #FFFFFF;
			line-height: 24px;
		}

		#page-main #page-intro-new ul li {			
			font-size: 12px; 
			color: #FFFFFF;
			line-height: 24px;	
			padding-left: 12px;
			background: url(/images/site/bullet.gif) left 9px no-repeat;
		}
			
			
		#page-main #page-intro-new a {			
			color:#FEF1BD;
			text-decoration: none;
		}

			#page-main #page-intro-new a:hover {			
				color:#FFFFFF;
				text-decoration: none;
			}
			
		#page-main #page-intro-new img#intro-image {			
			float: right;
			border: 10px solid #FFFFFF;		
			margin: 0 0 0 40px;			
		}
	
	#page-main #page-main-new {
		background: #030303 url(/images/site/bg-page-main-new.jpg) left -30px repeat-x;	
		border: 1px solid #252525; 
		border-width: 0 1px 1px 1px; 
		width: 676px; 
		padding: 25px 25px 25px 30px;
		font-size: 12px;
		color: #FFFFFF;
		line-height: 20px;
	}

		#page-main #page-main-new #page-main-content {
			float: left;
			width: 380px;
			margin-right: 30px;
		}

		#page-main #page-main-new h2 {
			margin: 18px 0 9px 0;
		}

		#page-main #page-main-new h3 {			
			color: #CCCC99; 
			font-size: 18px; 
			font-weight: normal;
			margin-bottom: 3px;
			margin-top: 12px;
		}
		
		#page-main #page-main-new p {
			font-size: 12px; 
			color: #FFFFFF;
			line-height: 24px;
			margin-bottom: 24px;
		}

			#page-main #page-main-new p strong {
				font-weight: bold;
			}
		
		#page-main #page-main-new ul {
			margin-bottom: 8px;
		}

			#page-main #page-main-new li {			
				font-size: 12px; 
				color: #FFFFFF;
				line-height: 19px;	
				padding-left: 12px;
				background: url(/images/site/bullet.gif) left 8px no-repeat;
				margin-bottom: 8px;
			}
		
		#page-main #page-main-new a {			
			color:#FEF1BD;
			color: #CCCC99;
			text-decoration: none;
		}

			#page-main #page-main-new a:hover {			
				color:#FFFFFF;
				text-decoration: none;
			}
			
			
			#page-main #page-main-new #page-main-images {
				float: right;
				width: 240px;
			}
			
				#page-main #page-main-new #page-main-images img {
					margin-bottom: 100px;
					border: 10px solid #FFFFFF;
				}
			

			
/*
	#page-main #page-intro {
		float: left;
		width: 416px; 
		height: 144px;
		color: #CCCCCC; 		
		background-color: #101010;
		border: 1px solid #252525;
		padding: 18px 24px 18px 30px; 
		margin-bottom: 10px;
	}

		#page-main #page-intro h2 {			
			color:#CCCC99;
			font-size:16px;
			font-weight:bold;
			line-height:24px;
			margin: 8px 0 6px 0;
		}

		#page-main #page-intro p {			
			font-size: 12px; 
			color: #FFFFFF;
			line-height: 19px;
			margin-bottom: 8px;
		}

		#page-main #page-intro ul li {			
			font-size: 11px; 
			color: #CCCCCC;
			line-height: 20px;	
			padding-left: 12px;
			background: url(/images/site/bullet.gif) left 9px no-repeat;
		}
			
			
		#page-main #page-intro a {			
			color:#FEF1BD;
			text-decoration: none;
		}

			#page-main #page-intro a:hover {			
				color:#FFFFFF;
				text-decoration: none;
			}
		
    #page-main #page-intro-image {
		width: 230px;
		float: right;
		background-color: #FFFFFF;
		height: 160px;
		margin-bottom: 10px;
		padding: 10px;
		
	}
*/

/*
	#page-main #page-main-image {
		float: left;
		width: 230px;
		height: 260px;
	}
	
		#page-main #page-main-image img {
			border: 10px solid #FFFFFF;
			margin-bottom: 15px;
		}
	
	#page-main #page-main-content {
		float: right;
		background-color: #101010;
		border: 1px solid #252525;
		width: 416px;
		padding: 18px 24px 18px 30px; 
	}

		#page-main #page-main-content h2 {			
			color:#CCCC99;
			font-size: 16px;
			line-height: 24px;
			font-weight: bold;
			margin: 12px 0 2px 0;
		}
		
		#page-main #page-main-content p {			
			font-size: 12px; 
			color: #FFFFFF;
			line-height: 19px;
			margin-bottom: 8px;
		}

		#page-main #page-main-content ul {
			margin-bottom: 8px;
		}

			#page-main #page-main-content ul li {			
				font-size: 12px; 
				color: #FFFFFF;
				line-height: 19px;	
				padding-left: 12px;
				background: url(/images/site/bullet.gif) left 8px no-repeat;
				margin-bottom: 8px;
			}
		
		#page-main #page-main-content a {			
			color:#FEF1BD;
			color: #CCCC99;
			text-decoration: none;
		}

			#page-main #page-main-content a:hover {			
				color:#FFFFFF;
				text-decoration: none;
			}
	*/		
/*********************************************************************************
Internal Feature Slider
*********************************************************************************/

#content #featured-internal {
	float: left;
	height: 408px;			
	width: 476px;
}

	#content #featured-internal .featured-content {
		float: left;
		height: 408px;
		padding: 0;
		position: relative;
		background: left top no-repeat;		
		width: 476px;
		background-color: #111111;
	}

		#content #featured-internal div.trans {				
			width: 456px;
			height: 98px;
			margin-top: 300px;
			padding: 12px 0 0 20px;
			color: #FFFFFF;
		}
			
		#content #featured-internal #fc1 {
			background-image: url(/images/rotator-vc/bg-food.jpg);
		}
		
		#content #featured-internal #fc2 {
			background-image: url(/images/rotator-vc/bg-tour.jpg);
		}		

		#content #featured-internal #fc3 {
			background-image: url(/images/rotator-vc/bg-outside.jpg);
		}

		#content #featured-internal #fc4 {
			background-image: url(/images/rotator-vc/bg-bistro.jpg);
		}
		
		#content #featured-internal #fc5 {
			background-image: url(/images/rotator-beers/bg-bottles.jpg);
		}
		
		#content #featured-internal #fc6 {
			background-image: url(/images/rotator-beers/bg-bar2.jpg);
		}		

		#content #featured-internal #fc7 {
			background-image: url(/images/rotator-beers/bg-beer.jpg);
		}

		#content #featured-internal #fc8 {
			background-image: url(/images/rotator-beers/bg-beer.jpg);
		}
		
		
		
		
		
		
		#content .slider-copy {	
			float: left; 
			height: 393px; 
			background: url(/images/site/bg-slider-copy.jpg) -10px top no-repeat;
			padding: 15px 15px 0 20px;			
			width: 211px;
			background-repeat: repeat-x;
			margin-left: 5px;
		}

			.page_beers #content .slider-copy {
				background-image: url(/images/site/featured-sheep.jpg);
			}

			#content .slider-copy a.more {	
				margin-top: 14px;
				display: block;
				width: 86px;
				height: 35px;
				background: url(/images/site/btn-more.png) left top no-repeat;
				text-indent: -20000px;
				margin-left: -2px;
			}	
		
			#content .slider-copy h1 {	
				color: #000000;
				font-weight: bold;
				font-size: 27px;
				margin-bottom: 17px;				
				line-height: 27px;
				margin-top: 2px;
			}

			#content .slider-copy p {	
				color: #000000;
				font-size: 12px;
				line-height: 19px;
				margin-bottom: 6px;
			}

			#content .slider-copy ul {	
				margin-bottom: 6px;
			}
			
				#content .slider-copy ul li {	
					color: #000000;
					font-size: 12px;
					line-height: 19px;
					padding-left: 14px;
					background: url(/images/site/bullet-slider.gif) left top no-repeat;
				}
			
			#content .slider-copy a {	
				color: #000000;
				text-decoration: underline;
				text-decoration: none;
			}
			
				#content .slider-copy p strong {	
					font-weight: bold;
				}
			

#seasonal {
	width: 673px; 
	height: 163px; 
	background: #000000 url(/images/site/seasonal-green-banner.png) left top no-repeat;	
	padding: 245px 27px 0 27px;
}

	#seasonal h1 {
		font-size: 22px;
		font-weight: bold;
		line-height: 27px;
	}
	
	#seasonal p {
		font-size: 14px;
		line-height: 22px;
		margin: 18px 30px 0 0;
	}

/*********************************************************************************
Awards Slider
*********************************************************************************/

#awards-slider-surround {
	clear: both;
	height: 190px;
	padding: 12px 0 0 0;
	border-top: 1px solid #3D3D3D; 
}

#awards-slider {
	width: 200px;
	height: 140px;
	clear: both;
	margin: 0 0 16px 10px;
}

	#awards-slider p {
		color: #FFFFFF;
		text-decoration: none;	
		line-height: 16px;
		margin-top: -40px;
		z-index: 30;
		
		padding-left: 8px;
	}

		#awards-slider p#aw-prev-next {
			z-index: 100;
			color: #FFFFFF;
			font-size: 11px;
			margin-bottom: 4px;
			margin-top: 1px;
		}
	
			#awards-slider p#aw-prev-next a {
				color: #FFFFFF;
				text-decoration: none;	
			}
			
				#awards-slider p#aw-prev-next a:hover {		
					color: #CCCCCC;
					text-decoration: none;
				}
								
				#awards-slider div#awards-slider-content {
					float: left;
					width: 200px;
					height: 140px;				
				}
						

/*********************************************************************************
Internal Text Content
*********************************************************************************/

#text-content { 
	width: 454px; 
	float: left; 
	margin-left: 10px; 
	margin-right: 10px;
}

	#text-content h1 {
    	font-weight: bold; 
		font-size: 24px; 
		height: 60px;
		line-height: 72px; 
		font-weight: bold; 
		border-bottom: 1px solid #000000; 
		padding-left: 16px;
	}
	
	#text-content div#copy {
    	border-top: 1px solid #3D3D3D; 
		padding: 0 16px 16px 16px; 
		font-size: 12px; 
		color: #CCCCCC;
		line-height: 22px;
		font-style: normal;
	}
	
		#text-content div#copy h2 {
			margin: 15px 0 3px 0;
			font-size: 18px; 
			color: #fff3bf;
			line-height: 24px;
			font-style: normal;
			font-weight: bold;
		}

		#text-content div#copy h3 {
			margin: 15px 0 15px 0;
			font-size: 17px; 
			color: #fff3bf;
			line-height: 21px;
			font-style: normal;
			font-weight: bold;
		}

			#text-content div#copy div.beer-intro-2 {
				margin-top: 12px;
				font-size: 16px;
				line-height: 24px;
				color: #FFFFFF;
			}
			
			#text-content div#copy p strong {
				font-weight: bold;
			}		  
 
 
			#text-content div#copy p a {
				color: #FFFFFF;
				text-decoration: underline;
			}		  
 
				#text-content div#copy p a:hover {
					color: #CCCCCC;
					text-decoration: underline;
				}	


#community-content {
	width: 240px;
	margin: 0 0 0 10px;
	float: left;
	position: relative;
}

	#community-content h4 {
		font-weight: bold; 
		font-size: 24px; 
		height: 60px;
		line-height: 72px; 
		border-bottom: 1px solid #000000; 
		padding-left: 16px;
	}

	#community-content h5 {
		font-weight: normal; 
		font-size: 14px; 
		line-height: 24px; 
		padding-left: 16px;
		color: #f3f1cc;
		border-bottom: 1px solid #000000; 
	}
	
	#community-intro {
		border-top: 1px solid #3D3D3D; 	
		padding: 18px 16px 16px 16px; 
	}
	
	#community-content p {
		font-size: 11px; 
		color: #CCCCCC;
		line-height: 18px;
	}

	#community-content a {
		text-decoration: none; 
		color: #FFFFFF;
		line-height: 18px;
	}

		#community-content a:hover {
			text-decoration: none; 
			color: #CCCCCC;
		}

	#community-content div.vidbox {
		margin: 0 0 16px 9px;	
		display: block; 
		width: 222px; 
		height: 124px;  
		background-position: left top;
		background-repeat: no-repeat;
	}


	#community-content a.vidthumb {
		margin: 0 0 16px 9px;	
		display: block; 
		width: 222px; 
		height: 124px;  
		background: url(/images/site/play.png) 66px 25px no-repeat;
	}

	.video-intro {
		border-top: 1px solid #3D3D3D; 	
		padding: 9px 16px 16px 16px; 
	}
	
	#awards-logos {
		border-top: 1px solid #3D3D3D; 	
		padding: 9px 0px 16px 0px; 
		background-color: #000000;
		text-align: center;
	}
	
		#awards-logos img {
			margin: 3px 3px 3px 0;
			
		}

	#extra h4.ewetube {	
		border-bottom: 1px solid #000000;
		font-size: 22px;
		font-weight:bold;
		height: 30px;
		line-height: 60px;
		padding-left: 16px;	
		display: block;
		clear: both;
		margin-top: 30px;
	}

	#extra div.vidbox {
		margin: 0 0 16px 0;	
		display: block; 
		width: 225px; 
		height: 126px;  
		background-position: left top;
		background-repeat: no-repeat;
		clear: both;
	}
	
	
		#extra a.vidthumb {
			margin: 0 0 16px 0px;	
			padding-top: 18px;
			display: block; 
			width: 225px; 
			height: 126px;  
			background: url(/images/site/play.png) 70px 25px no-repeat;
		}
	
		#extra .video-intro {
			border-top: 1px solid #3D3D3D; 	
			padding: 16px 16px 9px 16px; 
			margin-top: 24px;
		}
		
		#extra .video-intro p {
			font-size: 11px; 
			color: #CCCCCC;
			line-height: 18px;
		}
		
/*********************************************************************************
Social Bar
*********************************************************************************/

#social {
	width: 980px;
	height: 40px;
	margin: 15px auto 0 auto;
	border-top: 1px solid #a03f03;
	border-bottom: 1px solid #262626;
	font-size: 12px;
}

	#social div#twitter-feed {
		width: 450px;
		height: 37px;
		float: left;
		background: url(/images/site/bg-twitter-logo.png) left top no-repeat;
		padding: 3px 0 0 42px;
	}

		#social div#twitter-feed p {
			line-height: 16px;
			color: #ff6600;
		}

			#social div#twitter-feed p span {
				color: #b04401;
			}
		
	#social div#twitter-info {
		width: 225px;
		height: 37px;
		float: left;
		margin-left: 9px;
		padding: 3px 0 0 0;
	}

		#social div#twitter-info p.ttime {
			line-height: 16px;
			color: #CCCCCC;
		}

		#social div#twitter-info p.tfrom a {
			line-height: 16px;
			color: #666666;
			text-decoration: none;
		}

			#social div#twitter-info p.tfrom a:hover {
				line-height: 16px;
				color: #CCCCCC;
				text-decoration: none;
			}
		
	#social div#share {
		width: 228px;
		height: 40px;
		float: right;
		font-size: 11px;
		line-height: 40px;
		color: #666666;
	}
	
		#social div#share a {
			color: #666666;	
			display: block;
			height: 40px;
			float: left;
			padding-left: 30px;			
		}
	
		#social div#share a#share-email {
			padding-left: 30px;
			width: 41px;
			background: url(/images/site/icon-letter.jpg) left 12px no-repeat;
		}
		
		#social div#share a#share-favourites {
			width: 66px;
			background: url(/images/site/icon-heart.jpg) 1px 9px no-repeat;
		}
		
		#social div#share a#share-this {
			width: 63px;
			background: url(/images/site/icon-share-this.jpg) 4px 11px no-repeat;
		}
		
		.st_sharethis_custom {
				background: url(/images/site/icon-share-this.jpg) no-repeat scroll left 10px transparent;
				color: #666666;
				width: 63px;
				display: block;
				height: 40px;
				float: left;
				padding-left: 26px;
				cursor: pointer;
		}


/*********************************************************************************
About Page
*********************************************************************************/

#new-container {
	width: 737px; 
	float: left;
}

	#new-container #new-intro {
		width: 737px; 
		height: 192px; 
		margin-bottom: 18px; 
		background: url(/images/site/bg-new-intro.jpg) left top no-repeat; 
		color: #000000;
	}

		#new-container #new-intro img {
			float: right; 
			width: 242px;
		}
	
		#new-container #new-intro-text {
			width: 440px; 
			height: 152px; 
			padding: 20px 0 20px 30px; 
			float: left;
		}

			#new-container #new-intro-text h1 {
				color:#000000;
				font-size:27px;
				font-weight:bold;
				line-height:27px;
				margin-bottom:17px;
				margin-top:2px;
			}

			#new-container #new-intro-text h2 {
				color: #3a3a3a;
				font-size: 16px;
				font-weight: bold;
				line-height: 24px;
				margin: 0;
			}
						
			#new-container #new-intro-text p {
				font-size: 12px;
				line-height: 19px; 
				margin-bottom: 6px;
			}
			
				#new-container #new-intro-text p strong {
					font-weight: bold;
				}

	#new-container .new-section {
		width: 737px; 
		margin-bottom: 25px; 
		background: url(/images/site/bg-about-section.jpg) left top no-repeat; 
		color: #FFFFFF;
	}

		#new-container .new-content-surround {
			clear: both;
			height: 286px;
		}

		#new-container .new-section-pic {
			width: 305px;
			height: 285px;
			float: left;
		}

		#new-container .new-section-pic-right {
			width: 305px;
			height: 285px;
			float: right;
		}
		
		#new-container .new-section-text {
			width: 400px; 
			height: 242px; 
			margin: 30px 15px 10px 0; 
			float: right;
			position: relative;
		}

		#new-container .new-section-text-left {
			width: 400px; 
			height: 242px; 
			margin: 30px 0 10px 20px; 
			float: left;
			position: relative;
		}
		
		#new-container img.textleft {
			float: right; 
		}
		
			#new-container .new-section-text h2,
			#new-container .new-section-text-left h2 {
				color:#CCCCCC;
				font-size:27px;
				font-weight:bold;
				line-height:27px;
				margin-bottom:17px;
				margin-top:2px;
				margin-left: 0;
				padding-left: 0;
			}

			#new-container .new-section-text h3,
			#new-container .new-section-text-left h3 {
				color: #CCCC99;
				font-size: 16px;
				font-weight: bold;
				line-height: 24px;
				margin-bottom: 6px;
				margin-top: 8px;
			}
			
			#new-container .new-section-text p,
			#new-container .new-section-text-left p {
				font-size: 12px;
				line-height: 19px; 
				margin-bottom: 6px;
			}

			#new-container .new-section-text a,
			#new-container .new-section-text-left a,
			.extra a {				
				color: #CCCC99;
				text-decoration: underline;
			}

				#new-container .new-section-text a:hover,
				#new-container .new-section-text-left a:hover,
				.extra a:hover {				
					color: #FFFFFF;
					text-decoration: underline;
				}
			
			#new-container .new-section-text a.readmore,
			#new-container .new-section-text-left a.readmore {
				float: right;
				color: #CC6600;
				font-size: 11px;
				text-decoration: none;
				background: url(/images/site/about-readmore-arrow.gif) right top no-repeat;
				display: block;
				width: 76px;
				height: 16px;
				line-height: 18px;
				padding-right: 10px;
				font-weight: bold;
				position: absolute;
				left: 318px;
				top: 228px;
			}

				#new-container .new-section-text a.readmore:hover,
				#new-container .new-section-text-left a.readmore:hover {
					color: #FFFFFF;
					text-decoration: none;
					background-position: right -16px;
				}

			.extra a.hidethis {			
				color: #CC6600;
				font-size: 11px;
				text-decoration: none;
				background: url(/images/site/about-hidethis-arrow.gif) right top no-repeat;
				display: block;
				width: 66px;
				height: 16px;
				line-height: 18px;				
				font-weight: bold;
				margin-top: 20px;	
				padding-right: 10px;
				
				position: absolute;
				left: 650px;
				top: -5px;
			}

				.extra a.hidethis:hover {
					color: #FFFFFF;
					text-decoration: none;
					background-position: right -16px;
				}
.extra {
	width: 695px; 
	padding: 30px 20px 20px 20px;
	background: #050505; 
	margin-bottom: 10px;	
	clear: both;
	display: none;
	border: solid #353535;
	border-width: 0 1px 1px 1px;
	position: relative;
}

	.extra h3 {
		color: #CCCC99;
		font-size: 16px;
		font-weight: bold;
		line-height: 24px;
		margin-bottom: 6px;
		margin-top: 8px;	
	}
	
		.extra p {
			font-size: 12px;
			line-height: 19px; 
			margin-bottom: 6px;
		}
	
		
	
/*********************************************************************************
Internal Section Nav
*********************************************************************************/

#content #section-nav {
	float: right;	
	margin-right: 12px;
	padding-bottom: 6px;
	background: url(/images/site/bg-section-nav.jpg) left top repeat;		
	margin-right: 0px;
	width: 227px;
}

	#content #section-nav h1,
	#content #section-nav h6 {
		color: #FFFFFF;
		font-size: 22px;
		font-weight: bold;
		padding: 3px 0 6px 16px;
		margin: 15px 0 0 0;
		border-bottom: 1px solid #000000;
	}

	#content #section-nav ul {
		border-top: 1px solid #2B2B2B;
	}
	
		#content #section-nav ul li {
			display: block;
			width: 215px;			
			border-bottom: 1px solid #2B2B2B;
			/*line-height: 28px;*/		
			/*height: 29px;*/
			width: 227px;
		}
	
			#content #section-nav ul li a {
				display: block;
				width: 199px;
				/*height: 28px;*/
				border-bottom: 1px solid #000000;
				padding-left: 16px;
				color: #FFFFFF;
				/*line-height: 28px;*/
				text-decoration: none;
				font-size: 14px;
				color: #f3f1cc;
				background: url(/images/site/bg-section-nav-item.png) right 1px no-repeat;					
				width: 211px;
				
				padding: 5px 0 5px 16px;
				line-height: 18px;
			}		

                #content #section-nav ul li.cask_bitter a {
					background-position: right -140px;		
				}
				
            	#content #section-nav ul li.cask_ale a {
					background-position: right 1px;		
				}
				
            	#content #section-nav ul li.cask_golden a {
					background-position: right -84px;		
				}
				
            	#content #section-nav ul li.cask_riggwelter a {
					background-position: right -57px;		
				}

                #content #section-nav ul li.bottled_ale a {
					background-position: right 1px;		
				}
				
                #content #section-nav ul li.bottled_golden a {
					background-position: right -84px;		
				}				

                #content #section-nav ul li.bottled_holy a {
					background-position: right -29px;		
				}

                #content #section-nav ul li.bottled_riggwelter a {
					background-position: right -57px;		
				}

                #content #section-nav ul li.bottled_ysa a {
					background-position: right -112px;		
				}

				#content #section-nav ul li.current a,
				#content #section-nav ul li a:hover {
					color: #333333;
					background-color: #FFFFFF;		
				}
/*********************************************************************************
Extra Content Under Section Nav
*********************************************************************************/				
#intro-extra {
	width: 205px;
	float: right;
	padding: 0 10px 0 10px;
	color: #111111;
	font-size: 12px;
	line-height: 19px;
	margin-top: 20px;
}

/*********************************************************************************
Contact Page
*********************************************************************************/

#featured-internal #map {
	width: 486px; 
	height: 418px; 
}

#contact-details {
	float: right; 
	width: 479px; 
	height: 418px; 
	background: #000000 url(/images/site/bg-contact-details.jpg) left top no-repeat;
	
	color: #FFFFFF;
}

	#contact-details h1 {
		color: #FFFFFF;
		font-size: 24px;
		font-weight: bold;
		padding: 18px;
		border-bottom: 1px solid #000000;
	}
	
	#contact-details div.detail-box {
		padding: 12px 18px 18px 18px;
		border-bottom: 1px solid #000000;
		border-top: 1px solid #2e2e2e;
	}


	
	#contact-details h2 {
		color: #FFFFFF;
		font-size: 18px;
		font-style: italic;
		font-weight: bold;
		margin-bottom: 4px;
	}

	#contact-details p {
		color: #f3f1cc;
		font-size: 14px;
		line-height: 20px;
	}

	#contact-details p em {
		color: #a09f8a;
		font-size: 11px;
		line-height: 16px;
	}
	
	#contact-details a {
		color: #f3f1cc;
		text-decoration: underline;
	}
	
		#contact-details a:hover {
			color: #FFFFFF;
			text-decoration: none;
		}
	
.page_contact #pods {
	height: 360px;	
}

	.page_contact #pods div.pod{
		height: 360px;	
	}

/*********************************************************************************
Events Page
*********************************************************************************/

.event-intro {
	width: 737px;
	height: 155px;
}

	.event-intro div.cal {
		width: 66px;
		height: 62px;
		background: #D6CCA0 url(/images/site/cal-tab.jpg) left top no-repeat;
		float: left;
		text-align: center;
		padding-top: 2px;
		color: #111111;
		font-size: 27px;
		line-height: 28px;
		margin-top: 2px;
		font-style: italic;
	}

	.event-intro div.cal p.month {
		font-size: 21px;
	}
	
	.event-intro div.ev-intro {
		width: 551px;
		height: 105px;
		float: right;
		background: #1B1B1B;
		background: url(/images/site/ev-intro.jpg) -2px top no-repeat;
		padding: 20px 60px 20px 60px;
		color: #FFFFFF;
		font-size: 12px;
		line-height: 18px;
	}

		.event-intro div.ev-intro a {
			color: #FFFFFF;
			text-decoration: none;
		}

		.event-intro div.ev-intro h1,
		.event-intro div.ev-intro h6 {
			color: #CCCCCC;
			font-size: 27px;
			margin-bottom: 6px;
		}
		
			.event-intro div.ev-intro h6 a {
				color: #CCCCCC;
				text-decoration: none;
			}

		.event-intro div.ev-intro p.summary {
			color:#CCCC99;
			font-size: 18px;
			line-height: 24px;
			font-style: italic;
		}
		
			.event-intro div.ev-intro p.summary a {
				color:#CCCC99;
				font-size: 18px;
				line-height: 24px;
				font-style: italic;
			}

		.event-intro div.ev-intro a.find-out-more {
			margin-top: 8px;
			display: block;
			width: 160px;
			height: 14px;
		}

p.pagination {
	color: #FEFEFE;
	font-size: 12px;
}

	p.pagination a {
		color: #CCCC99;
		text-decoration: underline;
	}

		p.pagination a:hover {
			color: #FEFEFE;
			text-decoration: underline;
		}
	
/*********************************************************************************
Footer
*********************************************************************************/

#outer-footer {
	width: 100%;
	height: 500px;
	background: #000000 url(/images/site/bg-footer-sheep-black.jpg) center -10px no-repeat;
}

	#footer-ee {
		padding-top: 15px;		
	}
	
		#footer-bar {
			background: url(/images/site/bg-footer-bar.jpg) left top no-repeat;	
			width: 977px;
			height: 60px;
			margin: 0 auto;
		}
		
			#footer-bar h5 {
				float: left;
				font-size: 18px;
				font-weight: bold;
				color: #FFFFFF;
				margin-left: 68px;
				line-height: 56px;
			}
		
			#footer-bar p {
				float: left;	
				font-size: 14px;
				color: #CCCCCC;
				margin-left: 12px;
				line-height: 56px;
			}
			
			#footer-bar a {
				float: right;	
				font-size: 14px;
				color: #fef1bd;
				margin-right: 22px;
				line-height: 56px;
				text-decoration: underline;
			}
	
/*********************************************************************************
Extreme
*********************************************************************************/			

#extreme {
	clear: both;
	font-size: 11px;
	margin-bottom: 30px;
	padding-top: 6px;
	width: 977px;
	height: 30px;
	margin: 0 auto;
	line-height: 30px;
	text-align: right;
}

	#extreme a {
		text-decoration: none;
		color: #CCCCCC;
	}

		#extreme a:hover {
			text-decoration: none;
			color: #333333;
		}	
	
	
/*********************************************************************************
Pub Search
*********************************************************************************/		

#pub-search { 
	background: #000000; 
	float: left; 
	width: 676px; 
	padding: 25px 25px 25px 25px;
}

	#pub-search #pubs-results {
		width: 514px; 
		float: left;
	}

		#pub-search #pubs-results p.searchagain {
			margin-top: 20px; 
			float: left; 
			clear: both; 
			width: 150px; 
			height: 20px;
		}
		
	#pub-search h1 {
		color:#CCCCCC;
		font-size:28px;
		font-weight:bold;
		line-height:36px;
		margin-bottom:12px;
		margin-top:15px;
	}

	#pub-search p {
		font-size: 12px; 
		color: #FFFFFF;
		line-height: 20px;
		margin-bottom: 20px;
		width: 680px;
	}

		#pub-search p strong {
			font-weight: bold;
		}

	#pub-search a {
		font-size: 12px; 
		color: #FFFFFF;
		text-decoration: underline;
	}

		#pub-search a:hover {
			font-size: 12px; 
			color: #FFFFFF;
			text-decoration: none;
		}
	
	#pub-search label#querylabel {
		float: left;
	}
	
	#pub-search input#querybox {
		float: left;
		margin-left: 6px;	
	}
	
	#pub-search input#submitbtn {
		float: left;
		margin-left: 6px;
	}
	
table#pubresults {
	font-size: 11px; 
	font-size: 11px;
	width: 726px;
	margin: 0 -25px 0 -25px;
}

	table#pubresults th {
		margin-top: 20px;
		font-size: 18px;
		font-weight: bold;
		padding: 12px 26px 12px 26px;
		border-top: 1px solid #A03F03;
		border-bottom: 1px solid #A03F03;
		background: #A03F03;
	}
	
	table#pubresults thead th.pub {
		-webkit-border-top-left-radius: 5px;		
		-moz-border-radius-topleft: 5px;
		border-top-left-radius: 5px;		
	}

	table#pubresults thead th.distance {
		-webkit-border-top-right-radius: 5px;
		-moz-border-radius-topright: 5px;
		border-top-right-radius: 5px;
	}
	
	table#pubresults tr.odd {
		background-color: #a6a07b;	
	}

	table#pubresults tr.even {
		background-color: #cec89c;	
	}
	
	
	table#pubresults td {
		font-size: 11px; 
		margin-top: 20px;
		font-weight: normal;
		line-height: 16px;
		padding: 12px 26px 12px 26px;
		border-bottom: 1px solid #333333;
		color: #000000;
	}

		table#pubresults td a {
			text-decoration: none;
			color: #000000;
		}
	
		table#pubresults td.distance {
			width: 70px;	
		}
	
		table#pubresults td strong {			
			font-weight: bold;			
		}
	
#pubs-map { 
	width: 706px; 
	height: 386px; 
	border: 10px solid #FFFFFF;
	margin: -25px -25px 25px -25px;
}

div.gmnoprint {
	color: #111111;
	font-size: 11px;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 15px;
}

	div.gmnoprint h2 {
		color: #111111 !important;
		text-decoration: none !important;
		font-size: 15px;
		margin-bottom: 5px;
	}
	
	div.gmnoprint a {
		color: #5a5a5a !important;
		text-decoration: none !important;
	}

		div.gmnoprint a:hover {
			color: #111111 !important;
			text-decoration: none !important;
		}

/*********************************************************************************
Virtual Tour
*********************************************************************************/	
a.next {
	display: block; 
	width: 84px; 
	height: 28px; 
	line-height: 28px; 
	font-size: 11px;
	font-weight: bold;
	background-color: #a34d15; 
	position: absolute; 
	left: 618px; 
	top: 344px; 
	z-index: 500;	
	color: #000000;
	text-decoration: none;
	text-align: center;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border-bottom: 1px solid #3b1d0b;
}

a.back {
	display: block; 
	width: 84px; 
	height: 28px; 
	line-height: 28px; 
	font-size: 11px;
	font-weight: bold;
	background-color: #a34d15; 
	position: absolute; 
	left: 500px; 
	top: 344px; 
	z-index: 500;	
	color: #000000;
	text-decoration: none;
	text-align: center;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border-bottom: 1px solid #3b1d0b;
}

a.back:hover,
a.next:hover {
	background: #3A3A3A;
	color: #FFFFFF;
}

/************************************************************************
Fun Stuff
************************************************************************/

#fun-stuff-surround {
	width: 737px; 
	clear: both; 
	background: #d0ca9e;
}

#fun-stuff-content {
	width: 495px; 
	float: left;
}

	#fun-stuff-content h2 {
		border-bottom: 1px solid #000000; 
		font-size: 26px; 
		font-weight: bold; 
		height: 60px; 
		line-height: 72px; 
		padding-left: 24px; 
		color: #000000; 
		margin-bottom: 20px;	
	}

.fs-intro {
	width: 212px;
	height: 190px; 
	float: left; 
	margin: 0 24px 18px 24px;
	background-color: #222222; 
	background-repeat: no-repeat;
}

	.fs-intro a.tpic {
		width: 212px; 
		height: 120px; 
		display: block;
	}
	
	.fs-intro p {
		font-size: 11px; 
		line-height: 18px; 
		color: #FFFFFF;	
		margin: 6px 8px 0 8px;
	}

	.fs-intro p a {
		text-decoration: none; 
		color: #FFFFFF;	
	}


#flickr-surround {
	margin-left: 18px;
}
 
	#flickr-surround img#flickr-logo {
		margin: 3px 0 4px 7px;
	}

	#flickr-surround p {
		font-size: 11px; 
		line-height: 11px; 
		color: #1a1a1a; 
		margin: 2px 0 12px 6px;
	}
	
#video-content {
	width: 242px; 
	float: right; 
	background: #050505 url(/images/site/bg-section-nav.jpg) left top repeat-x; 
	padding-bottom: 18px;
}

	#video-content h4 {
		border-bottom: 1px solid #000000; 
		font-size: 26px; 
		font-weight: bold; 
		height: 60px; 
		line-height: 72px; 
		padding-left: 18px; 
		color: #FFFFFF; 
		margin-bottom: 20px;
	}

	#video-content div.video-surround-2 {
		width: 225px; 
		height: 190px;
	}

		#video-content div.video-surround-2 div.video-box {
			margin-left: 8px; 
			width: 225px; 
			height: 124px; 
		}

			#video-content div.video-surround-2 div.video-box a.video-link {
				display: block; 
				width: 225px; 
				height: 124px; 
				background: url(/images/site/play.png) no-repeat 75px 26px;
			}

		#video-content div.video-surround-2 div.video-intro-2 {
			padding: 3px 24px 4px 16px; 
			font-size: 11px; 
			line-height: 18px;
		}

.wallpaper {
	float: left;
	width: 330px;
	height: 240px;
	text-align: center;
	font-size: 11px;
	margin: 24px 24px 0 0;
}

	.wallpaper a {
		color: #111111;
		text-decoration: none;
		margin-top: 4px;
		display: block;
		height: 14px;
	}
	
		.wallpaper a:hover {
			color: #111111;
			text-decoration: underline;
		}	
	

a.fun-back {
	background: url("/images/site/cta-orange.png") no-repeat scroll left top transparent;
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    height: 26px;
    line-height: 23px;
    text-align: center;
    text-decoration: none;
    width: 112px;	
	margin: 18px 48px 18px 24px;
	float: right;
}

	a.fun-back:hover {
		color: #000000;
		text-decoration: none;
	}
	
	
/*********************************************************************************************************
Firkin Challenge
*********************************************************************************************************/

#challenge-container {
	width: 697px; 
	float: left;
	background:#fff;
	background-color: rgba(225, 225, 225, 0.51);
	margin:20px 0 0 0;
	padding:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
 
}

	#challenge-container p {
		color:#000;
		font-size:13px;
		margin:0 0 20px 0;
		line-height:20px;
	}
	
	#challenge-container h2 {
		color:#000;
		font-size:18px;
		margin:0 0 20px 0;
		line-height:24px;
		font-style:italic;
	}
	
	#challenge-container a.cta-firkin {
		width:132px;
		height:24px;
		background:url(/images/site/firkin-cta.png) top no-repeat;
		display:block;
		padding:10px 5px 5px 15px;
		color:#fff;
		font-size:14px;
		font-weight:bold;
		text-decoration:none;
		text-shadow: 0px -1px 1px #3b3b3b;
		margin:0 0 10px 0;
	}
	
	
	#challenge-container #left {
		width:400px;
		float:left;
	}
	
	#challenge-container #right {
		width:250px;
		float:right;
	}
	
	#challenge-container a.cta-firkin:hover {
		color:#999;
	}
	
	
	#challenge-container #rides-container {
		width:697px;
	}
	
	#challenge-container #rides-container .block {
		width:316px;
		height:180px;
		float:left;
		padding:0 20px 0 0;
	}
	
	
	#challenge-container #rides-container .block p {
		font-family:Georgia, "Times New Roman", Times, serif;

	}
	
			#challenge-container #rides-container .block.first {
				margin:0 22px 0 0;
			}
		
		
			#challenge-container #rides-container .block.first-img {
				margin:0 22px 0 0;
				height:252px;
			}
			
			#challenge-container #rides-container .block.img {
				height:252px;
			}
			
			
	#challenge-container #rides-container h5 {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:13px;
		margin:20px 0 20px 0;
		color:#000;
		font-weight:bold;
	}

	#challenge-container #rides-container h5 a {
		text-decoration:none;
		color:#ec212e;
	}


body.frikin-challenge #outer {
	background:url(/images/site/bg-firkin-challenge.jpg) center top no-repeat;
}



/*********************************************************************************
Pod - Download Leaflet 
*********************************************************************************/

div#pod-download-leaflet-2 {
	background: url(/images/site/bg-pod-spoon.jpg) left top no-repeat;
}					

	div#pod-download-leaflet-2 a.more { 
		background: url(/images/site/btn-download.jpg) left top no-repeat;			
	}

		div#pod-download-leaflet-2 a.more:hover { 
			background-position: left -39px;			
		}
		
div#pod-download-leaflet-2 p {		
		color:#333333;
		font-size:14px;
}



body.frikin-challenge #extra div.pod {			
	margin: 19px 0 0 0;
}


div#pod-download-leaflet-3 {
	background: url(/images/site/bg-pod-spoon.jpg) left top no-repeat;
	height:120px;
	margin-bottom: 200px;
}					

	div#pod-download-leaflet-3 a.more { 
		background: url(/images/site/btn-download.jpg) left top no-repeat;		
		top:120px;	
	}

		div#pod-download-leaflet-3 a.more:hover { 
			background-position: left -39px;			
		}
		
div#pod-download-leaflet-3 p {		
		color:#333333;
		font-size:14px;
}



div#pod-download-leaflet-4 {
	background: url(/images/site/bg-pod-spoon.jpg) left top no-repeat;
	height:120px;
}					

	div#pod-download-leaflet-4 a.more { 
		background: url(/images/site/btn-download.jpg) left top no-repeat;	
		top:120px;		
	}

		div#pod-download-leaflet-4 a.more:hover { 
			background-position: left -39px;			
		}
		
div#pod-download-leaflet-4 p {		
		color:#333333;
		font-size:14px;
}


/*****************************************************************************
Home Pod Firkin Challenge
*****************************************************************************/
#pods div#pod-firkin {
	background: url(/images/site/bg-pod-firkin.jpg) left 4px no-repeat;	
	margin-right: 0 !important;
	margin-left: 26px !important;
	position: relative;
}				
	
	div#pod-firkin h4 {
		color: #000000;
		font-size: 26px;	
		height: 80px;
		margin-bottom: 8px;
		padding-top: 12px;
	}
	
		div#pod-firkin h4 a {	
			color: #000000;
			font-size: 26px;
			text-decoration: none;
		}		
	
		div#pod-firkin p {		
			margin-bottom: 4px;
		}
		
		div#pod-firkin p em {		
			font-size: 12px;	
			line-height: 17px;
		}
		
		div#pod-firkin img.thepic {		
			position: absolute;
			left: 0;
			top: 188px;
		}