/*----------------------------Global Settings----------------------------------------*/



body {font-family:Verdana, Geneva, sans-serif; background-color:#efefef;}

.color { color:#39C;}

.clearfloat {	clear:both;    height:0;    font-size: 1px;    line-height: 0px;}



/*---------------------------Header--------------------------------------*/


#top_pic_wrap {background-image: url(../images/interface/header_bg.gif); background-repeat:repeat-x; }
#top_pic { 	background: transparent url(../images/interface/header.gif) no-repeat top center;	height: 240px;	}


#header { height: 240px; background-image:url(../images/interface/header_g.gif); background-repeat:repeat-x; margin-top: -240px; }
	
	.header_wrap {width: 840px; height: 240px; margin: auto;}
		
		#logo_wrap { height: 180px;}
			#logo {width:450px; height:100px; margin: auto; background-image:url(../images/interface/logo.png); background-repeat:no-repeat; background-position: 0px 40px;} 
	
	
	
/*----------------------------Navigation----------------------------------------*/


.navigation {	width: 840px;	height: 60px;	margin: auto;	padding: 0;	background:  url(../images/interface/nav_bg.gif) no-repeat ; font-family:Verdana, Geneva, sans-serif;}
	
	.navigation ul{	width: 780px;	margin: 0 auto;	padding: 0 20px;	height: 40px;}
	
	.navigation li{    margin: 0;     float: left;     list-style: none;	 text-align:center; font-size: 12px;}

	.navigation a{     color: #BBB;     text-decoration: none;	 display:block;	 padding: 10px 17px 12px;	 text-transform: uppercase;}
	
	.navigation a:hover{	color: #FFF;	text-decoration: none;	display:block;	padding: 7px 17px 12px;	border-top: 3px solid #CCC;}

	.header_wrap li.current_page a  {border-top: 3px solid #FFF; padding: 7px 17px 12px; color: #FFF;}




/*---------------------------Top Content---------------------------*/



#top_content {height: 270px; background-color:#e3e3e3; border-bottom: 1px solid #ddd;}
	#top_content_home {width:800px; height: 270px;  margin: auto; line-height:50px; background-image:url(../images/interface/homepage.jpg); background-repeat:no-repeat;}
		#top_content_home_left  {height: 270px; width:500px; float:left;}
			#top_content_home p 	{font-size: 18px; line-height:20px;}
			#top_content_home h1	{font-size: 48px; font-weight:normal; padding-top:50px; font-family:Georgia, "Times New Roman", Times, serif;}



/*-------------------------Main Content------------------------------*/#



#main_content_wrapper {}

	#main_content { width: 800px; margin: auto; }
	
	#main_content_right {width: 398px;  float: right; background-image:url(../images/interface/main_content_right.jpg); background-repeat:no-repeat;}
	#main_content_left  {width:398px;  float:left; }
		
		.home_item_right {width: 340px;  margin: 30px 0px 40px 60px;}
		.home_item_right p {color:#000; font-size: 12px; line-height: 24px;}
		.home_item_right h2 {margin-bottom:20px;}
		
		.home_item_left {width: 340px;  margin: 30px 0px 40px 0px ;}
		.home_item_left p {color:#000; font-size: 12px; line-height: 24px;}
		.home_item_left h2 {margin-bottom:20px;}
		
			.home_item_pic {width:340px; height:240px; margin-top:20px; overflow:hidden; margin-bottom:-20px;}
				
				


	
/*-------------------------Footer------------------------------------*/



#footer {height: 300px; background-image:url(../images/interface/footer_bg.gif); background-repeat:repeat-x; background-color:#000; font-size:12px; font-weight:bold;}
	#footer h3 {margin-top: 40px; font-size: 16px; color:#fff;}
	#footer p {margin-top: 10px; color: #aaa; font-weight:normal; line-height: 20px; }
	#footer em {color: #FFF;}
	#footer a { text-decoration:none; color: #ccc; font-weight:bold;}
	#footer a:hover { color: #fff; border-bottom: 1px solid;}
	#footer_wrap {width:800px; height: 300px; margin: auto; }
	
	.footer_column {width:170px; height: 300px;  float: left;}
	.footer_column_b {width:120px; height: 300px;  float: left;}
	
.footer_links {list-style: none; margin-top:10px;  }
	
	.footer_links a { text-decoration:none; color: #ccc;}	
	.footer_links a:hover { color: #fff; border-bottom: 1px solid;}
	.footer_links li {padding: 5px 0px ;}
	
	
	
	
	
	
	
	
/*------------------------jQuery Stuff-----------------------------------*/

.button_beerkits a * {  display: none;}

.button_beerkits a, .button_beerkits a .hover {  height: 180px;  position: relative;  display: block;  background: url(../images/interface/sprite_beerkit.png) 0 0 no-repeat;  float:left;}

.button_beerkits a.beer {  background-position: 0 0;  width: 340px;}

.button_beerkits .highlight a.beer:hover, .button_beerkits a.beer .hover {  background-position: 0 -180px;  width: 340px;}


/* ------------------------ wine kits-----------------*/

.button_winekits a * {  display: none;}

.button_winekits a, .button_winekits a .hover {  height: 180px;  position: relative;  display: block;  background: url(../images/interface/sprite_winekit.png) 0 0 no-repeat;  float:left;}


.button_winekits a.wine {  background-position: 0 0;  width: 340px;}

.button_winekits .highlight a.wine:hover, .button_winekits a.wine .hover {  background-position: 0 -180px;  width: 340px;}

/* ------------------------ Books-----------------*/

.button_books a * {  display: none;}

.button_books a, .button_books a .hover {  height: 180px;  position: relative;  display: block;  background: url(../images/interface/sprite_books.png) 0 0 no-repeat;  float:left;}


.button_books a.books {  background-position: 0 0;  width: 340px;}

.button_books .highlight a.books:hover, .button_books a.books .hover {  background-position: 0 -180px;  width: 340px;}

/* ------------------------ Labels-----------------*/

.button_labels a * {  display: none;}

.button_labels a, .button_labels a .hover {  height: 180px;  position: relative;  display: block;  background: url(../images/interface/sprite_labels.png) 0 0 no-repeat;  float:left;}


.button_labels a.labels {  background-position: 0 0;  width: 340px;}

.button_labels .highlight a.labels:hover, .button_labels a.labels .hover {  background-position: 0 -180px;  width: 340px;}


/* ------------------------ Home Buttons Small-----------------*/

.small_buttons_home_wrapper {width: 300px; height: 40px; margin-top:40px; margin-left:80px; overflow:hidden; line-height: 0;}

.small_buttons_home a * { display:none; }

.small_buttons_home a, .small_buttons_home a .hover {  height: 40px;  position: relative;  display: block;  background: url(../images/interface/small_buttons.gif) 0 0 no-repeat;  float:left;}



.small_buttons_home a.shop {  background-position: 0px 0px;  width: 150px;}

.small_buttons_home .highlight a.shop:hover, .small_buttons_home a.shop .hover {  background-position: 0px -40px;  width: 130px;}



.small_buttons_home a.beginners {  background-position: -180px 0px;  width: 150px;}

.small_buttons_home .highlight a.beginners:hover, .small_buttons_home a.beginners .hover {  background-position: -180px -40px;  width: 130px;}