/* CSS Document */
* {
margin: 0;
padding: 0;
}

html {height:100%;}

body{
font: 11px "Verdana", Arial, Sans-serif;
color:#666666;
margin: 0;
padding: 0;
height: 100%;
line-height: 120%;
}

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

a img {
border:0;
}

a:hover{
color:#000033;
}

p{
padding: 8px 5px 10px 0;
color: #666666;
font: 11px;
}

pre{
font: 11px "Verdana", Arial, Sans-serif;
color:#666666;
line-height: 120%;
}


h1{
padding: 0 0 10px auto;
color:#663333;
font-size: 12px;
}

.hxmas{
padding: 10px 0 5px 0;
color:#663333;
font-weight:bold;
font-size: 12px;
}

h2{
padding: 0 0 0 auto;
color:#333333;
font-size: 12px;
}

h3 {
color: #666;
font-size: 10px;
padding-right: 5px;
}

.little{
color: #666666;
font: 8px;
align: left;
color: #666666;
}

.times {
color:#663333;
font: 11px;
font-weight:bold;
padding: 0 0 5px 0;
} 

*html #maincontainer {height: 100%;}

/* prepares the background image to full capacity of the viewing area */

#bg {position:fixed; top:0; left:0; width:100%; height:100%;}

#bg img{
top:0; 
left:0; 
width:100%; 
height:100%;}

#maincontainer{
position: relative;
min-height: 100%;
width: 100%;
background: url(../bg.gif) top left repeat-x;
}

#header{
height: 30px; /*Height of top section*/
background: white;
width: 100%;
margin: 0 auto;
}

#contentwrapper{
padding-bottom: 80px;
}

#contentwrapper:after{
content: "";
display: block;
clear: both;
}

#footer{
position: absolute;
bottom: 0;
height: 80px;
width: 100%;
background: none;
padding: 4px;
}

#leftcolumn{
float: left;
width: 80px;
text-align: center;
}

#leftcolumn img{
position: relative;
left: 100px;
}

#main{
margin-left: 80px;
position: relative;
}

#rightcolumn{
float: right;
width: 80px;
text-align: center;
padding-left: 5px;
}

#contentcolumn{
	padding: 5px;
	margin-right: 80px;
}
#menu-quote {
	float: left;
	width: 340px;
	border: 2px solid #666666;
}
#menu-quote p {
	margin-right: 10px;
	margin-left: 10px;
	text-align: center;
}


.innertube{
margin: 250px auto auto auto;
color: #cccccc;
text-align: center;
font-size: 8px;
padding-left: 3px;
position: relative;
top: 10px;
left: 15px;
}

.innertube a{
color: #cccccc;
}

.innertube a:hover{
color:#9999FF;
}

.innertube_r{
 /*Margins for inner DIV inside each column (to provide padding)*/
margin: 260px 0 0 0;
color: #cccccc;
text-align: center;
font-size: 8px;
}

.innertube_r a{
color: #cccccc;
}

.innertube_r a:hover{
color:#9999FF;
}

#contentimage{
position: relative;
margin: 0 auto;
width: 600px;
height: 250px;
display:block;
border: 1px solid white;
}

#locationlinks{
position: relative;
margin: 0 auto;
width: 600px;
overflow: hidden;
font-size: 8px;
font-weight: bold;
color:#CCCCCC;
}

.locationleft{
padding: 2px 2px 2px 0;
float: left;
width: 250px;
}

.locationmiddle{
padding: 2px 2px 2px 0;
float: left;
width: 230px;
}

.locationright{
padding: 2px 2px 2px 0;
float: right;
width: 110px;
text-align: right;
}

#locationlinks a{
color: #cccccc;
}

#locationlinks a:hover{
color:#9999FF;
}

#contentimageholder{
position: relative;
margin: 0 auto;
width: 600px;
height: 250px;
border: 1px solid white;
}

#contenttext {
margin: 0 auto;
background:  url(../images/contentbg.gif) top left;
width: 600px;
border: 1px solid #666666;
overflow: hidden;
position: relative;
}

#contentindex{
background:  url(../images/contentindex.gif) top left;
margin: 0 auto;
width: 600px;
border: 1px solid #666666;
overflow: hidden;
z-index: 2;
position: relative;
}

#contentcontact {
margin: 0 auto;
background:  url(../images/contentcontact.gif) top left;
width: 600px;
border: 1px solid #666666;
overflow: hidden;
z-index: 2;
position: relative;
}

#contentdrinks {
margin: 0 auto;
background:  url(../images/contentdrinks.gif) top left;
width: 600px;
border: 1px solid #666666;
overflow: hidden;
z-index: 2;
position: relative;
}

#contenthead{
	background: #999999;
	width: 580px;
	height: 20px;
	margin: 8px 5px 5px 10px;
	padding: 1px 0 0 0;
	position: relative;
	text-align: center;
	float:left;
	display: inline;
}

#contenthead ul{
font-size: 12px;
list-style: none;
}

#contenthead li{
margin: 0 auto;
padding: 0 9px 0px 9px;
background:  url(../images/menu.gif) top right no-repeat;
display: inline;
color: #663333;
}

#contenthead li a{
text-decoration: none;
color: white;
}

#contenthead li a:hover{
color: #663333;
}

#contenthead li.dot{
display: inline;
padding: 20px 0 0 9px;
background: none;
}

#homepagelinkleft{
	padding: 2px 2px 2px 0;
	float: left;
	width: 190px;
}
#homepagelinkmid {
	padding: 2px;
	float: left;
	width: 190px;
	text-align: center;
}

#homepagelinkright{
	padding: 2px;
	float: left;
	width: 190px;
	text-align: center;
}
#homepagelinkleft a {
	font-size: 10px;
}
#homepagelinkright a {
	font-size: 10px;
}
#homepagelinkmid a {
	font-size: 10px;
}




#contentbody{
padding: 0 5px 10px 10px;
width: 590px;
position: relative;
margin: 20px 0 0 0;
}

#content {
float: left;
width: 340px;
margin: 5px 0 0 0;
}

#contentxmas {
float: left;
background: url(../images/clip_clip_image002.gif) 0px 50px no-repeat;
width: 340px;
margin: 5px 0 0 0;
}
#contentwinemakers {
float: left;
background: url(../images/winemakers.gif) 0px 5px no-repeat;
width: 340px;
margin: 5px 0 0 0;
}
#contentnewyear {
float: left;
background: url(../images/newyear.gif) 0px 5px no-repeat;
width: 340px;
margin: 5px 0 0 0;
}


#contentright{
float: right;
width: 200px;
padding: 15px 5px 0 0;
}

#contentrightcontact{
float: right;
width: 200px;
padding: 15px 10px 0px 0px;
}

#contentrightmap{
float: right;
width: 245px;
overflow: hidden;
padding: 15px 3px 0 0;
}

#rightside {
width: 220px;
float: right;
margin: 10px 10px 0 -180px;
}

#boxtop{
padding: 15px 3px 5px 10px;
margin: 18px 0 20px -10px;
float: right;
text-align: right;
width: 200px;
border: 1px solid #999;
z-index: 1;
}

#boxtop a{
color: #666666;
}
#boxtop a:hover{
color: #000033;
}

#boxbot{
padding: 15px 3px 5px 10px;
float: right;
text-align: right;
width: 200px;
color: #663333;
margin: 10px 0 10px -10px;
border: 1px solid #999;
z-index: 1;
}

#boxbot a{
color: #666666;
}
#boxbot a:hover{
color: #000033;
}

#boxbot img{
float: left;
}

.logolink{
float: left;
width: 25px;
}

/* Form classes */

.input {
    border: 1px solid;
	margin: 5px 0 5px 0;
	color: #333333;
	float: left;
	width: 250px;
}
.input:hover {
    border: 1px solid;
    background-color:#cccccc;
}

.button {
    border: 1px solid;
	margin: 2px 20px 5px 280px;
	padding: 2px 8px;
}

label {
	font-size: 12px;
	color: #666666;
	display: block;
    width: 180px;
    float: left;
    margin: 2px 5px 5px 0;
    text-align: left;
}
labelname {
	font-size: 11px;
	color: #666666;
	display: block;
    width: 100px;
    float: left;
    margin: 2px 5px 5px 0;
    text-align: left;
}
choice {
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #666666;
    margin: 2px 4px 20px 4px;
    text-align: left;
}
choice:hover {
border: 1px solid;
color: #666666;
padding: 2px;
background: white;
}

br { clear: left; }

 [if IE]>
<style type="text/css">
#contentcolumn,
#main,
#contentwrapper,
#maincontainer {
zoom:1;
}
</style>
<![endif]
</head>
#testimonials h3 {
	font-size: 11px;
}
#testimonials p {
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#testimonials h3 {
	font-size: 11px;
	border-bottom: 1px solid #A5A5A5;
	padding-bottom: 10px;
}
#testimonials img {
	float: right;
	margin-bottom: 5px;
	margin-left: 5px;
}
#rightcolumn img {
	position: relative;
	left: -100px;
}
#wine-list h2 {
	margin-top: 10px;
}

#wine-list .wine-row .wine-name {
	width: 350px;
}
.wine-half, .wine-price-1, .wine-price-2, .wine-price-3 {
	width: 50px;
}#wine-list .wine-table {
	width: 550px;
	margin-bottom: 20px;
}
.wine-price-1 strong, .wine-price-2 strong, .wine-price-3 strong {
	font-size: 10px;
}