/*
Name:Harveys 
Author: interactivered 
Author URL: http://www.interactivered.com/
*/

* {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, ul, ol, li, blockquote, fieldset, address,table { margin:5px 0; }	

fieldset { padding:10px 0; }


body{
	font-size:10px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	background:url(images/bg.jpg) repeat;
	color:#000;
}



h3{
	font-size:1.4em;
	line-height:1.6em;
}

p, ul, ol, td{
	font-size:1.3em;
	line-height:1.3em;
	margin:10px 0 15px 0;
}
td{
	font-size:1.3em;
	line-height:1.3em;
	margin:10px 0 15px 0;
}

ul, ol{
	margin-left:20px;
}

#wrapper{
	width:870px;
	padding:5px;
	margin: 10px auto;
	border:1px solid #DAD3C2;
	background-color:#ffffff;
}

#header{
	background:url(images/header_bg.gif) repeat-x;
	height:121px;
	position:absolute;
	width:870px;


}
#header table{
	
margin-bottom:0px;
 margin-top:0px;

}

#header h1{
	width:283px;
	height:121px;
	text-indent:-9999px;
	background:url(images/logo.gif) no-repeat;
	position:absolute;
	top:0;
	left:300px;
	margin:0;
}

#header a#contact_btn{
	position:relative;
	top:35px;
	left:25px;
	background:url(images/contact.gif) no-repeat 0% 0%;
	height:24px;
	display:block;
	width:70px;
	padding-top:10px;
	padding-left:35px;
}

a#contact_btn:link, a#contact_btn:visited, ul#navigation li a{
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
	text-decoration:none;
}
#header a#newsletter_btn{
	position:relative;
	top:35px;
	left:25px;
	background:url(images/newsletter_icon.gif) no-repeat 0% 0%;
	height:24px;
	display:block;
	width:170px;
	padding-top:10px;
	padding-left:35px;
}

a#newsletter_btn:link, a#newsletter_btn:visited, ul#navigation li a{
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
	text-decoration:none;
}
a#newsletter_btn:hover{
	text-decoration:underline;
}
#navigation li a{
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
	text-decoration:none;
    
}

a#contact_btn:hover, ul{
	text-decoration:underline;
}
#navigation li a:hover{
	text-decoration:underline;
    
}
#header p#date{
	width:275px;
	color:#fff;
	margin-left:20px;
	font-weight:bold;
	position:relative;
	top:-20px;
}

#header #searchform{

	width:148px;
	position:absolute;
    height:24px;
	left:695px;
	top:65px;
}


    
    
ul#navigation{
	top:112px;
	margin-left:0;
	height:16px;
	padding:14px 0;
	background:url(images/nav_bg.jpg) no-repeat;
z-index:20;
	position:relative;
	clear:both;
	font-size:1em;
}

ul#navigation li{
	float:left;
	list-style-type:none;
	margin: 0px;
}

ul#navigation li a{
	display:block;
	text-align:center;
	color:#000;
}

ul#navigation #about{
	width:110px;
    height: 40px
	
}
ul#navigation #news{
	width: 143px;
    height: 40px
}
ul#navigation #brewery{
	width:133px;
    height: 40px
}
ul#navigation #beer{
	width:116px;
    height: 40px
}
ul#navigation #wine{
	width:89px;
    height: 40px
}
ul#navigation #shop{
	width:135px;
    height: 40px
}
ul#navigation #inns{
	width:143px;
    height: 40px
}

img#home_image{
	margin:3px 0 3px 0;
}

#content_wrapper{
	overflow:hidden;
	margin-top:110px;
	border:1px solid #ffffff;
}

#left_col{
	width:520px;
	padding:25px;
	float:left;
    
}

#right_col{
	text-align:center;
	float:left;
	width:295px;
	padding-top:25px;
}

#right_col img{
	margin:0 0 15px 0;
}
#centercontent{
font-size:1.0em;
color:#000000; 
width:815px;
height:100%;
border-width:0px 0px 0px 0px; 
margin:0px 0px 0px 0px;
padding:25px;
float:left;
}




.clear{
	clear:both;
}
ul, li{
text-decoration:none;
 }
 
/* 
	menu 2011
*/
ul.dropdown                         { position: relative; z-index:20;}
ul.dropdown li                      { font-weight: bold; float: left; zoom: 1; }
ul.dropdown a:hover		            { color: #000; }
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a                    { display: block; padding: 0px 0px; border-right: 0px solid #333;
	 								  color: #222; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { color: black; position: relative; }
ul.dropdown li.hover a              { color: black; }



/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 220px;visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li 					{ font-weight: normal; color: #000; line-height: 30px; font-size:10px; 
									  border-bottom: 1px solid #fff; width: 100%;text-align:left; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block;text-align:left;} 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ width: 100%; text-align:left; margin-top: 0px;}
ul.dropdown li:hover > ul 			{ visibility: visible; text-align: left !important;}



/** Footer
------------------------------------------------------------\*/
.clearfix{clear:both;}
.clearfix:after{content: ".";display: block; height: 0; clear: both; visibility: hidden;}
.clearfix{display: inline-block; /* for IE/Mac */} 
#footer{height:350px;width:829px;background:#000 url(../images/BG_footer.gif) repeat-x top;margin: 0px 0 0 0;padding:0 20px 0 20px;color:#fff;font-family:Arial, Helvetica, sans-serif;}
#footer hr{display:block;height:1px;border:0;border-top:1px solid #666;padding:5px 0 5px 0;}
#footer ul{width:19%;float:left;margin:0;list-style-type:none;border:0;padding:0 10px 0 0;}
#footer ul.last{padding:0;}
#footer ul li h3{font-size:14px;line-height:2em;font-weight:bold;border-bottom:1px solid #666;}
#footer ul li h3 a{text-decoration:none;font-size:14px;line-height:2em;font-weight:bold;}
#footer ul li h3 a:hover{text-decoration:underline;}
#footer ul li h3.brewery a{color:#8E7E88;}
#footer ul li h3.beers a{color:#B38003;}
#footer ul li h3.wine a{color:#8E676C;}
#footer ul li h3.shop a{color:#4A8E8F;}
#footer ul li{font-size:12px;line-height: 2em;}
#footer ul li a{font-size:12px;color:#E0E0DF;text-decoration:none;}
#footer ul li a:hover{text-decoration:underline;}
#footer ul.copyright{width:600px;margin:0 50px 0 0;color:#666;float:left;}
#footer ul.copyright li{font-size:11px;line-height:1.6em;float:left;margin:0 0 5px 0;border-right:1px solid #666;padding:0 8px 0 8px;}
#footer ul.copyright li.first{padding:0 8px 0 0;}
#footer ul.copyright li.last{border-right:none;}
#footer ul.copyright li a {background:none;padding:0;text-decoration:underline;color:#666;font-size:11px;}
#footer ul.copyright li a:hover{text-decoration:none;}
#footer .credits{float:right;width:150px;text-align:right;color:#666;font-size:10px;}
#footer .credits a{color:#666;text-decoration:underline;}
#footer .credits a:hover{color:#666;text-decoration:none;}
#base{width:100%;margin:30px 0 10px 0;}
#base .facebook{float:left;width:200px;background:url(../images/facebook_icon.png) no-repeat left;height:24px;padding:10px 0 0 0;}
#base .twitter{float:left;width:200px;background:url(../images/twitter_icon.png) no-repeat left;height:24px;padding:10px 0 0 0;}
#base .facebook a, #base .twitter a{padding:3px 0;color:#999;font-size:11px;margin:0 0 0 35px;}
#base .facebook a:hover, #base .twitter a:hover{text-decoration:none;}
#base #established{float:right;width:150px;text-align:right;color:#999;font-size:11px;padding:10px 0 0 0;}
/* **/