body{
background: #FFFFFF url(../images/bg3.jpg) top center no-repeat fixed;
margin: 0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif, "Arial Black";
}

/* ----for firefox----*/
a {
outline:none;}


/* ---------Main Headlines --------------*/
h1 {
margin:0 0 8px 0;
padding:0px;
font:bold italic 1.500em Arial, Helvetica, sans-serif;
color:#123a69;
}

h2 {
margin:0px;
color:#FFFFFF;
font-weight:bold;
font-size:18px;
padding-top:3px;}

/*-------------Form & search Headline ----*/
h3 {
color:#CC0000;
font:bold italic 1.150em Arial, Helvetica, sans-serif:
}

h4{
margin:0px;
color:#CC0000;
font:bold italic .7em Arial, Helvetica, sans-serif;}
h4 a{
color:#CC0000;
text-decoration:underline;
}
h4 a:hover{
color:#ffffff;
text-decoration:none;
}

h5 {
	border:0px;
	padding:0px;
	padding-top:3px;
	padding-bottom:3px;
	margin:0px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
}
h5 a{
	color:#006666
}
h5 a:hover{
	color:#ff0000;
}
h5 a:visited{
	color:#ff0000;
}


h6 {
	display:inline;
	border:0px;
	padding:0px;
	padding-left:4px;
	padding-right:4px;
	margin:0px;
	color:#123a69;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}
h6 A {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}
h6 A:HOVER {
	color: #ffffff;
	text-decoration: underline;
}
h6 a:visited {
	color:#ffffff;
}

#base{
width:100%;
text-align:center;

}
a {
position:relative;}
#calendar{
width:100%}
#calendar input{
position:relative;}
#text a{
position:relative;}

p.whiteText {
color:#FFFFFF;
font:bold .900em Arial, Helvetica, sans-serif;
}
#wrapper{
width:100%;
background-image:url(../images/wrapperBG.jpg);
background-repeat: no-repeat;
background-position:top;
margin: 0px auto 0px auto;

}
#contentwrap{
width:1000px;
margin: 0px auto 0px auto;

}
#header{
background-image:url(../images/header.jpg);
background-repeat:no-repeat;
height:233px;
width:1000px;
text-align:left;
}

#leftheaderdiv{
height:233px;
width:233px;
float:left;
}
#middleheaderdiv{
height:233px;
width:560px;
float:left;
}
#rightheaderdiv{
height:233px;
width:207px;
float:left;
}

#uppernav{

width:110px;
height:156px;
position:relative;
left:105px;
top:0px;
z-index:100;}
#uppernav a{
position:relative;}


#lowernav{
width:226px;
height:50px;
position:relative;
left:0px;
top:10px;
background:url(../images/lowernav.jpg) no-repeat;}

/*fix for ie6*/

#lowernav{
width:226px;
height:50px;
position:relative;
left:0px;
_top:-6px;
background:url(../images/lowernav.jpg) no-repeat;}
/* end fix */


#MenuMapLower {
		margin:0px;
		padding:0px;
		top:0px;
		width:226px;
		height:50px;
		position:relative;
		background-image:url(../images/lowerNavigation.jpg);
		list-style:none;
		text-decoration:none;
			}

			#MenuMapLower li {
				margin:0px;
				padding:0px;
				position:absolute;
			}

			#MenuMapLower li, #MenuMapLower a {
				height:50px;
				display: block;
			}
			
			#MenuMapLower a.NavLink {
				/*  Hide the text part of the links by moving it waaaayyy offscreen. */
				text-indent:-100000em;
			}

/*  NavLink dimensioning rules - specify offset from top and (constant) width of active area. */
			
			#Talk {left:0px; width:152px;}
			#Home {left:152px; width:74px;}
/*  Menu hover, active, and "current page" rules, using a "sprite" imagemap, and background positioning. */
			#Talk a:hover {background: transparent url(../images/lowerNavigation.jpg) -0px -50px no-repeat;}
			#Home a:hover {background: transparent url(../images/lowerNavigation.jpg) -152px -50px no-repeat;}
		
			
			#talkpage #Talk a {background: transparent url(../images/lowerNavigation.jpg) -0px -50px no-repeat;}
			#homepage #Home a {background: transparent url(../images/lowerNavigation.jpg) -152px -50px no-repeat;}
			
			


#appraisal{
width:125px;
height:114px;
position:relative;
left:85px;
top:52px;
}

#appraisal a{
display:block;
background:url(../images/appraisal_Nav.jpg) no-repeat;
height:114px;
text-indent:-100000em;}

#appraisal a:hover{
background-position:0 -114px;}

#search{
width:160px;
height:52px;
position:relative;
left:400px;
text-align:center;
}

#search p{margin:0px;font-size:9px;font-style:italic; color:#FFFFFF;}

#update{
width:250px;
position:relative;
left:445px;
top:150px;
text-align:center;
color:#CC0000;
font:12px Arial, Helvetica, sans-serif;
font-style:oblique;
font-weight:bold;
}
/* fix for ie6*/

#update{
width:250px;
position:relative;
left:445px;
_top:110px;
text-align:center;
color:#CC0000;
font:bold italic 12px Arial, Helvetica, sans-serif:
}
/*end fix*/
#mainwrap{
width:80%;
margin: 0px auto 0px auto;
text-align:left;
background:url(../images/contentBG.png) repeat;
}
#wrap{width:100%; margin: 0px auto 0px auto; text-align:left; position:relative;}

/*----------------------------------------------------bottle Nav start-------------------------------------------*/
#bottlenav{
width:180px;
height:1300px;
padding-top:20px;
padding-left:10px;
float:left;
}

#shirt {display:block; background: transparent url(../images/t-shirt.gif); float:left; height:166px; width:180px; text-indent:-100000em;}

#shirt a:hover{
background: transparent url(../images/t-shirt_Hover.gif)}

#auction {display:block; background: transparent url(../files/auctionPigLink.png); float:left; height:82px; width:180px; text-indent:-100000em;} 

#auction a:hover{
background: transparent url(../files/auctionPigLinkRoll.png)}

#stoneware { display:block; background: transparent url(../images/stoneware.png) no-repeat; float:left; height:72px; width:180px; text-indent:-100000em;}

#stoneware:hover{
background: transparent url(../images/stoneware_Hover.png)}

#hutchinson{ display:block; background: transparent url(../images/hutchinson.png) no-repeat; float:left; height:74px; width:180px; text-indent:-100000em;}

#hutchinson:hover{
background: transparent url(../images/hutchinson_Hover.png)}


#blob{ display:block; background: transparent url(../images/blob.png) no-repeat; float:left; height:63px; width:180px; text-indent:-100000em;}

#blob:hover{
background: transparent url(../images/blob_Hover.png)}

#blobsoda{ display:block; background: transparent url(../images/blobsoda.png) no-repeat; float:left; height:62px; width:180px; text-indent:-100000em;}

#blobsoda:hover{
background: transparent url(../images/blobsoda_Hover.png)}

#medicine{ display:block; background: transparent url(../images/medicine.png) no-repeat; float:left; height:75px; width:180px; text-indent:-100000em;}

#medicine:hover{
background: transparent url(../images/medicine_Hover.png)}

#milk{ display:block; background: transparent url(../images/milk.png) no-repeat; float:left; height:68px; width:180px; text-indent:-100000em;}

#milk:hover{
background: transparent url(../images/milk_Hover.png)}

#whiskey{ display:block; background: transparent url(../images/whiskey.png) no-repeat; float:left; height:80px; width:180px; text-indent:-100000em;}

#whiskey:hover{
background: transparent url(../images/whiskey_Hover.png)}



#bitters{ display:block; background: transparent url(../images/bitters.png) no-repeat; float:left; height:68px; width:180px; text-indent:-100000em;}

#bitters:hover{
background: transparent url(../images/bitters_Hover.png)}

#wiglass{ display:block; background: transparent url(../images/wiglass.png) no-repeat; float:left; height:54px; width:180px; text-indent:-100000em;}

#wiglass:hover{
background: transparent url(../images/wiglass_Hover.png)}


#crown{ display:block; background: transparent url(../images/crown.png) no-repeat; float:left; height:57px; width:180px; text-indent:-100000em;}

#crown:hover{
background: transparent url(../images/crown_Hover.png)}


#crocks{ display:block; background: transparent url(../images/crocks.png) no-repeat; float:left; height:116px; width:180px; text-indent:-100000em;}

#crocks:hover{
background: transparent url(../images/crocks_Hover.png)}

#seltzer{ display:block; background: transparent url(../images/seltzer.png) no-repeat; float:left; height:69px; width:180px; text-indent:-100000em;}

#seltzer:hover{
background: transparent url(../images/seltzer_Hover.png)}

#clean{ display:block; background: transparent url(../images/clean.png) no-repeat; float:left; height:124px; width:160px; text-indent:-100000em; margin-top:0px;}

#clean:hover{
background: transparent url(../images/clean_Hover.png)}
/*-----------------------------------END BOTTLE NAVIGATION----------------------------------*/


#text{
margin: 0  10px 0 180px;
padding:5px 0px 10px 10px;
min-height:1250px;

}
.pageText {
font:.975em Arial, Helvetica, sans-serif;
}
.pageText a{
color:#123a69;
position:relative;
}
.pageText a:hover{
color:#ffffff;
text-decoration:none;
}
		


#pagebottom{
width:100%;
text-align:center;
margin-bottom:20px;}			
					
#calander{
width:100%;
text-align:left;}

#bottomnav{
width:100%;
font:bold Arial, Helvetica, sans-serif;
padding-bottom:15px;}

#bottomnav a{
color:#CC0000;
font-size: .750em;
font-weight:bold;
}
#bottomnav a:hover{
color:#123a69;
font-size: .750em;
font-weight:bold;}

#floater{
position:absolute;}

#faqHolder{
width:100%;
text-align:center}
/*--------------------Forms--------------*/
#formText {
	border:0px;
	padding:0px 4px 3px 0;
	margin:0px;
   color:#123a69;
   font:bold .975em arial, helvetica, sans-serif;
   text-align:right;
   vertical-align:top;
  }
#formField {
	border:0px;
	padding:0px 4px 3px 0;
	margin:0px;
   color:#123a69;
   font:bold .950em arial, helvetica, sans-serif;
   vertical-align:top;
}
input.subBtn {
   color:#000000;
   font:bold .750em arial, helvetica, sans-serif;
   background-color: #F1F8F8;
   position:relative;
}

input.subBtnhov {
   color:#ffffff;
   font:bold .750em arial, helvetica, sans-serif;
   background-color: #123a69;
}
 
 input.resBtn {
   color:#000000;
   font:bold .750em arial, helvetica, sans-serif;
   background-color: #C6A2A2;
   position:relative;
 }
 
 input.resBtnhov {
   color:#ffffff;
   font:bold .750em arial, helvetica, sans-serif;
   background-color: #A50000;
 }
.textfield{
background:url(../images/bg.gif) repeat;
position:relative;}
#inquiring_about{
position:relative;}
option {
   color:#ffffff;
   font:bold .925em arial, helvetica, sans-serif;
   background-color: #123a69;
   position:relative;
   }
   
#flash{
width:185px;
height:338px;
position:relative;
top: 200px;
right: 300px;
}

#steveDiv{
position:absolute;
width: 100%;
top: 0px;
left: 0px;
z-index:999;
text-align:center;
height: 0px;
}