div, table, table td, span, p, body { padding:0; margin:0; }
html { font:14px normal new times roman; color:#FFF; }
body { text-align:center; background:#000;	scrollbar-arrow-color: ffffff; scrollbar-face-color: 000000; scrollbar-highlight-color: ffffff; scrollbar-3dlight-color: 000000; scrollbar-shadow-color: ffffff; scrollbar-darkshadow-color: 000000; scrollbar-track-color: ffffff; }
/*html { scrollbar-arrow-color: red; scrollbar-base-color: #1D50AC; scrollbar-dark-shadow-color: #1D50AC; scrollbar-track-color: #2559AF; scrollbar-face-color: #FFCC66; scrollbar-shadow-color: #000000; scrollbar-highlight-color: #D9D9D9; scrollbar-3d-light-color: #FFCC66; }*/
a { color:#f3e081 !important; text-decoration:none; }
#container { position:relative; margin:0 auto; background:#000 url(images/bg.jpg) no-repeat 0 0; min-height:400px; width:1200px; }
.content { text-align:left; width:960px; margin:0 auto; }
.left, .right { padding:5px; text-align:center; }
  html>/**/body .left { float:left; width:240px; }
  html>/**/body .right { float:right; width:698px; }
  html>/**/body #cover .right { float:right; width:680px; }
  .left { float:left; width:180px; }
  .right { float:right; width:700px; }
.logo, .logo2, .top-m, .goblet, a.comm-fb, a.comm-tw, a.comm-ml, .nav1 a, .nav2 a, .nav2 span, .about-image01, .about-image02, .about-image03 { background:url(images/sprite.png) no-repeat; }
  .logo { background-position:0 0; width:234px; height:279px; margin:54px 0 16px; }
  .logo2 { background-position:-347px 0; width:167px; height:151px; margin:28px 40px; cursor:pointer; }
  .top-m { background-position:134px -330px; width:431px; height:150px; }
  .goblet { background-position:0px -480px; width:240px; height:395px; }
  a.comm-fb { background-position:-281px -491px; height:22px; }
  a.comm-tw { background-position:-281px -527px; height:25px; }
  a.comm-ml { background-position:-279px -565px; height:14px; }
.intro, .loc { text-align:left; }
.intro { width:80%; margin:0 auto 36px; }
.top-m { margin:95px 2px -4px; text-align:left; }
.loc, .in .loc { width:50%; margin:1px 0 4px; padding-top:17px; }
  .in .loc { margin:1px 26px 4px; font-weight:bold; width:60%; }
.hours { margin:23px 26px 4px; text-align:left; width:75%; }
#cover .hours { width:330px; height:50px; text-align:center; position:absolute; left:-74px; font-size:13px; color:#8d4432; }
#cover .hours span { display:inline; margin-right:10px; }
.hours span { display:block; }
.twit-fd { z-index:1; }
.chalkb { position:relative; background:url(images/chalkb2.png) no-repeat 0 0; width:494px; height:367px; z-index:1; }
.nav1 { left:100px; position:absolute; top:74px; width:260px; }
.nav-l { float:left; width:48%; }
.nav-r { float:right; width:48%; }
.nav1 a { display:block; background-position:0px -898px; color:transparent; width:163px; height:43px; }
  .nav1 a.beer, .nav1 a.beer:hover { background-position:0 -880px;}
    .nav1 a.beer:hover { background-position:-312px -879px; }
  .nav1 a.about, .nav1 a.about:hover { background-position:0 -1049px; }
    .nav1 a.about:hover { background-position:-312px -1048px; }
  .nav1 a.shop, .nav1 a.shop:hover { background-position:-165px -882px; }
    .nav1 a.shop:hover { background-position:-477px -881px; }
  .nav1 a.links, .nav1 a.links:hover { background-position:-162px -923px; }
    .nav1 a.links:hover { background-position:-474px -922px; }
  .nav1 a.location, .nav1 a.location:hover { background-position:0 -964px; }
    .nav1 a.location:hover { background-position:-312px -963px; }
  .nav1 a.events, .nav1 a.events:hover { background-position:-162px -967px; }
    .nav1 a.events:hover { background-position:-474px -966px; }
  .nav1 a.images, .nav1 a.images:hover { background-position:0 -1006px; }
    .nav1 a.images:hover { background-position:-312px -1005px; }
  .nav1 a.food, .nav1 a.food:hover { background-position:0 -921px; }
    .nav1 a.food:hover { background-position:-312px -920px; }
  .nav1 a.staff, .nav1 a.staff:hover { background-position:-162px -1010px; }
    .nav1 a.staff:hover { background-position:-474px -1009px; }
  .nav1 a.blog, .nav1 a.blog:hover { background-position:-162px -1054px; }
    .nav1 a.blog:hover { background-position:-474px -1053px; }
.nav2 { position:absolute; top:100px; left:55px; width:100%; overflow:hidden; }
.nav2 a, .nav2 span { float:left; background-position:0 -1117px; color:transparent; background-repeat:no-repeat; width:60px; height:50px; }
  .nav2 a.beer, .nav2 a.beer:hover, .nav2 span.beer { background-position:0 -1122px; }
    .nav2 a.beer:hover, .nav2 span.beer { background-position:0 -1163px; }
  .nav2 a.location, .nav2 a.location:hover, .nav2 span.location { background-position:-107px -1121px; width:72px; }
    .nav2 a.location:hover, .nav2 span.location { background-position:-107px -1162px; }
  .nav2 a.images, .nav2 a.images:hover, .nav2 span.images { background-position:-183px -1120px; }
    .nav2 a.images:hover, .nav2 span.images { background-position:-183px -1161px; }
  .nav2 a.about, .nav2 a.about:hover, .nav2 span.about { background-position:-247px -1119px; }
    .nav2 a.about:hover, .nav2 span.about { background-position:-247px -1160px; }
  .nav2 a.shop, .nav2 a.shop:hover, .nav2 span.shop { background-position:-309px -1119px; width:45px; }
    .nav2 a.shop:hover, .nav2 span.shop { background-position:-309px -1160px; }
  .nav2 a.links, .nav2 a.links:hover, .nav2 span.links { background-position:-356px -1119px; }
    .nav2 a.links:hover, .nav2 span.links { background-position:-356px -1160px; }
  .nav2 a.events, .nav2 a.events:hover, .nav2 span.events { background-position:-418px -1118px; }
    .nav2 a.events:hover, .nav2 span.events { background-position:-418px -1159px; }
  .nav2 a.food, .nav2 a.food:hover, .nav2 span.food { background-position:-60px -1122px; width:48px; }
    .nav2 a.food:hover, .nav2 span.food { background-position:-60px -1163px; }
  .nav2 a.staff, .nav2 a.staff:hover, .nav2 span.staff { background-position:-477px -1117px; width:52px; }
    .nav2 a.staff:hover, .nav2 span.staff { background-position:-477px -1158px; }
  .nav2 a.blog, .nav2 a.blog:hover, .nav2 span.blog { background-position:-527px -1118px; }
    .nav2 a.blog:hover, .nav2 span.blog { background-position:-527px -1159px; }
.chalkb2 { position:relative; background:url(images/chalkboard.jpg) no-repeat 0 0; width:696px; height:1004px; z-index:1; margin-top:22px; }
#images .chalkb2 { position:relative; background:url(images/chalkb3.png) no-repeat -3px 0; width:705px; height:173px; z-index:1; margin-top:22px; }
.goblet { position:absolute; right:-141px; bottom:-259px; }
.base, #images .base { position:absolute; left:0px; bottom:-99px; background:url(images/wood.jpg) no-repeat 0 0; width:1188px; height:180px; }
  #images .base { bottom:-318px; }
.community, .in .community { margin:6px 110px; text-align:left; width:300px; position:relative; z-index:1; }
  .in .community { margin:6px 24px; }
  a.comm-fb, a.comm-tw, a.comm-ml { display:block; font-weight:bold; padding:2px 2px 4px 36px; }
#main_content, #images #main_content, #beer #main_content { left:28px; position:absolute; text-align:left; top:162px; width:91%; z-index:5; min-height:450px; max-height:800px; overflow:auto; padding:5px; }
  #images #main_content { left:18px; width:660px; margin-top:60px; overflow:visible; max-height:762px; }
  #beer #main_content { max-height:762px; }
  #main_content iframe { background:transparent; }
#about .title { font-size:17px; font-weight:bold; margin-bottom:6px; }
#about .left { float:left; }
#about .right { float:right; }
#shop .shop-item-box { position:relative; float:left; margin:0 6px 40px; text-align:left; width:31%; font-size:12px; height:310px; }
#shop .shop-order-box { position:absolute; bottom:0px; }
#shop .tshirt-m { width:139px; height:144px; padding:2px; background:url(images/tshirt-mens.jpg) no-repeat 0 0; }
#shop .tshirt-wm { width:170px; height:144px; padding:2px; background:url(images/tshirt-wm.jpg) no-repeat 0 0; }
#shop .tshirt { width:165px; height:142px; padding:2px; background:url(images/tshirt.jpg) no-repeat 0 0; }
#shop .hoodie { width:169px; height:141px; padding:2px; background:url(images/hoodie.jpg) no-repeat 0 0; }
#shop .ziphoodie { width:169px; height:141px; padding:2px; background:url(images/zip_hoodie_sm.jpg) no-repeat 0 0; }
#shop .kerstbier_tee { width:175px; height:144px; padding:2px; background:url(images/sm_kerstbier_tee.jpg) no-repeat 0 0; }
#shop .gcard { width:99px; height:151px; padding:2px; background:url(images/gcards.jpg) no-repeat 0 0; }
#shop .bttle_opener { width:110px; height:151px; padding:2px; background:url(images/bttle_opener.jpg) no-repeat 0 0; }
.about-image01, .about-image02, .about-image03 { position:absolute; }
.about-image01 { background-position:0 -1232px; width:355px; height:273px; right:0; top:-4px; }
.about-image02 { background-position:0 -1514px; width:332px; height:229px; left:0; top:31px; }
.about-image03 { background-position:-344px -1514px; width:257px; height:245px; right:0; top:-84px; }
.about-txt-box01, .about-txt-box02, .about-txt-box03 { position:relative; height:266px; text-align:left; font-size:13px; }
.about-txt-box01 .txt { float:left; width:35%; }
.about-txt-box02 .txt { float:right; width:40%; }
.about-txt-box03 .txt { float:left; width:55%; }
.photo-thumb, .photo-thumb-a { width:62px; height:62px; float:left; margin:6px; border:1px solid #333; background:#000; cursor:pointer; }
  .photo-thumb-a { border:1px solid #FFFFCC; }
.big-photo, .show-t01, .show-t02, .show-t03, .show-t04, .show-t05, .show-t06, .show-t07, .show-t08, .show-t09, .show-t10,
.show-t11, .show-t12, .show-t13, .show-t14, .show-t15, .show-t16, .show-t17, .show-t18 { position:relative; width:594px; height:463px; margin:6px 30px 60px; border:1px solid #333; background:#000; }
.frame { position:absolute; background:url(images/frame.png) no-repeat; width:696px; height:565px; padding:2px; left:-55px; top: -49px; }
.th01, .th02, .th03, .th04, .th05, .th06, .th07, .th08, .th09, .th10, .th11, .th12, .th13, .th14, .th15, .th16 { background:url(images/thumbs.png) no-repeat; width:62px; height:62px; }
.th01 { background-position: 0 0; }
.th02 { background-position: -62px 0; } 
.th03 { background-position: -124px 0; } 
.th04 { background-position: 0 -62px; } 
.th05 { background-position: -62px -62px; } 
.th06 { background-position: -124px -62px; } 
.th07 { background-position: 0 -124px; } 
.th08 { background-position: -62px -124px; } 
.th09 { background-position: -124px -124px; } 
.th10 { background-position: 0 -186px; } 
.th11 { background-position: -62px -186px; } 
.th12 { background-position: -124px -186px; } 
.th13 { background-position: 0 -248px; } 
.th14 { background-position: -62px -248px; } 
.th15 { background-position: -124px -248px; } 
.th16 { background-position: 0px -309px; }
.show-t01, .big-photo { background:url(photos/300_dpi_print-7925.jpg) no-repeat;}
.show-t02 { background:url(photos/300_dpi_print-7941.jpg) no-repeat;}
.show-t03 { background:url(photos/300_dpi_print-7992.jpg) no-repeat;}
.show-t04 { background:url(photos/300_dpi_print-8208.jpg) no-repeat;}
.show-t05 { background:url(photos/300_dpi_print-8230.jpg) no-repeat;}
.show-t06 { background:url(photos/300_dpi_print-8374.jpg) no-repeat;}
.show-t07 { background:url(photos/300_dpi_print-8454.jpg) no-repeat;}
.show-t08 { background:url(photos/72_dpi_web-8319.jpg) no-repeat;}
.show-t09 { background:url(photos/300_dpi_print-7865.jpg) no-repeat;}
.show-t10 { background:url(photos/300_dpi_print-7935.jpg) no-repeat;}
.show-t11 { background:url(photos/300_dpi_print-7953.jpg) no-repeat;}
.show-t12 { background:url(photos/300_dpi_print-8083.jpg) no-repeat;}
.show-t13 { background:url(photos/300_dpi_print-8219.jpg) no-repeat;}
.show-t14 { background:url(photos/300_dpi_print-8340.jpg) no-repeat;}
.show-t15 { background:url(photos/300_dpi_print-8376.jpg) no-repeat;}
.show-t16 { background:url(photos/300_dpi_print-8543.jpg) no-repeat -55px 0;}
.show-t17 { background:url(photos/) no-repeat;}
.show-t18 { background:url(photos/) no-repeat;}
.fwb { font-weight:bold; }
.fwn { font-weight:normal; }
.tal { text-align:left; }
.tar { text-align:right; }
.tac { text-align:center; }
.p5 { padding:5px; }
.m5 { margin:5px; }
.mb6 { margin-bottom:6px; }
.mb8 { margin-bottom:8px; }
.mt8 { margin-top:8px; }
.mt20 { margin-top:20px; }
.mb10 { margin-bottom:10px; }
.mb12 { margin-bottom:12px; }
.m0a { margin:0 auto; }
.w50 { width:50% !important; }
.w25 { width:25% !important; }
.w33 { width:33% !important; }
.clear { clear:both; }
.footer, #images .footer { color:#656445; font-size:12px; bottom:-127px; left:36%; position:absolute; z-index:1; }
  #images .footer { bottom:-343px; padding:5px; }