@charset "UTF-8";

html, body {
    height: 100%;
}

body {
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	height: 1003px; 
	color:#FFFFFF;
	background-image:url(images/back2a.png);
	height:100%;
	margin: 0; 
	padding: 0;
	text-align: center;
	
	margin: 0 auto;
}

.oneColElsCtrHdr #container {
	width: 1003px;	min-height: 100%; 
    height: auto ; 
    height: 100%;   
	
	color:000000;
	margin: 0 auto; 
	text-align: left;
    position: relative;
    height: auto ;
}

.oneColElsCtrHdr #header { 
	
	height:215px;
	vertical-align:top;  
} 

.oneColElsCtrHdr #nav { 
    height:100px;
	margin-top:110px;	
} 

.oneColElsCtrHdr #header h1 {
    font-weight:100;
	margin: 0; 
	padding: 10px 0;
}

.oneColElsCtrHdr #mainContent {
	
    background-color: transparent;
	padding-bottom:51px;
}

#form {
	padding: 0 20px;
	margin-right:20px;
	margin-top:20px;
	margin-left:70%;
    background-color: transparent;
}

.oneColElsCtrHdr #footer {
	vertical-align:top;
	position:absolute;
	height:51px;
	background-image: url(images/foot.png);
	width: 100%;
	z-index: 1;
	bottom: -3px;
	left: -2px;
	bottom: 0;
    bottom: -1px; 
}
 
.oneColElsCtrHdr #footer p {
	margin: 0; 
	padding: 10px 0;
	bottom: 0; 
    bottom: -1px;  
}
	
#container-foot {
	width: 100%;
	background-image: url(images/foot.png);
	background-repeat:repeat;
	
    bottom: 0;
    bottom: -1px; 
	height: 57px;
	margin-bottom:4px;
	}

#foot {
  padding: 0 1em;
  line-height: 51px;
}

.maininfo{
	width:70%;
	background-color:#666633;
}

.specials{
	width:20%;
    background-color:#666600
}

.myBox {
	margin-top:30px;
    padding-right:1%;
	color: #ffffff;    
	width: 25%; 
	padding:10px;    
	text-align: left;
	vertical-align:top; 
}
.myBox01 {
	margin-top:30px;
    padding-right:1%;
	color: #ffffff;    
	width: 333px;; 
	padding:10px;    
	text-align: left;
	vertical-align:top; 
}

.myBox2 { 
	margin-top:20px;
	padding-left:1%;
	color: #ffffff; 
	width: 21%;
	padding: 10px;
	vertical-align:top;
}

.myBox3 { 
	margin-top:30px;
    margin-left:20%;
	color: #ffffff; 
	width: 50%; 
	padding: 10px; 
	padding-right:20px;
	font-size:12px;
	
	text-align: left;
	vertical-align:top; 
	
}
.myBox13 { 
	margin-top:30px;
   
	color: #ffffff; 
	width: 333px;; 
	padding: 10px; 
	padding-right:20px;
	
	text-align: left;
	vertical-align:top; 
	
}


.myBox5 {	
	margin-left:30%;
    color: #ffffff;    
	width: 50%;    
	padding-left: 15px;    
	
	padding-bottom:15px;	
	vertical-align:top; 
}

.myBox6 {
	margin-top:30px;
    margin-left:30%;
	color: #ffffff; 
	width: 50%;padding: 10px;
	padding-left:20px;
	padding-right:20px;
	text-align: left;
	vertical-align:top;
	border-left: 1px solid #525252;
}

.myBox8
{
    margin-top:15px;
	margin-left:30%;
	color: #ffffff;
    width: 50%;
    padding: 10px;
	padding-left:10px;
	padding-right:20px;
    text-align: center;
	vertical-align:top;  
}

.myPHOTOSBOX
{
    margin-top:30px;
	color: #ffffff;
    width:60%;
    padding-left: 10px;
    text-align: left;
	vertical-align:top;
	
}

.myPHOTOSBOX2
{
    margin-top:30px;
	color: #ffffff;
    width: 20%;
    padding: 10px;
    text-align: left;
	vertical-align:top;
}


.myPHOTOSBOX2a
{
    margin-top:30px;
	color: #ffffff;
    width: 40%;
    padding: 10px;
    text-align: left;
	vertical-align:top;
}

.myPHOTOSBOX2b
{
    margin-top:30px;
	color: #ffffff;
    width: 40%;
    padding: 10px;
    text-align: left;
	vertical-align:top;
}

.myPHOTOSBOX2c
{
    margin-top:30px;
	color: #ffffff;
    width: 40%;
    padding: 10px;
    text-align: left;
	vertical-align:top;
}


.myPHOTOSBOX3
{
    margin-top:30px;
	color: #ffffff;
    width: 60%;
    padding: 0px;
    text-align: left;
	vertical-align:top;
}


.myPHOTOSBOX4
{
    margin-top:30px;
	color: #ffffff;
    width: 40%;
    padding: 10px;
    text-align: left;
	vertical-align:top;
}

.contactBOX
{
    margin-top:30px;
	padding-left:10px;
	color: #ffffff;
    width:333px;
    padding: 10px;
    vertical-align:top;
}

.beername{
    margin-left:2%;}


.beerbox
{
    width:90%;
    max-width:648px;
	text-align: left;
	vertical-align:top;
	height:315px;
	background-image:url(images/images2/backbeer.jpg);
	background-position:top;
	background-position:left;
	overflow:hidden;
    border-width:3px;
	border-color:#000000;
	border-style:solid;
}

.beerboxcontent
{
	margin-bottom:2px;
	vertical-align:top;
    padding-left:10px;
	padding-bottom:10px;
    height:289px;
	overflow-x: hidden;
	overflow:auto;
}

.beerboxtop
{
    width:100%;
    vertical-align:top;
	height:7px;
	background-image:url(images/backbeertop.gif);
	background-position:top;
	top:0;
	background-position:left;
}

.beerboxbottom
{
    width:100%;
    vertical-align:bottom;
	height:7px;
	background-image:url(images/backbeerbot.gif);
	background-position:top;
	background-position:left;
}

.specialsbox
{
    width:587px;
    max-width:920px;
	vertical-align:top;
	background-image:url(images/specialsback.jpg);
	top:11px;
	background-position:left;
}


.specialsboxtop
{
    width:587px;
    vertical-align:top;
	height:11px;
	top:0;
	background-image:url(images/specialsbacktop.gif);
	background-position:top;
	background-position:left;
}

.specialsboxbtm
{
    width:587px;
    vertical-align:bottom;
	height:11px;
	background-image:url(images/specialsbackbottom.gif);
	background-position:top;
	background-position:left;
}

.specialsboxcontent
{
  	vertical-align:top;
	padding-left:10px;
	padding-right:7px;
}

.formbox
{
    font-family:Arial, Helvetica, sans-serif;
	font-size:8 px;
    margin-left:10%;
	color:#666600;
    padding-left:10px;
	padding-right:10px;
    text-align: right;
	vertical-align:top;
}

.tablevalign
{
     vertical-align:middle;
	 width:60%;
	 padding-left:10px;
	 padding-right:10px;
     position:relative;
}
.tablevalign1
{
     vertical-align:middle;
	 width:1000px;;
	 padding-left:10px;
	 padding-right:10px;
     position:relative;
}

form fieldset{
	background-color:#00000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
    margin:20px 0px 20px 20px;
	width:220px;
	position:relative;
	display:block;
	padding: 0px 10px 10px 10px;
}

form fieldset legend{	
	background-color:#50520F;
	border-width:1px 1px 1px 10px;
	border-color:#ff9900;
	border-style:solid;
	font-weight:bold;
	text-transform:uppercase;
	font-size:90%;
	text-align:center;
	width:186px;
	padding:3px 5px;
	margin:0px 0px 10px -40px;
	position:relative;
	top: -14px;
}
	 
form fieldset legend img{
	padding:0px 5px 0px 5px;	
}

label{
	color:#ffffff;
	font-size:90%;
	font-weight:lighter;
	display:block;
	float:left;
	width:100px;
	text-align:left;
	margin:4px 5px 0px 0px;
}

input{
	background-color:#333300;
	width:190px;
	color:#5c71a2;
	font-family:"Arial";
	padding:1px 2px;
}

textarea{
	background-color:#333300;
	width:190px;
	margin:2px 0px 0px 0px;
	border-width: 0px 0px 1px 0px;
	border-style: solid solid dotted solid;
	border-color:#809431;
	color:#5c71a2;
	font-family:"Arial";
	padding:1px 2px;
}

.button{
	background-image:none;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	width:75px;
}

#galleryholder {position:relative; width:770px; height:335px; margin-left:103px; background-image:url(images/back5.jpg);}
#galleryholder ul {width:250px; height:270px; padding:0; margin:5px; list-style-type:none; float:left;}
#galleryholder li {float:left;}
#galleryholder a.gallery, #galleryholder a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #67792f; margin:1px 2px 1px 2px; text-align:left; cursor:default;}
#galleryholder a.slidea {background:url(images/photosection/1a.jpg); height:50px; width:50px;}
#galleryholder a.slideb {background:url(images/photosection/2a.jpg); height:50px; width:50px;}
#galleryholder a.slidec {background:url(images/photosection/3a.jpg); height:50px; width:50px;}
#galleryholder a.slided {background:url(images/photosection/4a.jpg); height:50px; width:50px;}
#galleryholder a.slidee {background:url(images/photosection/5.jpg); height:50px; width:50px;}
#galleryholder a.slidef {background:url(images/photosection/6.jpg); height:50px; width:50px;}
#galleryholder a.slideg {background:url(images/photosection/7a.jpg); height:50px; width:50px;}
#galleryholder a.slideh {background:url(images/photosection/8a.jpg); height:50px; width:50px;}
#galleryholder a.slidei {background:url(images/photosection/9a.jpg); height:50px; width:50px;}
#galleryholder a.slidej {background:url(images/photosection/10.jpg); height:50px; width:50px;}
#galleryholder a.slidek {background:url(images/photosection/11a.jpg); height:50px; width:50px;}
#galleryholder a.slidel {background:url(images/photosection/12a.jpg); height:50px; width:50px;}
#galleryholder a.slidem {background:url(images/photosection/13.jpg); height:50px; width:50px;}
#galleryholder a.sliden {background:url(images/photosection/14a.jpg); height:50px; width:50px;}
#galleryholder a.slideo {background:url(images/photosection/15a.jpg); height:50px; width:50px;}
#galleryholder a.slidep {background:url(images/photosection/16a.jpg); height:50px; width:50px;}
#galleryholder a.slideq {background:url(images/photosection/17a.jpg); height:50px; width:50px;}
#galleryholder a.slider {background:url(images/photosection/18a.jpg); height:50px; width:50px;}
#galleryholder a.slides {background:url(images/photosection/19a.jpg); height:50px; width:50px;}
#galleryholder a.slidet {background:url(images/photosection/20a.jpg); height:50px; width:50px;}
#galleryholder a.slideu {background:url(images/photosection/18.jpg); height:50px; width:50px;}
#galleryholder a.gallery span {position:absolute;width:1px;height:1px;top:5px;left:687px; background:#fff; overflow:hidden;}
#galleryholder a.gallery:hover {border:1px solid #fff;}
#galleryholder a.gallery:hover img {float:left; margin-right:5px;}
#galleryholder a.slideb:hover img, #galleryholder a.slidei:hover img {float:right;}
#galleryholder a.gallery:hover span {position:absolute; width:486px; height:291px; top:22px; left:267px;}

.smallclick {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:lighter;
	font-size:12px;
	color:#666600;
}

.smallhead {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:lighter;
	font-size:12px;
	color:#7e121e;
}

a:link {
	color: #7e121e;
}
a:visited {
	color: #7e121e;
}
a:hover {
	color: #ffffff;
}
a:active {
	color: #7e121e;
}


h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#666600;
}
	
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:lighter;
	font-size:13px;
	color:#7e121e;
	line-height:9px;
}

h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:lighter;
	padding-left:10px;
	font-size:13px;
	color:#7e121e;
}

h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:15px;
	line-height:11px;
	color:#999933;
	padding-left:7px;
}

h5 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:lighter;
	padding-left:10px;
	font-size:13px;
	color:#ffffff;
}

hspecialstitle {
	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:lighter;
	font-size:12px;
	color:#3a3a3a;
	line-height:11px;
}

hspecials {
	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:lighter;
	font-size:12px;
	color:#ffffff;
	line-height:9px;
}

table.infofooter{
    width:100%;
    font-family:Arial, Helvetica, sans-serif;
	font-size:8 px;
	vertical-align:top;
	color:#666600;
    padding-left:10px;
	padding-right:10px;
    text-align: left;
	vertical-align:top;
}

table.infofooter td {
    vertical-align: top; 
    padding: 7px;
}

.menubox1 { 
    float: left; 
    width:500px;
	margin-left:250px;
    color: #ffffff;
    text-align: left;
	vertical-align:top;
	padding-bottom:10px; 
	padding-left:10px;
	padding-top:10px;
}

.menubox2 { 
    float: left; 
    width: 7%; 
    text-align: left;
	vertical-align:top; 
    padding-bottom:2%;
    height:320px;
    background-image:url(images/linee.gif);
    background-position:center;
    background-repeat:repeat-y;
}

.menubox3 { 
    float: left; 
    width: 31%;
    color: #ffffff;
    text-align: left;
	vertical-align:top; 
	padding-bottom:2%;  
}

.smallmenu{
    width:20%;
    float: left;
    text-align:center;
}

.smallmenu2{
    width:20%;
    float: left; 
    text-align:center;
}

.indexbox1 { 
    float: left; 
    width: 22%;
	text-align:center;
    text-align: left;
	vertical-align:top;
	padding-bottom:2%;
	padding-right:2%;
	z-index: 3; 
}

.indexbox2 { 
    float: left; 
    width: 20%;
    text-align: left;
	vertical-align:top;
	padding-bottom:2%;       
	border-left: 1px solid #525252;
	border-right: 1px solid #525252;
	padding-left:2%;
	padding-right:2%;
	z-index: 2; 
}

.indexbox3 { 
    float: left; 
    width: 22%;
    text-align: left;
	vertical-align:top;
	padding-bottom:2%; 
	padding-left:2%;
	z-index: 1; 
}

.indexbox4 { 
    float: left; 
    width: 20%;
    text-align: left;
	vertical-align:top;
	padding-bottom:2%; 
	padding-left:2%;
	z-index: 1; 
}

.infofooter1 { 
    float: left; 
    width: 13%;
	text-align:center;
    text-align: left;
	vertical-align:top;
	z-index: 3;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8 px;
	vertical-align:top;
	color:#666600;
    padding-left:10px;
    text-align: left;
	vertical-align:top; 
}

.infofooter2 {
    font-family:Arial, Helvetica, sans-serif;
	font-size:8 px;
	float: left; 
    width: 16%;
    text-align: left;
	z-index: 1;
    font-family:Arial, Helvetica, sans-serif;
	font-size:8 px;
	vertical-align:top;
	color:#666600;
    padding-left:10px;
	padding-right:10px;
}

.infofooter3 { 
    float: left; 
    width: 30%;
    text-align: left;
	z-index: 1;  font-family:Arial, Helvetica, sans-serif;
	font-size:8 px;
	vertical-align:top;
	color:#666600;
    padding-left:10px;
	padding-right:10px;
}

.infofooter4 { 
    float: left; 
    width: 9%;
    text-align: left;
	vertical-align:top;
	padding-bottom:2%; 
	padding-left:2%;
	z-index: 1; 
}

.infofooter5 { 
    float: left; 
    width: 20%;
    text-align: left;
	vertical-align:top;
	padding-left:2%;
	z-index: 1; 
}

.indexdiv{
	width:100%;
	height:400px;
	max-height:400px;
	padding:1%;
}

.indexdiv1 { 
    float: left;
    min-width:350px;
	color: #ffffff; 
    width: 30%;
    padding-left:1%;
    padding-right:1%;
    vertical-align:top;
}

.indexdiv2 { 
    float: left;
	color: #ffffff; 
	width: 25%; 
	padding: 10px; 
	padding-left:2%;
	padding-right:2%;
    text-align: left;
	vertical-align:top; 
	border-left: 1px solid #525252;
	border-right: 1px solid #525252;
}
		  	 
.indexdiv3 {
    float: left;
	background:url(images/specials.gif);
	background-repeat:no-repeat;
	background-position:top;
	background-position:left;
    color: #ffffff;    
	width: 26%; 
	padding-left:2%;
	text-align: left;
	vertical-align:top;  
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1px;
}

.clearfix {
	display: block;
}

#info_footer {
width:1003px;
padding:5px 0px 5px 0px;
overflow:hidden;
float:left;
}
</style>