body {
  margin: 0px;
  padding: 0px;
  background: transparent url(../images/sanddunes.jpg) scroll 0;
  background-size:cover;
  background-repeat:y-repeat;

  font-family: arial,sans-serif;
}

@font-face {
    font-family: 'jdRegular';
    src: url('../font/j.d-webfont.eot');
    src: url('../font/j.d-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/j.d-webfont.woff') format('woff'),
         url('../font/j.d-webfont.ttf') format('truetype'),
         url('../font/j.d-webfont.svg#jdRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'EraserRegular';
    src: url('../font/EraserRegular-webfont.eot');
    src: url('../font/EraserRegular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/EraserRegular-webfont.woff') format('woff'),
         url('../font/EraserRegular-webfont.ttf') format('truetype'),
         url('../font/EraserRegular-webfont.svg#EraserRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.menubar {
  background: transparent url(../images/menu/bar.png) repeat scroll 0;
  width: 970px;
  height: 185px;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  position: absolute;
  top: 0px;
  left: 0px;
}
.logo a:link, .logo a:visited {
  background: transparent url(../images/menu/logo.png) repeat scroll 0;
  width: 272px;
  height: 185px;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  position: absolute;
  top: 0px;
  left: 348px;
}
/* .comeknock {
  background: transparent url(../images/menu/comeknocktext.png) repeat scroll 0;
  width: 329px;
  height: 25px;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  position: absolute;
  top: 25px;
  left: 625px;
} */
.aboutbutton a:link, .aboutbutton a:visited {
  background: transparent url(../images/menu/button-about.png) repeat scroll 0;
  width: 108px;
  height: 40px;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  position: absolute;
  top: 75px;
  left: 825px;
}
.aboutbutton a:hover {
  background-position: -108px 0;
}
.locationbutton a:link, .locationbutton a:visited {
  background: transparent url(../images/menu/button-location.png) repeat scroll 0;
  width: 108px;
  height: 40px;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  position: absolute;
  top: 75px;
  left: 675px;
}
.locationbutton a:hover {
  background-position: -108px 0;
}
.beerbutton a:link, .beerbutton a:visited {
  background: transparent url(../images/menu/button-beer.png) repeat scroll 0;
  width: 108px;
  height: 40px;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  position: absolute;
  top: 75px;
  left: 25px;
}
.beerbutton a:hover {
  background-position: -108px 0;
}
.menubutton a:link, .menubutton a:visited {
  background: transparent url(../images/menu/button-menu.png) repeat scroll 0;
  width: 108px;
  height: 40px;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  position: absolute;
  top: 75px;
  left: 175px;
}
.menubutton a:hover {
  background-position: -108px 0;
}
.taphunter a:link, .taphunter a:visited {
  background: transparent url(../images/taphunterlogo.png) repeat scroll 0;
  width: 50px;
  height: 50px;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  position: absolute;
  top: 10px;
  left: 100px;
}
.taphunter a:hover {
  background-position: -50px 0;
}
.facebook a:link, .facebook a:visited {
  background: transparent url(../images/facebooklogo.png) repeat scroll 0;
  width: 50px;
  height: 50px;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  position: absolute;
  top: 10px;
  left: 25px;
}
.facebook a:hover {
  background-position: -50px 0;
}

.twitter a:link, .twitter a:visited {
  background: transparent url(../images/twitterlogobutton.png) repeat scroll 0;
  width: 50px;
  height: 50px;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  position: absolute;
  top: 10px;
  left: 100px;
}
.twitter a:hover {
  background-position: -50px 0;
}

.yelp a:link, .yelp a:visited {
  background: transparent url(../images/yelp2.png) repeat scroll 0;
  width: 50px;
  height: 50px;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  position: absolute;
  top: 10px;
  left: 175px;
}
.yelp a:hover {
  background-position: -51px 0;
}

img.menupic {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.menupage {
  padding: 20px;
  width: 80%;
  display: block;
  overflow: hidden;
  position: absolute;
  background-color: #f5f5dc;
  top: 150px;
  left: 75px;
}
.menuCategory {
  margin-bottom: 45px;
}
.menuCategoryTitle {
  margin: 20px 20px 0px;
  font-family: jdRegular;
  font-size: 2em;
  color: #ff0000;
}
.menuItem {
  margin-bottom: 20px;
}
.menuName {
  font-weight: bold;
}
.menuDescription {
  margin-left: 30px;
}
.BeerTable {
}
.BeerTable table {
  border:  none;
}
.BeerTable td {
  font-family: EraserRegular;
  text-align: center;
  font-weight: bold;
  background-repeat:no-repeat;
  background-position:center; 
}
.BeerCell {
  display: table-cell;
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding: 1px;
  width: 177px;
}
.Brewery {
  color: #cc3d3d;
  font-size: 1.1em;
  margin-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.BeerName {
  font-family: EraserRegular;
  color: #e7ae23;
  font-size: 1.1em;
  margin-bottom: 5px;
  font-weight: bold;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.BeerType {
  color: #f5f5dc;
  font-size: 0.8em;
  margin-bottom: 5px;
}
.BeerValues {
  margin-bottom: 5px;
}
.BeerABV {
  color: #a1b2ba;
  font-size: 0.9em;
  margin-bottom: 3px;
  margin-left: auto;
  margin-right: auto;
  font-weight: bold;
}
.BeerIBU {
  color: #e7ae23;
  font-size: 0.8em;
  margin-left: 15px;
}

#rbfacebookbox {
  width: 350px;
  height: 427px;
  display: block;
  text-indent: -9999px;
  position: absolute;
  top: 150px;
  left: 610px;
  overflow: visible;
  background-color: #ffffff;
}
#rbgallery {
  width: 518px;
  height: 460px;
  display: block;
  text-indent: -9999px;
  position: absolute;
  top: 200px;
  left: 460px;
  overflow: visible;
}
#kenburns {
  left:460px;
  top:200px;
}

.welcomebackground{
  padding: 5px;
  width: 540px;
  height: 415px;
  display: block;
  position: absolute;
  background-color: #f5f5dc;
  opacity: 0.6;
  filter: alpha(opacity=60);
  top: 150px;
  left: 10px;
}
.welcomePage{
  padding: 5px;
  width: 540px;
  height: 340px;
  display: block;
  overflow: visible;
  position: absolute;
  top: 150px;
  left: 10px;
}
.EventsRegular{
  padding: 5px;
  display: block;
  overflow: visible;
  position: absolute;
  top: 550px;
}

.welcomeCategory{
	margin: 20px 20px 0px;
}

.welcomeCategoryTitle{
	margin: 20px 20px 0px;
	font-family: jdRegular;
	font-size: 2em;
	color: #cc3d3d;
}

.EventTable {
}
.EventTable table {
  border:  none;
}
.EventTable td {
  font-family: EraserRegular;
  text-align: center;
  font-weight: bold;
  width: 164px;
  height: 142px;
  background-repeat:no-repeat;
  background-position:center; 
}
.EventCell {
  display: table-cell;
  vertical-align: middle;
  padding: 1px;
  text-align: center;
}
.EventText {
  
}
.EventName{
  color: #00adef;
  font-size: 1.2em;
  margin-bottom: 3px;
}
.EventDate {
  font-family: EraserRegular;
  color: #ffa500;
  font-size: 1.2em;
  margin-bottom: 3px;
  font-weight: bold;
}
.EventInfo1 {
  color: #ffff19;
  font-size: 1em;
  margin-bottom: 3px;
}

.EventInfo2 {
  color: #00ff00;
  font-size: 0.8em;
  margin-right: 3px;
}

.aboutbackground{
  padding: 5px;
  width: 400px;
  height: 410px;
  display: block;
  position: absolute;
  background-color: #f5f5dc;
  opacity: 0.6;
  filter: alpha(opacity=60);
  top: 150px;
  left: 10px;
}
.aboutPage{
  padding: 5px;
  width: 400px;
  height: 300px;
  display: block;
  overflow: visible;
  position: absolute;
  top: 150px;
  left: 10px;
}

.newsbackground{
  padding: 5px;
  width: 940px;
  height: 200px;
  display: block;
  position: absolute;
  background-color: #f5f5dc;
  opacity: 0.6;
  filter: alpha(opacity=60);
  top: 600px;
  left: 10px;
}
.newsPage{
  display: table-cell;
  vertical-align: text-top;
  padding: 5px;
  width: 940px;
  height: 200px;
  display: block;
  overflow: visible;
  position: absolute;
  top: 600px;
  left: 10px;
}
.aboutlinks a:link, .aboutlinks a:visited {
  text-align: left; 
  margin-bottom: 1em; 
  font-family: EraserRegular; 
  color: #000000; 
  font-size: 1.1em; 
  font-weight: bold;
}
.aboutlinks a:hover{
  color: #aaaaaa;
  }
  
.footer{
  display: block;
  color: #f5f5dc;
  overflow: visible;
  position: relative;
  font-size: 1.1em;
  font-weight: bold;
}

img.beerpic{
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  }