@charset "UTF-8";
/* CSS Document */
html, body{height:100%;} 
body {
	background-color: #653438;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #2D324D;
	line-height: 120%;
	margin: 0; padding: 0;
	min-height:522px;/*for mozilla/opera */
	min-width:800px;/* """ */
}
#center{
	position:relative;
	width:804px;
	margin:0 auto 0 auto;
}
img{border:0;}
/* Layout */
#logo {
	position: absolute;
	left:0;
	display:block;
	overflow:hidden;
}
/* left navigation */
#sidebar {
	position: absolute;
	left:0; top: 186px;
	width: 172px;
	font-family:"Times New Roman", Times, serif;
	font-size:13px;
	font-weight:bold;
	color:#eddbc5;
	vertical-align:bottom;
}
#lLinks {
	display:block;
	width: 172px;
	min-height:286px;
  	height:auto !important;
  	height:286px;
	padding:12px 0 12px 0;
	background-color: #2D324D;
}
#lLinks p{ padding: 12px; margin:0; line-height:18px; color:#A0A0A0;}
#sidebar a { display:block; margin:0; padding:8px 0 8px 12px;}
#sidebar a:hover {background-color:#758a72;}
#sidebar #self {color:#758a72; cursor:default;}
#sidebar #self:hover {background-color:#2D324D;}
#sidebar a{color:#eddbc5; text-decoration:none;}
#sidebar a:link, #sidebar a:visted, #sidebar a:active{color:#eddbc5; text-decoration:none;}
#sidebar a:active{color:#758a72; cursor:default;}
#recipieBox a:hover{color:#eddbc5; text-decoration:underline;}
/* contact/legal buttons */
#meta {
	display:block;
	width: 172px;height: 181px;
	background-color:#4d4d4d;
}
#meta a{ position:relative;top:12px; margin:0; padding:4px 0 4px 12px;}
#copyright {
	width: 164px;
	margin:0 0 0 6px;
	background-color: #653438; color: #ccb2a2;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size: 8px;
}
#copyright a { margin:0; width:auto; display:inline;}
#copyright a:hover { background:none;}
#copyright p { margin:0; text-align:center;}
#copyright img { margin:4px 8px; text-align:center;}
/* Top Navigation */
#navigation {
	position: absolute;
	left: 194px; top: 18px;
	width: 610px;
	overflow:hidden;
	text-align:center;
}
#navigation div{position:relative; display:block;float:left;height:20px; overflow:visible;}
#navigation a{ float:left; position:relative; display:block; height:20px; margin:0; padding:0; background-repeat:no-repeat; background-position:0 -20px; z-index:1;}
#navigation a:hover, #navigation a.self  { background-position:0 0}
#navigation span{ position:absolute; display:block; width:inherit; height:20px; top:0; left:0; z-index:0; margin:0; padding:0;}
#history a{ width:78px; margin:0 0 0 5px; background-image:url(media/menu/history.gif);}
#history span{margin:0 0 0 5px;}
#products a{ width:86px; background-image:url(media/menu/products.gif);}
#recipies a{ width:77px; background-image:url(media/menu/recipes.gif);}
#book a{ width:88px; background-image:url(media/menu/ourBook.gif);}
#events a{ width:130px; background-image:url(media/menu/events.gif);}
#faq a{ width:48px; background-image:url(media/menu/faq.gif);}
#buy a{ width:93px; background-image:url(media/menu/howToBuy.gif);}

#shell {
	position: absolute;
	left: 194px;
	top: 36px;
	width: 610px;
	background-color: #EDDBC5;
}
#shell .minHeight {
	display:block;
	min-height:612px;
  	height:auto !important;
  	height:612px;
}
#shell H1{ font-size:17px; font-style:italic; font-weight:bolder;  margin:0 36px 8px 36px;}
#shell STRONG{ font-size:17px; font-style:italic; font-weight:bolder;}
#shell .green{ font-size:17px; color:#556855;}
#shell .brown{ font-size:14px; color:#54262b;}
#shell .return { float:right; font-size:11px; color:#54262b; text-decoration:none;}
#shell .return a, #shell .return a:link{ text-decoration:none;}
#shell .return a:hover{ text-decoration:underline;}

#shell  #buyLinks p { float:left; clear:both; margin-bottom:12px; width:420px;}
#shell  #buyLinks a, #shell #buyLinks a:link {text-decoration:none;}
#shell .buyLocs { display:block; width:140px; line-height:20px; float:left; clear:left;}
#shell .LL {
	float:left;
	display:block;
	line-height:20px;
	width:80px;
	font-weight:bold;
	font-size:14px;
	color: #54262b;
	text-decoration: none;
	padding:0 0 0 32px;
}
#shell a.LL:hover {
	color: #647862;
	text-decoration: none;
}

#left_border {
	position: relative;
	float: left;
	width: 5px;
	height: 100%;
	background-image:  url(media/copy-border.gif);
	background-repeat: repeat-y;
}

#right_border {
	position: relative;
	float: right;
	width: 5px;
	height: 100%;
	background-image:  url(media/copy-border.gif);
	background-repeat: repeat-y;
}

#shell #masthead {
	position: relative;
	float: left;
	width: 600px;
}

#shell a, #shell a:link {
	color: #653438;
	text-decoration: underline;
}
#shell p a:visited {color: #50634D;}
#shell a:hover{ 
	color: #50634D;
	text-decoration: underline;
}

#mainImg{ margin:18px 0 18px 0;}
.photoCredit {margin:-18px 0 0 0; font-size:9px;}
#pageTitle{ margin:12px;}
#shellCopy { width:100%; text-align:left;}
#shellCopy p{ margin:0 36px 8px 36px;}
#shellCopy ul{ margin:0 36px 8px 36px; padding:0 0 0 18px;}
.col100{ width:100%; float:left;}
.col50{ width:50%; float:left;}

#end_tag {
	position: relative;
	bottom: 0;
	width: 100%;
	text-align: center;
	color: #EDDBC5;
	background-color: #653438;
	padding:5px 0 18px 0;
	font-size: 13px;
}
#end_tag strong{font-size: 13px; font-style:normal;}
#end_tag a:link, #end_tag a:visited, #end_tag a:active {
	color: #EDDBC5;
	text-decoration: none;
}

#end_tag a:hover {
	color: #C49A6B;
	text-decoration: none;
}
/* floating images */
.rImgs { width:122px; float:right; margin:0 36px 12px 12px;}
.rImgs img { margin:0 0 12px 0;}
.rFlot { float:right; clear:right; margin:0 36px 12px 12px;}
.lFlot { float:left; clear:left; margin:12px 12px 12px 0;}

/* video */
.fullScreen {display:none; height:100%; width:100%; position:absolute; top:0; left:0; cursor:pointer; }
#blackBack { background-color:#ffffff; z-index:100; opacity: 0.85;filter:alpha(opacity=85);}
#popContainer { z-index:101;}
#popCenter { 
	position:relative;
	top:0;
	margin:0 auto;
	display:block; width:200px; height:200px;
	border:10px solid #ffffff; background-color:#FFFFFF; 
	text-align:center;
	z-index:101; 
	cursor:pointer;
}
#closeX {
	position:absolute;
	right:-26px;
	top:-24px;
	z-index:100;
}
/* contact form */
#retailConact { float:left; clear:both; width:;}
#retailConact p{ float:left; clear:both; width:528px;}
#retailConact .input { float:left; clear:left; width:102px; line-height:22px; margin-right:8px;}
#retailConact .inputW { float:left; clear:left; width:220px;}
#retailConact input { float:left; margin:0 140px 8px 0; width:160px;}
#retailConact select { float:left; margin:0 140px 8px 0; width:166px;}
#retailConact #submit { width:auto; margin:0 0 0 36px; float:left; clear:both;}
#retailConact .other { float:left; clear:both; width:100%; display:none; margin:0 0 8px;}
#retailConact .other input{ margin:0 0 8px 36px;}
#retailConact .other #titleOther { margin:0 0 8px;}