A {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.9em;}
	A:link {color:#FF0000}
	A:visited {color:#FED3D3}
	A:hover { color:#FFCC00}
	A:active {color:#FF0000}
	
	A.footertext{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.7em;text-decoration: none}
	A.footertext:link {color:#FFFFFF}
	A.footertext:visited {color:#FFFFFF}
	A.footertext:hover {color:#810A0A}
	A.footertext:active {color:#FFFFFF}
	
	
	A.headlinetext{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.9em;text-decoration: none}
	A.headlinetext:link {color:#FFF}
	A.headlinetext:visited {color:#FFF}
	A.headlinetext:hover {color:#000}
	A.headlinetext:active {color:#000}
	
			
	p {
	color:white; 
	font-size:0.8em;
	}
	
		.vsmall{
	font-size:0.7em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
	.indexbox{
	font-size:0.65em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
	
	.normal {
	font-size:0.9em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
		
	.bigStrong {
	font-weight:bold;
	font-size:1.0em;
	}
	
	.strong {
	font-weight:bold;
	font-size:0.9em;
	}
	
	
	.smallStrong {
	font-weight:bold;
	font-size:0.8em;
	}
	
	.warning {
	font-weight:bold;
	font-size:0.8em;
	color:#FF0000;
	}
		
	.small{
	font-size:0.8em
	}
	
	body{
	border:0px;
	background-repeat:repeat-x;
	background-color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	color:white;
	font-size:1.0em;
	}		
			
	#header {
	position:relative;
	background-image:url(images/test_top1.jpg);
	background-repeat: no-repeat;
	margin-top:0;
	height:170px;
	clear:both	
	}
		
	#mainBack {
	position:absolute;
	width:800px;
	padding:0px;
	left:50%;
	margin-left: -400;
	text-align: left;	
	background-image:url(images/test_middle.jpg);
	background-color:#221F1F;
	background-repeat:repeat-y;
	}
		
	#mainBackHome {
	position:absolute;
	width:800px;
	height:730px;
	padding:0px;
	left:50%;
	margin-left: -400;
	text-align: left;	
	Background-image:url(images/test_middle.jpg);
	background-color:#221F1F;
	background-repeat:repeat-y;
	}
		
	#mainBack_ales {
	position:absolute;
	width:800px;
	height:690px;
	padding:0px;
	left:50%;
	margin-left: -400;
	text-align: left;	
	Background-image:url(images/test_middle.jpg);
	background-color:#221F1F;
	background-repeat:repeat-y;
		}
		
	#ales_text {
	position:absolute;
	width:330px;
	height:150px;
	left:50%;
	margin-top:245px;
	margin-left:-210px;
	text-align: left;
	font-size:1.0em;
	color:#FFFFFF;
	}
	
	#ales_text_slim {
	position:absolute;
	width:300px;
	height:150px;
	left:50%;
	font-size:0.9em;
	margin-top:245px;
	margin-left:-210px;
	text-align: left;
	font-size:1.0em;
	color:#FFFFFF;
	}
		
	#ourales_text {
	position:absolute;
	width:200px;
	height:100px;
	left:50%;
	padding:5px;
	margin-top:15px;
	margin-left:-217px;
	text-align: left;
	text-align:justify;
	font-size:0.9em;
	color:#FFFFFF;
		}
		
	#cart_top {
	position:absolute;
	width:777px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-left:13px;
    font-size: 0.8em;
	top:140px;
	background-color:#333333;
	text-align:right;
	float:left;
	clear:both; 
	height: expression( this.scrollHeight > 20 ? "20px" : "auto" ); /* INTERNET EXPLORER ONLY! */
  	max-height: 20px; /* All standards-compliant browsers */ 
	height:20px;
	filter: alpha(opacity=70); -moz-opacity:0.70;
	}		
	
	#contact {
	position:absolute;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	font-weight:600;
	text-align:right;
	font-size: 0.9em;
	margin-top:25px;
	height:170px;
	width:350px;
	height:50px;
	float:right;
	margin-left:475px;

	color:#FFFFFF;
	}
				
	#left {
	position:relative;
	width:150px;
	left:13px;
	padding:0px;
	float:left;
	background:#221F1F; 
	padding:0px;
	border:0px;
	}		
	
	#map {
	position:relative;
	padding:0px;
	color:#000000;
	border:0px;
	float:left;
	text-align:left;
	width:500px;
	height:500px;
	}
	
	#main {
	position:relative;
	width:615px;
	margin-left:13px;
	margin-right:0px;
	margin-top:0px;
	padding:0px;
	float:left;
	text-align:left;
	background:#221F1F;
	border:0px;
	min-height:520px;
  	height:auto !important;
  	height:520px;
	}
	
	#popup {
	background:#EFEFEF;
	border:1px solid #999999;
	margin:0px;
	padding:7px;
	width:270px;
	} 	
	
	#main1 {
	position:relative;
	width:620px;
	height:auto;
	margin-left:18px;
	margin-right:0px;
	margin-top:0px;
	padding:0px;
	text-align:left;
	float:left;
	background:#221F1F;
	border:0px;

	}		
	
	#frontFlash {
	position:absolute;
	width:626px;
	height:200px;
	padding:0px;
	left:50%;
	margin-left:-250px;
	text-align: left;
	background-color:#221F1F;
	background-repeat:repeat-y;
	}
	
	#breweryFlash {
	position:absolute;
	width:626px;
	height:200px;
	padding:0px;
	left:250px;
	margin-left:-250px;
	text-align: left;
	background-color:#221F1F;
	background-repeat:repeat-y;
	}
		
	#boxes {
	position:relitive;
	width:630px;
	height:300px;
	padding:0px;
	left:50%;
	text-align: left;
	float:left;	
	top:400;
	background-color:#221F1F;
	color:#FFFFFF;
	background-repeat:no-repeat;
	}
	
	#HeadlineBox {
	position:absolute;
	width:630px;
	height:40px;
	left:403px;
	top:374px;
	margin-left:-250px;
	text-align: left;
	background-color:#221F1F;
	background-image:url(images/newsheadline.jpg);
	background-repeat:no-repeat;

	}
		
	#box1{
	position:absolute;
	width:200px;
	height:275px;
	top:420px;
	padding:0px;
	text-align:left;		
	background-color:#22251F;
	background-image:url(images/box.jpg);
	color:white; 
	font-size:0.8em;
	}
				
	#box2{
	position:absolute;
	width:415px;
	height:275px;
	margin-left:214px;
	top:420px;
	padding:0px;
	text-align:left;
	background-image:url(images/box2.jpg);
	color:white;
	font-size:0.8em;
	}			
								
	#footer {
	position:absolute;
	width:800px;
	bottom:0;
	background-image:url(images/bottom_slice.jpg);
	background-repeat:no-repeat;
	background-color:#221F1F;
	height: 36px;
	vertical-align: bottom;
	padding: 0;
	margin: 0;
	clear:both;
	} 
	
	#tandc {
	position:absolute;
	width:800px;
	bottom:-50;
	background-color:#000000;
	height: 50px;
	vertical-align: bottom;
	padding: 0;
	margin: 0;
	clear:both;
	} 
		
	.tableProducts {
	background-image:url(images/table.jpg);
	background-repeat: no-repeat;]
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
	color:EFFFFF;
	}
			
	.tableCheckout {
	background-image:url(images/tableCheckout.jpg);
	background-repeat: no-repeat;
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
	color:EFFFFF;		
	}
	
	.tableAddress {
	background-image:url(images/contact_address.jpg);
	background-repeat: no-repeat;
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
	color:EFFFFF;		
	}
			
	#cartContents {
	position:relative;
	width:620px;
	margin-left:0px;
	margin-right:17px;
	margin-top:0px;
	padding:0px;
	float:left;
	text-align:left;
	background:#221F1F;
	border:0px;
	min-height:500px;
  	height:auto !important;
  	height:500px;
	}
	
	#cart table td {
	border: 0px solid #999;
	width: 20%;
	}

	.ales_special1{
	position:absolute;
	width:300px;
	height:150px;
	left:50%;
	font-size:0.9em;
	margin-top:60px;
	margin-left:-20px;
	text-align: left;
	font-size:1.0em;
	color:#FFFFFF;
	}
	
	.ales_special2{
	position:absolute;
	width:300px;
	height:150px;
	left:50%;
	font-size:0.9em;
	margin-top:343px;
	margin-left:-20px;
	text-align: left;
	font-size:1.0em;
	color:#FFFFFF;
	}
	
	.ales_special3{
	position:absolute;
	width:300px;
	height:150px;
	left:50%;
	font-size:0.9em;
	margin-top:626px;
	margin-left:-20px;
	text-align: left;
	font-size:1.0em;
	color:#FFFFFF;
	}
	
	.ales_special4{
	position:absolute;
	width:300px;
	height:150px;
	left:50%;
	font-size:0.9em;
	margin-top:909px;
	margin-left:-20px;
	text-align: left;
	font-size:1.0em;
	color:#FFFFFF;
	}
	
	.ales_special5{
	position:absolute;
	width:300px;
	height:150px;
	left:50%;
	font-size:0.9em;
	margin-top:1192px;
	margin-left:-20px;
	text-align: left;
	font-size:1.0em;
	color:#FFFFFF;
	}
	
	.awardsText{
	position:absolute;
	width:500px;
	height:150px;
	left:50%;
	font-size:0.9em;
	margin-top:892px;
	text-align: left;
	font-size:1.0em;
	color:#FFFFFF;
	}
	
	.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}