@charset "utf-8";
/* CSS Document */

body {
	background			: #281b0d url(img/bg.jpg);
	padding				: 0;
	margin				: 0;
	font-family			: Calibri, Arial, Helvetica, sans-serif;
	font-size			: 12px;
}

a {text-decoration:none;color:#666666;}

.container {
	width				: 766px;
	margin				: 0 auto;
}

.header {
	height				: 65px;
}

.mainMenu {
	padding				: 0 0 0 14px;
	margin				: 0;
	list-style			: none;
	background			: url(img/navBg.gif);
	height				: 65px;
}

.mainMenu li {
	background			: url(img/nav.gif);
	width				: 146px;
	height				: 55px;
	float				: left;
	margin-right		: 2px;
}

.mainMenu li a {
	display				: block;
	padding-top			: 26px;
	padding-left		: 6px;
	color				: #765410;
	font-family			: "Times New Roman", Times, serif;
	font-size			: 1.3em;
	text-transform		: capitalize;
	color				: #FFFFFF;
}

.mainMenu li a:hover, .mainMenu li.current a{
	color				: #FFFFFF;
	color				: #765410;
	
}

#feature {
/*	background			: url(../feature/banner1.jpg);*/
	width				: 766px;
	height				: 445px;
	border-bottom		: #5e5133 solid 1px;
	overflow			: hidden;
	position			: relative;
	background			: #000000;
}

#feature a {
	position			: absolute;
	top					: 0;
	left				: 0;
}

#feature a img {
	border				: none;
}

.homeIntro {
	background			: url(img/homeIntro.jpg);
	width				: 526px;
	height				: 122px;
	padding				: 50px 0 0 240px;
	border-bottom		: #6e381c solid 5px;
}

.homeIntro h1 {
	margin				: 0;
	padding				: 0;
	color				: #FFFFFF;
	font-family			: "Times New Roman", Times, serif;
	font-weight			: normal;
	font-size			: 1.3em;
	width				: 280px;
}

.homeIntro p {
	padding				: 0;
	margin				: 0;
	width				: 280px;
	color				: #ae9754;
	font-size			: .9em;
}

.footer {
	height				: 56px;
	background			: url(img/footerBg.gif);
}

.footerMenu {
	margin				: 0 auto;
	padding				: 0;
	list-style			: none;
	height				: 56px;
	width				: 390px;
	font-size			: 0.9em;
}

.footerMenu a {
	color				: #67553f;
	line-height			: 56px;
}

.footerMenu a:hover {
	color				: #FFFFFF;
}

.footerMenu li {
	float				: left;
	margin-right		: 10px;
}

/* PAGES */
.blackboard {
	background			: url(img/blackboard.jpg);
	min-height			: 100px;
	height				: auto;
	border-bottom		: #7f7f7f solid 4px;
	padding-bottom		: 20px;
	padding-top			: 50px;
}

.blackboard ul {
	padding				: 0;
	margin				: 0;
	list-style			: none;
	width				: 200px;
	padding-top			: 40px;
	margin-left			: 24px;
	width				: 700px;
	height				: 80px;
}

.blackboard ul li {padding:0;margin:0;float:left;}
.blackboard ul li a {
	color				: #FFFFFF;
	line-height			: 250px;
	overflow			: hidden;
	height				: 25px;
	width				: 232px;
	display				: block;
}

.drinkSas {
	background:url(img/drinks-Sasparilla.gif) no-repeat;
}

.drinkDan {
	background:url(img/drinks-Dandelion.gif) no-repeat;
}

.drinkBloodtonic {
	background:url(img/drinks-Bloodtonic.gif) no-repeat;
}

.drinkLemonGinger {
	background:url(img/drinks-lemon-ginger.gif) no-repeat;
}

.drinkGinger {
	background:url(img/drinks-Gingercordial.gif) no-repeat;
}

.drinkBlackBeer {
	background:url(img/drinks-black-beer.gif) no-repeat;
}

.drinkCreamSoda {
	background:url(img/drinks-creamsoda.gif) no-repeat;
}

.drinkVitalo {
	background:url(img/drinks-vitalo.gif) no-repeat;
}

.content {
	background			: #FFFFFF;
	padding				: 25px 30px 80px 30px;
	position			: relative;
	height				: 270px;
	height				: auto !important;
	min-height			: 270px;
}

.content h1, .content h2{
	padding				: 0 0 10px 0;
	margin				: 0;
	color				: #765410;
	
	font-family			: "Times New Roman", Times, serif;
	font-weight			: normal;
	text-transform		: capitalize;
}

.content h1 {
	border-bottom		: #eeeeee solid 1px;
	font-size			: 1.6em;
}

.content h2 {
	font-size			: 1.8em;
	padding				: 20px 0 0 0;
	margin-left			: 305px;
}

.content p, .content table, .aList {
	color				: #535353;
	width				: 340px;
	margin-left			: 305px;
	font-size			: 1em;
	line-height			: 16px;
}

.content ul {
	margin				: 0;
	padding				: 0;
	margin-left			: 305px;
	color				: #535353;
	list-style			: square;
}

.content strong {
	font-size:13px;
}

.content li {
	margin:0;
	padding: 0 50px 10px 0;
}

.content a {border-bottom:#CCCCCC dotted 1px;}

.product {
	position			: absolute;
	top					: 80px;
	width				: 260px;
	color				: #582c20;
}

.product img {
	float:left;
}

.product .price{
	margin-top:80px;
	display				: block;
	font-size			: 1.8em;
	float				: left;
	width				: 150px;
}

.product .price strong{
	font-weight			: normal;
	font-size			: 1.5em;
}
.product .unit {
	width				: 150px;
}

.bottleBG {
	background			: #FFFFFF url(img/bottlesBG.jpg) no-repeat bottom left;
}

.drinksBG {
	background			: #FFFFFF url(img/drinksBG.jpg) no-repeat bottom left;
}

.deliveryBG {
	background			: #FFFFFF url(img/deliveryBG.jpg) no-repeat bottom left;
}

.historyBG {
	background			: #FFFFFF url(img/historyBG.jpg) no-repeat bottom left;
	min-height			: 320px;
}

.recipeBG {
	background			: #FFFFFF url(img/recipesBG.jpg) no-repeat bottom left;
	min-height			: 320px;
}

.content .subnav {
	margin				: 0;
	list-style			: none;
	position			: absolute;
	top					: 80px;
	left				: 30px;
	width				: 300px;
}


.subnav a {
	padding				: 0 0 10px 0;
	display				: block;
	color				: #666666;
	border-bottom		: none;
}

.subnav a:hover, .subnav .current a{
	color				: #765410;
}