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

a,
a:active,
a:visited {
  text-decoration: none;
}

nav {
  height: 46px;
  left: 0;
  position: absolute;
  right: 0;
  bottom: 10px;
  z-index: 2147483647;
  zoom: 1;
  margin: auto;
  width: 336px;
}
nav ul {padding: 0; margin: 0; font-size: 0}
nav li {display: inline-block; list-style: none}
nav a {
  display: block;
  height: 46px;
  width: 48px;
  padding: 0;
  background: #000000 no-repeat;
  background-position: 8px 7px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
nav #zoomin {
  background-image: url(images/icons/zoom_in.png);
}
nav #zoomout {
  background-image: url(images/icons/zoom_out.png);
}
nav #first {
  background-image: url(images/icons/arrow_double_left.png);
}
nav #last {
  background-image: url(images/icons/arrow_double_right.png);
}
nav #next {
  background-image: url(images/icons/arrow_right.png);
}
nav #back {
  background-image: url(images/icons/arrow_left.png);
}
nav #slideshow {
  background-image: url(images/icons/slideshow_play.png);
}
nav #slideshow.wowbook-disabled {
  background-image: url(images/icons/slideshow_pause.png);
}
nav #flipsound {
  background-image: url(images/icons/sound_on.png);
}
nav #flipsound.wowbook-disabled {
  background-image: url(images/icons/sound_off.png);
}
nav #thumbs {
  background-image: url(images/icons/thumbs.png);
}
nav #fullscreen {
  background-image: url(images/icons/fullscreen_on.png);
}
nav #fullscreen.wowbook-disabled {
  background-image: url(images/icons/fullscreen_off.png);
}
nav a:hover {
  background-color: #2C2C2C;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #f0f0f0));
  background-image: -webkit-linear-gradient(top, #555555, #222222);
  background-image: -moz-linear-gradient(top, #555555, #222222);
  background-image: -ms-linear-gradient(top, #555555, #222222);
  background-image: -o-linear-gradient(top, #555555, #222222);
  background-image: linear-gradient(top, #555555, #222222);
}
nav a:active,
nav a:hover,
nav a {
  outline: none;
}