html {
height:100%; 
max-height:100%;  
padding:0; 
margin:0; 
border:0; 
font-size:12px; 
font-family:Georgia, "Times New Roman", Times, serif; 
background:#fff url(../images/main_15.jpg) no-repeat -18px 0; 
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ }
a:link {
	color: #339933;
}
a:visited {
	color:#0099FF;
}
a:hover ,a:active
{
color: #000;
background-color: #CC66FF;}
strong {
	font-weight:bold;
	color: #3300FF;
}
.caption {font-size:10px; font-style:italic; margin:0;}
.hi-lite {background-color:#FFFF99}
.emphisis {
font-style:oblique; color:#990000;}
body {height:100%; max-height:100%; overflow:hidden; padding:0; margin:0; border:0;}
#content {display:block; height:100%; max-height:100%; overflow:auto; padding-left:200px; position:relative; z-index:3;}
#head {position:fixed; margin:0; top:0; right:18px; display:block; width:100%; height:102px; background:#FFF url(../images/top.jpg) no-repeat; font-size:4em; z-index:5; color:#CC66FF;}
#foot {position:fixed; margin:0; bottom:-1px; right:18px; display:block; width:100%; height:50px; background:#CC66FF; color:#000000; text-align:right; font-size:12px; z-index:4;}
/***********slides**************/
#slides {border:solid 1px #999999;
padding:10px 10px 10px 10px;display:block; height: 300px;}
div.pic {float:left; height:135px; width:135px; padding: 5px 3px 0 3px; margin:0 5px 5px;}
.pic img {border:1px solid; border-color: #9900FF;}
.pic ul { display:block;list-style:none;margin:0.25em; padding:0 0 10px 0; font:Georgia, "Times New Roman", Times, serif; font-size:10px; font-style:italic; color:#000000;}
/*****************end slides*************/
#left {position:fixed; left:-19px; top:0; height:100%; width:200px; background:#fff url(../images/side2.jpg) no-repeat 0 100px; font-size:14px; color:#fff;z-index:4;}
/*****BEGIN navigation****/
div#navlist {padding-left:40px; width: 110px;line-height:25px; font-weight:900; margin: -1px 0 0 -1px;}
div#navlist ul {margin: 0; padding: 0; width: 110px;
}
div#navlist li {position: relative; list-style: none; margin: 0;}
div#navlist li:hover {background: #EBB; text-decoration:underline; color:#000;}
div#navlist li a { font-style:italic; color: #33FF00;display: block; padding: 0.25em 0 0.25em 0.5em;
  text-decoration: none; width: 6.5em; border:1px solid #CC66FF;}
div#navlist>ul a {width: auto;}
div#navlist ul ul {position: absolute; top: 0; left: 9em;
  display: none;}
/* END navlist */
.thumbl { width:auto;padding:3px; border:1px solid #000000; float:left; margin-right:5px}
* html #head, * html #foot,* html #left {position:absolute;}

#pad1 {display:block; width:18px; height:100px; float:left;}
#pad3 {display:block; width:18px; height:50px; float:left;}
.pad2 {display:block; height:50px;}
.pad3 {display:block; height:100px;}
.pad4 {display:block; height:100px;}

#content p {padding:5px;}
.special {font-style:italic; color: #FF3366;}
.bold {
	font-size:14px;
	font-weight:bold;
	color: #CC66FF;
}
.seasonal { min-height:100px;
	background-image:url(../images/lilharts.gif);
	background-color:#99CCCC;
 border:double #666; padding:5px;
	background-repeat: no-repeat;
	background-position: left top; margin-top:10px;
}
.leftside {margin-left:100px}
.snafu {font-style:italic; color:#0000CC;}
.title{
	font-size:12px;
	font-weight:bold; font-style: italic;
	color:#CC0099;}
#tasting {float:left; top:100px; left:150px; height:140px; width:150px; background:#efd; border:1px solid #CC66FF; margin:5px; padding:5px;}
#mainimage {float:left; top:100px; left:150px; width:inherit; background:#CCCCCC; border:1px solid #CC66FF; margin:5px; padding:5px;}
#smimage {float:left; top:100px; left:150px; width:205px; background:#CCCCCC; border:1px solid #CC66FF; margin:5px; padding:5px;}
#musicright {float:right; top:100px; right:150px; height:auto; width:300px; background:#def; border:1px solid #CC66FF; margin:5px; padding:5px;}
#music {float:right; right:150px; display:block; height: auto; width:325px; background:#def; border:1px solid #CC66FF; margin:5px 20px 80px 5px; padding:5px;}
img.floatLeft { 
    float: left; 
    margin: 4px; 
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}
img.floatRightClear { 
    float: right; 
    clear: right; 
    margin: 4px; 
}
.feature { 
    float: right; 
    margin: 4px; 
}
.feature_left{ 
    float: left; 
    margin: 4px; 
}
hr {clear:both; border:0; height:1px; color:#888; background-color:#888;}
.clear {clear:both}
.alblum { padding:5px; font: "Courier New", Courier, mono; color:#333333; text-align:center; background-color:#e6f3ff; border:double #666; padding:5px;}
#boxabsolute {position:absolute; top:300px; width:500px; left:500px; background:#eee; border:1px solid #CC66FF; margin:5px; padding:5px;; font-size:1em; color:#c00;}
#hoursbox {
	position:relative;
	top:10px;
	left:30px;
	background:#ddd;
	border:1px solid #cc66ff;
	margin:5px;
	padding:5px;
	font-size:14px;
	color:#c00;
	width:300px;
	height:auto;
	overflow: hidden;
}em {
	font-style: oblique;
	text-transform: capitalize;
	color: #990066;
}
