@import url("reset.css");

/* -- Global element styles -- */

body {
	font: 12px/1.8em Arial,Sans-Serif;
	color: #444;
	text-align:left;
	background:#fff;
}


@font-face {
    font-family: 'StoneInformalRegular';
    src: url('/stone_informal_regular-webfont.eot');
    src: url('/stone_informal_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/stone_informal_regular-webfont.woff') format('woff'),
         url('/stone_informal_regular-webfont.ttf') format('truetype'),
         url('/stone_informal_regular-webfont.svg#StoneInformalRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

h1, h2, h3, h4, h5, h6 {
	font: normal 1em/normal Arial, Sans-Serif;
	margin: 0 0 20px;
}

h1 { font-size: 30px; }
h2 { font-size: 22px; margin-top:20px; }
h3 { font-size: 16px; }

h4 {
	font-size: 14px;
	font-weight: bold;
}

h5 {
	font-size: 12px;
	font-weight: bold;
}

h6 { font-weight: bold; }
h1 a, h2 a, h3 a, h4 a, h5 a { text-decoration: none; }

a {color: #c00;}
a:hover {
	color: #333;
	text-decoration: none;
}

.styledLink {
	display: inline-block;
	text-align: center;
	padding: 5px 10px;
	background: #c00;
	color: #fff;
	border-radius: 5px;
	text-decoration: none;
	box-shadow: inset 1px 1px 2px #922;
	line-height: normal;
}

.errorStyle {
	color: #c00;
	font-weight:bold;
	vertical-align: top;
}

/* -- Global layouts (container, header + footer) -- */

#container {
width:100%;
margin: 0 auto;
position:relative;
z-index:0;
}

header{
height:221px;
background:#666666;
background:url(../images/header.png) center;
position:relative;
z-index:2;
}

	#headerContainer{
	width:918px;
	height:221px;
	position:relative;
	margin:0 auto;
	}
	
	#twitterContainer{
	-moz-box-shadow: 1px 1px 1px #000000;
    -webkit-box-shadow: 1px 1px 1px #000000;
    box-shadow: 1px 1px 1px #ccc;
	background:#e9e9e9;
	width:200px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:10px;
	float:left;
	margin-top:33px;
	color:#1e4918;
	font-style:italic;
	font-size:11px;
	position:relative;
	line-height:1.4em;
	}
	
		/*#twitter span{
		position:absolute;
		right:0;
		bottom:-25px;
		font-size:10px;
		}*/
	
		#twitterbird{
		position:absolute;
		top:-15px;
		left:10px;
		}
		
		#followus{
		background:url(../images/followus.png);
		width:69px;
		height:22px;
		text-indent:-10000px;
		display:block;
		position:absolute;
		bottom:-15px;
		left:10px;
		}	
	
	#logo{
	position:absolute;
	top:10px;
	left:274px;
	}
	
	#newsletterSignup{
	float:right;
	width:230px;
	margin-top:40px;
	text-align:left;
	color:#007146;
	font-size:14px;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
	#newsletterSignup span {
		display:block;
		margin-left:10px;
	}
	
	#newsletterSignup form{
	float:right;
	}
	
		.newsletterInput{
		display:block;
		float:left;
		width:145px;
		height:35px;
		background:url(../images/newsletterInput.jpg);
		margin:0;
		padding:0;
		border:none;
		padding-left:35px;
		color:#666;
		padding-right:5px;
		line-height:35px;
		}
		
		.newsletterSubmit{
		width:35px;
		height:35px;
		float:left;
		display:block;
		background:url(../images/newsletterSubmit.jpg) !important;
		margin:0;
		padding:0;
		border:none;
		border-radius:0px !important;
		moz-border-radius:0px !important;
		}
		
		nav{
		clear:both;
		position:absolute;
		bottom:3px;
		}
		
#navigation { 
	height: 70px;
	margin: 0;
	padding: 0;
	list-style:none;
}


#navigation li { 
	float: left;
	position:relative;
}

#navigation li:hover ul{
display:block;
}

	#navigation li ul{
		display:none;
		z-index:10;
	}
	
			#navigation li:hover ul{
		display:block;
		position:absolute;
		top:57px;
		left:8px;
		width:269px;
		padding:0 25px 25px 25px;
		background:#103221;
		-moz-border-radius-bottomleft:5px;
		-moz-border-radius-bottomright:5px; 
		-webkit-border-bottom-left-radius:5px;
		-webkit-border-bottom-right-radius:5px;
		border-bottom-left-radius:5px;
		border-bottom-right-radius:5px;
		z-index:10;
		}
		
				#navigation li:hover ul a{
		background-image:none;
		display: block;
		float: left;
		height:38px;
		text-indent:0;
		line-height:38px;
		width:269px;
		text-decoration:none;
		color:#fff;
		font-size:12px;
		border-bottom:1px solid #fff;
		}
		
		#navigation li:hover ul a:hover{
		color:#296222;
		}
		
		#navigation li:hover ul li ul{
		display:none;
		}

#navigation a { 
	background-image:url(../images/navigation.png);
	height: 70px;
	display: block;
	float: left;
	text-indent:-10001px;
}


#home a { 
	background-position: left top;
	width: 84px;
}

	#home a:hover, #home:hover a  { background-position: left -70px; }
	#home.selected a  { background-position: left bottom; }


#brewery a { 
	background-position: -84px top;
	width: 155px;
}

	#brewery a:hover, #brewery:hover a  { background-position: -84px -70px; }
	#brewery.selected a  { background-position: -84px bottom; }


#beers a { 
	background-position: -239px top;
	width: 134px;
}

	#beers a:hover, #beers:hover a  { background-position: -239px -70px; }
	#beers.selected a  { background-position: -239px bottom; }


#shop a { 
	background-position: -373px top;
	width: 101px;
}

	#shop a:hover, #shop:hover a  { background-position: -373px -70px; }
	#shop.selected a  { background-position: -373px bottom; }


#beerhall a { 
	background-position: -474px top;
	width: 131px;
}

	#beerhall a:hover, #beerhall:hover a  { background-position: -474px -70px; }
	#beerhall.selected a  { background-position: -474px bottom; }


#trade a { 
	background-position: -605px top;
	width: 104px;
}

	#trade a:hover, #trade:hover a  { background-position: -605px -70px; }
	#trade.selected a  { background-position: -605px bottom; }


#news a { 
	background-position: -709px top;
	width: 103px;
}

	#news a:hover, #news:hover a  { background-position: -709px -70px; }
	#news.selected a  { background-position: -709px bottom; }


#contact a { 
	background-position: right top;
	width: 105px;
}

	#contact a:hover, #contact:hover a  { background-position: right -70px; }
	#contact.selected a  { background-position: right bottom; }




	
	#content{
	width:918px;
	margin:0 auto;
	position:relative;
	z-index:1;
	}
	
		#homeBanner{
		width:918px;
		height:319px;
		margin-top:20px;
		}
		
		#slider{
		float:left;
		width:602px;
		height:315px;
		background:#FFFFFF;
		position:relative;
		z-index:9;
		}
		
		#featuredNews{
		float:right;
		width:243px;
		height:319px;
		background:url(../images/featuredNews.jpg);
		padding:0px 20px 0 20px;
		color:#fff;
		position:relative;
		}
		
			.featuredNewsDate{
			font-size:10px;
			}
		
			#featuredNews h2{
			color:#f3be41;
			margin:0 0 10px 0;
			font-family: 'StoneInformalRegular';
			font-weight:normal;
			}
			
			#featuredNews strong{
			display:block;
			margin:10px 0;
			}
			
			.featuredNewsArchive{
			position:absolute;
			right:20px;
			top:279px;
			background:url(../images/archive.png);
			width:58px;
			height:21px;
			text-indent:-100000px;
			}
		
		#events{
		height:51px;
		width:748px;
		margin:20px 0;
		background:url(../images/events.jpg);
		color:#fff;
		line-height:51px;
		padding-left:170px;
		}
		#events ul {
			margin:0;
			padding:0;
			list-style:none;
		}
		
			#events strong{
			margin:0 12px;
			}
		
			.eventsDate{
			font-size:16px;
			}
		
		#homeContent{
		height:338px;
		width:918px;
		}
	
			#homeBox1{
			float:left;
			width:284px;
			height:338px;
			
			}
			
			#homeBox2{
			float:left;
			width:284px;
			margin:0 30px;
			height:338px;
			
			}
			
			#homeBox3{
			float:left;
			width:232px;
			height:329px;
			background:url(../images/news.png);
			padding-left:25px;
			padding-right:32px;
			padding-top:15px;
			}
			#homeBox3 img {
				float:right;
				margin-left:10px;
			}
			#homeBox3 p {
				margin:0;
				padding:0;
				line-height:17px;
				color:#555;
				font-size:12px;
				font-family:Georgia, "Times New Roman", Times, serif;
			}
			#homeBox3 p b {
				color:#35731F;
				font-size:14px;
			}
			#homeBox3 p.date {
				font-size:10px;
				color:#4a4c4b;
				font-family:Arial, Helvetica, sans-serif;
			}
			
			#homeBox3 h2 {
				font-size:28px;
				color:#8B4013;
				font-family: 'StoneInformalRegular';
			font-weight:normal;
			}
			.newsArticle {
				border-bottom:2px dashed #d5d2d2;
				overflow:hidden;
				padding-bottom:15px;
				margin-bottom:15px;
			}
			
			
			#featuredNews a, #events a  {
				 color: #F3BE41;
				 font-weight:bold;
				 text-decoration:none;
			}
			#featuredNews img {
				margin-left:5px;
			}
			#featuredNews a {
				display:block;
			}
	
	footer{
	background:url(../images/footer.png);
	width:918px;
	height:143px;
	margin:30px 0;
	font-family: 'StoneInformalRegular';
		
	}

		#footerLeft{
		width:599px;
		height:113px;
		border-right:1px solid #454544;
		float:left;
		padding:15px;
		}
		
			.footerHeaders{
			font-size:16px;
			margin:10px 0 0 0;
			color:#fff;
			}
			
			.footerHeaders strong{
			color:#969d96;
			}
		
			.footerLinks{
			color:#fff;
			font-size:11px;
			}
			
				.footerLinks a{
				color:#fff;
				text-decoration:none;
				}
				
			.footerInfo{
			color:#aeadaa;
			font-size:11px;
			}
			
				.footerInfo a{
				color:#aeadaa;
				text-decoration:none;
				}	
		
		#footerRight{
		width:257px;
		height:113px;
		padding:15px;
		border-left:1px solid #21271b;
		float:left;
		}
		
			.footerAddress{
			color:#fff;
			line-height:14px;
			font-size:11px;
			}
			


	#bannerControls {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 100;
	}
	
		#bannerControls a {
		background-position:top;
			width: 175px;
			height: 45px;
			display: block;
			text-indent: -10001px;
			cursor: pointer;
		}
		
		#bannerControls a:hover { background-position:bottom; }
		
		#bannerControls a.on {
			background-position:bottom;
		}

	.slide {
		position: absolute;
		top: 0;
		left: 0;
		width: 602px;
		height: 315px;
		z-index: 99;
		opacity: 0;
		filter: alpha(opacity=0);
		background-position:top right;
		background-repeat:no-repeat;
	}
	
		.slideText {
			position: absolute;
			left: 180px;
			top: 0;
			height: 250px;
			width: 200px;
			padding: 20px;
			color: #fff;
		}
		
			.slideText h1 {
				margin-top: 40px;
				display:none;	
			}	
			
	#furtherContent{
	background:#fff;
	border-radius:5px;
	-moz-border-radius:5px;
	margin-top:20px;
	overflow:hidden;
	padding-bottom:20px;
	}		
	
	#furtherContent section{
	float:left;
	width:626px;
	padding-left:37px;
	padding-top:20px;
	}
	
	#breadcrumbs{
	height:37px;
	line-height:37px;
	border-top:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
	font-size:10px;
	}
	
		#furtherContent section h1{
		font-size:40px;
		color:#333333;
		margin-top:20px;
		font-family: 'StoneInformalRegular';
			font-weight:normal;
		}
		
		#furtherContent section h2{
		color:#174b31;
		font-family: 'StoneInformalRegular';
			font-weight:normal;
		}	
		
		#furtherContent section p{
		color:#282828;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:12px;
		}
		
		#furtherContent section p.firstPara{
		color:#174b31;
		}
		
		#furtherContent section a{
		color:#174B31;
		text-decoration:none;
		}
		
		#furtherContent section a:hover{
		color:#174B31;
		text-decoration:underline;
		}		
		
		#furtherContent section ul{
				color:#282828;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:11px;
		}
	
	#furtherContent aside{
	width:255px;
	background:url(../images/rightBG.jpg) no-repeat;
	min-height:430px;
	float:right;
	border-radius-topright:5px;
	-moz-border-radius-topright:5px;
	}	
	
	#furtherContent aside a{
		color:#174B31;
		text-decoration:none;
		font-weight:bold;
		}
		
		#furtherContent aside a:hover{
		color:#174B31;
		text-decoration:underline;
		}			
	
	#asideContainer{
	clear:both;
	padding:0 33px 0 47px;
	}
	
	#asideContainer h3{
	color:#174B31;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	margin-top:20px;
	font-family: 'StoneInformalRegular';
			font-weight:normal;
	}
	
	#asideContainer h3 a{
	color:#174B31;
	text-decoration:none;
	}
	
		.relatedLinks{
		padding:0;
		}
		
			.relatedLinks li{
			list-style:none;
			}
			
			.relatedLinks li a{
			display:block;
			border-bottom:1px solid #999999;
			padding:12px 10px 12px 16px;
			text-decoration:none;
			color:#272727 !important;
			font-weight:normal !important;;
			font-family:Georgia, "Times New Roman", Times, serif;
			}
				
				.relatedLinks li a:hover{
				color:#0f3221;
				text-decoration:none !important;
				}
				
				span.price {
					font-size:20px;
					color:#1D4C22;
				}
				
				
				
#contact-form input.inputtext {
	width:190px;
	border:1px solid #ccc;
	padding:5px;
	margin-bottom:5px;
	
}
#contact-form textarea {
	padding:5px;
	width:190px;
	border:1px solid #ccc;
	margin-bottom:5px;
}
#furtherContent section td {
	font-family:Georgia, "Times New Roman", Times, serif;
}