body {
	font-family: verdana, arial, 'sans serif';
	font-size: 14px;
	color: #333333;
	background:#330066;
	border:0;
	margin:0;}
#wrap {
	width: 900px;
	position:relative;
	margin: 0 auto;
	padding:0;
	background:#FFFFFF url('/images/background.gif') repeat top left;
	min-height:1400px;}
	
#header	{ background:url('/images/SpiritWhispers.jpg') no-repeat top left;
	width: 900px;
	height: 207px;
	margin:30px 0 0 0;
	padding:0;}
#header-bar img{ 
	width:329px;
	height:38px;
	float: right;
	padding:48px 0 0 0;}
	
h1, #header h1, #header h1 a {text-indent:-9999px;}


#content {
	margin: 100px 20px 10px 230px;
	display:block;
	z-index: 10;}
#content dt {
	clear:right;
	margin: 10px 0 0 0;
	font-weight:bold;}
#content dd {
	margin: 8px 0 0 20px;}
#right img {
	margin: -300px 0 0;
	padding: 4px;
	text-align: left;
}

#left {
	margin: 37px 0 0 10px;
	position:static;
	width: 190px;
	font-style:italic;
	float: left;}
#left h3 {
	color:#003366;
	font-size:14px;
	font-style:normal;}
#left dt {
	font-weight:bold;
	color:#006600;
	margin: 10px 0 0 0;}
#left dd {
	margin: 0;
	padding:0;}
#left p {margin:6px 16px 0 2px!important; padding:0;}
#left hr {width:170px;	align:left; margin:1em 0 0 0; padding:0;}

a {
	font-style: normal;
	color: #990066;}
h2 {
	font-size: 24px;
	font-weight: bold;
	color: #000066;}
h3 {
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	color: #990066;}
h4 {
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	color: #990066;}
.subhead {
	font-size: 16px;
	font-style: italic;
	color: #990066;}
i, em {
	font-style: italic;}

li {
	list-style-position: outside;
	list-style-image:   url("/images/Sbulletpurple.gif");}
dt {
	color: #990066;}
.ingredients {
	font-size: 12px;
}
/* *** Menu Styles ************************************************************************************/
/* Hide from Mac IE5 \*/
#navigation {
	width:193px;
	height:320px;
	background:url('/images/navigation.gif');
	margin:0;
	padding:0;
	position:relative;
	top:0;
	left:0;
	z-index:1;}
#navigation p, #left p {color:#003366;
	margin: 1em 0 0 2em;
	font-size:10px;}
#navigation hr {size:40px; text-align:center;}
#navigation li {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:0;}
#navigation li, #navigation a {
	height:40px;
	width:193px;
	display:block;
	text-indent:-5000px;}
#navigation li a {}
li#link1 {top:0; height:40px;}
li#link2 {top:40px; height:40px;}
li#link3 {top:80px; height:40px;}
li#link4 {top:120px; height:40px;}
li#link5 {top:160px; height:40px;}
li#link6 {top:200px; height:40px;}
li#link7 {top:240px; height:40px;}
li#link8 {top:280px; height:40px;}

li#link1 a:hover {background:url('/images/navigation2.gif') 0 0 no-repeat;}
li#link2 a:hover {background:url('/images/navigation2.gif') 0 -40px no-repeat;}
li#link3 a:hover {background:url('/images/navigation2.gif') 0 -80px no-repeat;}
li#link4 a:hover {background:url('/images/navigation2.gif') 0 -120px no-repeat;}
li#link5 a:hover {background:url('/images/navigation2.gif') 0 -160px no-repeat;}
li#link6 a:hover {background:url('/images/navigation2.gif') 0 -200px no-repeat;}
li#link7 a:hover {background:url('/images/navigation2.gif')  0 -240px no-repeat;}
li#link8 a:hover {background:url('/images/navigation2.gif')  0 -280px no-repeat;}

#navigation-top {
	position:absolute;
	top: 206px;
	margin:0;
	padding: 0;
	width: 900px;	height:38px;}	
	
#footer {
text-align:center;
clear:right;}