/* Global Constants ============================================================ */
/* Main and Sub Navigation */
/* General Text Colour */
* {
  margin: 0;
  padding: 0;
  border: none;
  outline: none; }

/* body ======================================================================== */
body {
  margin: 0;
  padding: 0;
  font-size: 75%;
  font-family: "Arial", "Helvetica", sans-serif;
  background: #170b0e;
  color: #64190f; }

/* main navigation ============================================================= */
#flashMenuReplace_wrap {
  width: 930px;
  margin: 0 auto 15px auto;
  padding-top: 37px;
  height: 60px; }

#main-nav {
  width: 930px;
  /* Changed margin top to 0px to fix a rather large gap in IE8. Yuri */
  margin: 0px auto 0px auto;
  height: 27px;
  background: url(/images/layout/header-dots.png) left bottom repeat-x; }
  #main-nav li {
    display: inline;
    font-size: 1.2em;
    text-transform: uppercase;
    margin-right: 26px; }
    #main-nav li a {
      color: #643736;
      text-decoration: none; }

/* secondary navigation ======================================================== */
/* Added this div to hide a block that was appearing in all IE. Yuri */
#sub-nav {
  display: none; }

.sub-nav {
  width: 930px;
  margin: 6px auto 15px auto;
  /* Set sub-nav to be hidden when by default. Yuri */
  display: none; }
  .sub-nav li {
    display: inline;
    font-size: 1em;
    text-transform: uppercase;
    margin-right: 14px; }
    .sub-nav li a {
      color: #643736;
      text-decoration: none; }

/* this shows the sub-nav when a main-nav is current. Yuri */
#main-nav li.current .sub-nav {
  display: inline;
  position: static;
  float: left;
  margin: 17px auto 15px auto; }

/* loader ====================================================================== */
#loader-dial {
  background: url(/images/layout/loader.jpg);
  margin: 0 auto;
  height: 502px;
  width: 960px;
  position: relative;
  left: 0;
  top: 0; }

#loader-dial-arrow {
  position: absolute;
  top: 207px; }

/* container (shared properties) =============================================== */
#containerOverlay {
  width: 100%;
  height: 490px;
  position: absolute;
  top: 112px;
  left: 0px;
  background-color: #170b0e;
  z-index: 99999;
  display: none; }

#container {
  width: 1000px;
  height: 490px;
  overflow: hidden;
  margin: 0px auto 16px auto;
  position: relative; }
  #container ul.crossFade {
    list-style-type: none;
    position: relative;
    width: 100%;
    height: 100%; }
    #container ul.crossFade li {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0px;
      left: 0px;
      display: block; }
    #container ul.crossFade p {
      font-size: 1.3em;
      line-height: 1.38;
      width: 430px;
      position: absolute;
      left: 62px;
      top: 345px; }
  #container h1 {
    font-size: 2.5em;
    text-transform: uppercase;
    vertical-align: bottom;
    height: 45px;
    padding: 0;
    background: url(/images/layout/header-dots-small.png) left bottom repeat-x; }
  #container a {
    outline: none; }
  #container #content.paginated {
    overflow: hidden; }
  #container #content h2 {
    font-size: 1.5em;
    line-height: 1.16666em;
    margin-top: 0.875em;
    margin-bottom: 0.11666em; }
  #container #content h3 {
    font-size: 1.166667em;
    line-height: 1.5em;
    margin-top: 1.125em;
    margin-bottom: 0.375em; }
  #container #content p {
    font-size: 1.166667em;
    line-height: 1.5em;
    margin-bottom: 0.75em; }
  #container #content ul {
    margin-bottom: 0.75em; }
  #container #content li {
    font-size: 1.166667em;
    line-height: 1.5em;
    margin-left: 20px; }
  #container #content a {
    color: #64190f; }
  #container #content abbr {
    text-decoration: none;
    border-bottom: none; }

/* Hand Havigation (left and right hands) */
#hand-navigation {
  height: 35px; }
  #hand-navigation li {
    cursor: pointer;
    list-style-type: none;
    height: 35px;
    float: left;
    /* hide text */
    letter-spacing: -1000em;
    text-indent: -1000em; }
  #hand-navigation .indicator {
    width: 20px;
    height: 8px;
    position: relative;
    top: 12px;
    display: block;
    line-height: 0;
    font-size: 0; }
  #hand-navigation .indicator-1 {
    background: url(/images/layout/paginator-indicator-1.png) center top no-repeat; }
  #hand-navigation .indicator-2 {
    background: url(/images/layout/paginator-indicator-2.png) center top no-repeat; }
  #hand-navigation .indicator-3 {
    background: url(/images/layout/paginator-indicator-3.png) center top no-repeat; }
  #hand-navigation .active {
    background-position: center bottom; }
  #hand-navigation #left-hand,
  #hand-navigation #right-hand {
    width: 84px; }
    #hand-navigation #left-hand.inactive,
    #hand-navigation #right-hand.inactive {
      cursor: default;
      background-position: left -35px; }
  #hand-navigation #left-hand {
    background: url(/images/layout/hand-navigation-left.png) no-repeat; }
  #hand-navigation #right-hand {
    background: url(/images/layout/hand-navigation-right.png) no-repeat;
    float: right; }

/* footer ====================================================================== */
#footer {
  width: 930px;
  margin: 16px auto 12px auto;
  color: #F0D7A5;
  font-size: 0.8em;
  text-transform: uppercase;
  position: relative; }
  #footer .left {
    position: absolute;
    top: 0px;
    left: 0px; }
  #footer .right {
    position: absolute;
    top: 0px;
    right: 0px; }
  #footer #flashSound {
    padding-right: 8px;
    background: url(/images/layout/flash-sound-icon.gif) right center no-repeat; }
  #footer a {
    color: #F0D7A5;
    text-decoration: none;
    padding: 0 0 0 10px;
    margin: 0;
    outline: none;
    border: none;
    cursor: pointer; }

/* Splash ========================================================== */
#splash-paragraph {
  font-size: 1.3em;
  line-height: 1.38;
  width: 430px;
  position: absolute;
  left: 62px;
  top: 345px;
  z-index: 2; }
  #splash-paragraph.textReplaced {
    height: 130px; }

#splash-image {
  position: absolute;
  top: 0px;
  left: 0px;
  display: block; }

/* Age Check ========================================================== */
body#age-check #container {
  background: url(/images/age-check/age-check.jpg) top left no-repeat;
  margin-top: 100px;
  height: 500px; }
  body#age-check #container #form-holder {
    width: 275px;
    height: 120px;
    position: absolute;
    top: 210px;
    right: 163px;
    display: block;
    color: black; }
  body#age-check #container input {
    float: left;
    text-align: center; }
  body#age-check #container #day, body#age-check #container #month, body#age-check #container #year {
    margin-right: 3px;
    padding: 3px;
    background-color: #937963; }
  body#age-check #container #day, body#age-check #container #month {
    width: 27px; }
  body#age-check #container #year {
    width: 43px; }
  body#age-check #container #submit {
    padding: 3px;
    cursor: pointer;
    display: block;
    float: left; }
  body#age-check #container #no-id, body#age-check #container #please-enter {
    padding: 13px 0 5px;
    text-transform: uppercase; }
  body#age-check #container #no-id {
    display: none; }

/* The Wall (Standard)========================================================== */
body#the-wall,
body#the-wall-roots,
body#the-wall-garage,
body#the-wall-dream,
body#the-wall-news {
  /* Hand Havigation (left and right hands) */ }
  body#the-wall #container,
  body#the-wall-roots #container,
  body#the-wall-garage #container,
  body#the-wall-dream #container,
  body#the-wall-news #container {
    background: url(/images/the-wall/the-wall.jpg) center center no-repeat; }
  body#the-wall a#the-wall,
  body#the-wall-roots a#the-wall,
  body#the-wall-garage a#the-wall,
  body#the-wall-dream a#the-wall,
  body#the-wall-news a#the-wall {
    color: #c39b73; }
  body#the-wall h1,
  body#the-wall-roots h1,
  body#the-wall-garage h1,
  body#the-wall-dream h1,
  body#the-wall-news h1 {
    margin-left: 100px;
    margin-top: 20px;
    padding: 0;
    width: 435px;
    height: 45px; }
  body#the-wall #content,
  body#the-wall-roots #content,
  body#the-wall-garage #content,
  body#the-wall-dream #content,
  body#the-wall-news #content {
    margin-left: 100px;
    margin-top: 8px;
    width: 435px;
    height: 310px; }
  body#the-wall #radioRollover,
  body#the-wall-roots #radioRollover,
  body#the-wall-garage #radioRollover,
  body#the-wall-dream #radioRollover,
  body#the-wall-news #radioRollover {
    height: 200px;
    width: 270px;
    left: 620px;
    top: 180px;
    position: absolute; }
  body#the-wall #hand-navigation,
  body#the-wall-roots #hand-navigation,
  body#the-wall-garage #hand-navigation,
  body#the-wall-dream #hand-navigation,
  body#the-wall-news #hand-navigation {
    margin-left: 100px;
    margin-top: 22px;
    width: 435px; }

/* The Wall (Our Roots)========================================================= */
body#the-wall-roots a#the-wall-roots {
  color: #c39b73; }

/* The Wall (The Garage)======================================================== */
body#the-wall-garage a#the-wall-garage {
  color: #c39b73; }

/* The Wall (Our Dream)========================================================= */
body#the-wall-dream a#the-wall-dream {
  color: #c39b73; }

/* The Wall (News)============================================================== */
body#the-wall-news #container {
  background: url(/images/the-wall/the-wall-news.jpg) center center no-repeat; }
body#the-wall-news a#the-wall-news {
  color: #c39b73; }
body#the-wall-news #coffeeRollover {
  height: 490px;
  width: 465px;
  right: 0px;
  top: 0px;
  position: absolute; }

/* The Wall (Awards) =========================================================== */
body#the-wall-awards {
  /* Hand Havigation (left and right hands) */ }
  body#the-wall-awards #container {
    background: url(/images/the-wall/the-wall-awards.jpg) center center no-repeat; }
  body#the-wall-awards a#the-wall {
    color: #c39b73; }
  body#the-wall-awards a#the-wall-awards {
    color: #c39b73; }
  body#the-wall-awards h1 {
    margin-left: 570px;
    margin-top: 20px;
    padding: 0;
    width: 350px;
    height: 45px; }
  body#the-wall-awards #content {
    margin-left: 570px;
    margin-top: 13px;
    width: 350px;
    height: 310px; }
  body#the-wall-awards #awardsRollover1 {
    height: 190px;
    width: 165px;
    left: 0px;
    top: 140px;
    position: absolute; }
  body#the-wall-awards #awardsRollover2 {
    height: 270px;
    width: 165px;
    left: 150px;
    top: 100px;
    position: absolute; }
  body#the-wall-awards #awardsRollover3 {
    height: 250px;
    width: 200px;
    left: 280px;
    top: 230px;
    position: absolute; }
  body#the-wall-awards #awardsRollover4 {
    height: 150px;
    width: 135px;
    left: 60px;
    top: 330px;
    position: absolute; }
  body#the-wall-awards #hand-navigation {
    margin-left: 570px;
    margin-top: 22px;
    width: 350px; }

/* Our Beer (Shared Properties) ================================================ */
#our-beer-range a#our-beer,
#our-beer-map a#our-beer,
#our-beer-beez-neez a#our-beer,
#our-beer-fat-yak a#our-beer,
#our-beer-bohemian a#our-beer,
#our-beer-dogbolter a#our-beer,
#our-beer-big-helga a#our-beer,
#our-beer-redback a#our-beer,
#our-beer-alpha a#our-beer {
  color: #c39b73; }
#our-beer-range h1,
#our-beer-map h1,
#our-beer-beez-neez h1,
#our-beer-fat-yak h1,
#our-beer-bohemian h1,
#our-beer-dogbolter h1,
#our-beer-big-helga h1,
#our-beer-redback h1,
#our-beer-alpha h1 {
  background: none;
  margin-bottom: 0px; }

#sub-sub-nav {
  height: 25px;
  background: url(/images/layout/header-dots-small.png) left bottom repeat-x; }
  #sub-sub-nav li {
    display: inline;
    font-size: 1em;
    text-transform: uppercase;
    margin-right: 14px;
    font-weight: bold; }
  #sub-sub-nav a {
    color: #64190f;
    text-decoration: none; }
  #sub-sub-nav .current a, #sub-sub-nav a:hover {
    color: black !important; }

/* Our Beer (Seasonal) ========================================================= */
#our-beer-seasonal img#seasonal-bg {
  position: absolute;
  left: 0;
  top: 0; }
#our-beer-seasonal #container h1,
#our-beer-seasonal #sub-sub-nav,
#our-beer-seasonal #content,
#our-beer-seasonal #hand-navigation {
  width: 460px;
  position: absolute;
  left: 480px;
  z-index: 2; }
#our-beer-seasonal #container h1 {
  background: none;
  top: 40px; }
#our-beer-seasonal #sub-sub-nav {
  top: 85px; }
#our-beer-seasonal #content {
  top: 120px;
  height: 300px; }
#our-beer-seasonal #hand-navigation {
  top: 425px; }

/* Our Beer (Range) ============================================================ */
body#beer-range #container #beer_menu {
  background: url(/images/our-beer/our-beer-range.jpg) center center no-repeat;
  width: 100%;
  height: 100%; }

/* Our Beer (Beer Map) ========================================================= */
body#beer-map #container {
  background: url(/images/our-beer/our-beer-map.jpg) center center no-repeat; }
body#beer-map ul#map_menu {
  list-style-type: none; }
body#beer-map li {
  list-style-type: none;
  display: inline; }
  body#beer-map li a {
    text-decoration: none;
    outline: none; }
  body#beer-map li a#beez-neez {
    position: absolute;
    top: 80px;
    left: 490px;
    display: block;
    width: 80px;
    height: 85px;
    /* hide text */
    letter-spacing: -1000em;
    text-indent: -1000em; }
  body#beer-map li a#big-helga {
    position: absolute;
    top: 255px;
    left: 630px;
    display: block;
    width: 80px;
    height: 85px;
    /* hide text */
    letter-spacing: -1000em;
    text-indent: -1000em; }
  body#beer-map li a#redback {
    position: absolute;
    top: 110px;
    left: 385px;
    display: block;
    width: 80px;
    height: 85px;
    /* hide text */
    letter-spacing: -1000em;
    text-indent: -1000em; }
  body#beer-map li a#fat-yak {
    position: absolute;
    top: 95px;
    left: 240px;
    display: block;
    width: 75px;
    height: 85px;
    /* hide text */
    letter-spacing: -1000em;
    text-indent: -1000em; }
  body#beer-map li a#alpha {
    position: absolute;
    top: 340px;
    left: 310px;
    display: block;
    width: 80px;
    height: 85px;
    /* hide text */
    letter-spacing: -1000em;
    text-indent: -1000em; }
  body#beer-map li a#bohemian {
    position: absolute;
    top: 295px;
    left: 522px;
    display: block;
    width: 75px;
    height: 85px;
    /* hide text */
    letter-spacing: -1000em;
    text-indent: -1000em; }
  body#beer-map li a#dogbolter {
    position: absolute;
    top: 320px;
    left: 700px;
    display: block;
    width: 75px;
    height: 80px;
    /* hide text */
    letter-spacing: -1000em;
    text-indent: -1000em; }

/* Our Beer (Beez Neez) ======================================================== */
body#our-beer-beez-neez {
  /* Hand Havigation (left and right hands) */ }
  body#our-beer-beez-neez #container {
    background: url(/images/our-beer/our-beer-beez-neez.jpg) center center no-repeat; }
  body#our-beer-beez-neez h1 {
    margin-left: 100px;
    margin-top: 20px;
    padding: 0;
    width: 480px;
    height: 45px; }
  body#our-beer-beez-neez #sub-sub-nav {
    margin-left: 100px;
    width: 480px; }
  body#our-beer-beez-neez #content {
    margin-left: 100px;
    margin-top: 13px;
    width: 480px;
    height: 200px; }
  body#our-beer-beez-neez #hand-navigation {
    margin-left: 100px;
    margin-top: 22px;
    width: 480px; }

/* Our Beer (Fat Yak) ========================================================== */
body#our-beer-fat-yak {
  /* Hand Havigation (left and right hands) */ }
  body#our-beer-fat-yak #container {
    background: url(/images/our-beer/our-beer-fat-yak.jpg) center center no-repeat; }
  body#our-beer-fat-yak h1 {
    margin-left: 100px;
    margin-top: 20px;
    padding: 0;
    width: 480px;
    height: 45px; }
  body#our-beer-fat-yak #sub-sub-nav {
    margin-left: 100px;
    width: 480px; }
  body#our-beer-fat-yak #content {
    margin-left: 100px;
    margin-top: 13px;
    width: 480px;
    height: 225px; }
  body#our-beer-fat-yak #hand-navigation {
    margin-left: 100px;
    margin-top: 22px;
    width: 480px; }

/* Our Beer (Bohemian)========================================================== */
body#our-beer-bohemian {
  /* Hand Havigation (left and right hands) */ }
  body#our-beer-bohemian #container {
    background: url(/images/our-beer/our-beer-bohemian.jpg) center center no-repeat; }
  body#our-beer-bohemian h1 {
    margin-left: 100px;
    margin-top: 20px;
    padding: 0;
    width: 480px;
    height: 45px; }
  body#our-beer-bohemian #sub-sub-nav {
    margin-left: 100px;
    width: 480px; }
  body#our-beer-bohemian #content {
    margin-left: 100px;
    margin-top: 13px;
    width: 480px;
    height: 200px; }
  body#our-beer-bohemian #hand-navigation {
    margin-left: 100px;
    margin-top: 22px;
    width: 480px; }

/* Our Beer (Dogbolter) ======================================================== */
body#our-beer-dogbolter {
  /* Hand Havigation (left and right hands) */ }
  body#our-beer-dogbolter #container {
    background: url(/images/our-beer/our-beer-dogbolter.jpg) center center no-repeat; }
  body#our-beer-dogbolter h1 {
    margin-left: 400px;
    margin-top: 20px;
    padding: 0;
    width: 530px;
    height: 45px; }
  body#our-beer-dogbolter #sub-sub-nav {
    margin-left: 400px;
    width: 530px; }
  body#our-beer-dogbolter #content {
    margin-left: 400px;
    margin-top: 13px;
    width: 530px;
    height: 253px; }
  body#our-beer-dogbolter #hand-navigation {
    margin-left: 400px;
    margin-top: 22px;
    width: 530px; }

/* Our Beer (Alpha) ============================================================ */
body#our-beer-alpha {
  /* Hand Havigation (left and right hands) */ }
  body#our-beer-alpha #container {
    background: url(/images/our-beer/our-beer-alpha.jpg) center center no-repeat; }
  body#our-beer-alpha h1 {
    margin-left: 400px;
    margin-top: 20px;
    padding: 0;
    width: 530px;
    height: 45px; }
  body#our-beer-alpha #sub-sub-nav {
    margin-left: 400px;
    width: 530px; }
  body#our-beer-alpha #content {
    margin-left: 400px;
    margin-top: 13px;
    width: 530px;
    height: 253px; }
  body#our-beer-alpha #hand-navigation {
    margin-left: 400px;
    margin-top: 22px;
    width: 530px; }

/* Our Beer (Big Helga) ============================================================ */
body#our-beer-big-helga {
  /* Hand Havigation (left and right hands) */ }
  body#our-beer-big-helga #container {
    background: url(/images/our-beer/our-beer-big-helga.jpg) center center no-repeat; }
  body#our-beer-big-helga h1 {
    margin-left: 400px;
    margin-top: 20px;
    padding: 0;
    width: 530px;
    height: 45px; }
  body#our-beer-big-helga #sub-sub-nav {
    margin-left: 400px;
    width: 530px; }
  body#our-beer-big-helga #content {
    margin-left: 400px;
    margin-top: 13px;
    width: 530px;
    height: 253px; }
  body#our-beer-big-helga #hand-navigation {
    margin-left: 400px;
    margin-top: 22px;
    width: 530px; }

/* Our Beer (Redback) ============================================================ */
body#our-beer-redback {
  /* Hand Havigation (left and right hands) */ }
  body#our-beer-redback #container {
    background: url(/images/our-beer/our-beer-redback.jpg) center center no-repeat; }
  body#our-beer-redback h1 {
    margin-left: 100px;
    margin-top: 20px;
    padding: 0;
    width: 480px;
    height: 45px; }
  body#our-beer-redback #sub-sub-nav {
    margin-left: 100px;
    width: 480px; }
  body#our-beer-redback #content {
    margin-left: 100px;
    margin-top: 13px;
    width: 480px;
    height: 225px; }
  body#our-beer-redback #hand-navigation {
    margin-left: 100px;
    margin-top: 22px;
    width: 480px; }

/* Brewer's Bit (Shared Bits) ================================================== */
body#blog a#brewers-bit,
body#forum a#brewers-bit,
body#links a#brewers-bit,
body#gallery a#brewers-bit {
  color: #c39b73; }

/* Brewer's Bit (Blog) ========================================================= */
body#blog {
  /* Hand Havigation (left and right hands) */ }
  body#blog #container {
    background: url(/images/brewers-bit/brewers-bit-blog.jpg) center center no-repeat; }
  body#blog h1 {
    margin-left: 500px;
    margin-top: 20px;
    padding: 0;
    width: 340px;
    height: 45px; }
  body#blog #content {
    margin-left: 500px;
    margin-top: 13px;
    width: 340px;
    height: 310px; }
  body#blog #hand-navigation {
    margin-left: 500px;
    margin-top: 22px;
    width: 340px; }

/* Brewer's Bit (Forum) ======================================================== */
body#forum {
  /* Hand Havigation (left and right hands) */ }
  body#forum #container {
    background: url(/images/brewers-bit/brewers-bit-forum.jpg) center center no-repeat; }
  body#forum h1 {
    margin-left: 490px;
    margin-top: 20px;
    padding: 0;
    width: 340px;
    height: 45px; }
  body#forum #content {
    margin-left: 490px;
    margin-top: 13px;
    width: 340px;
    height: 310px; }
  body#forum #hand-navigation {
    margin-left: 490px;
    margin-top: 22px;
    width: 340px; }

/* Brewer's Bit (Cool Links) =================================================== */
body#links {
  /* Hand Havigation (left and right hands) */ }
  body#links #container {
    background: url(/images/brewers-bit/brewers-bit-links.jpg) center center no-repeat; }
  body#links h1 {
    margin-left: 485px;
    margin-top: 20px;
    padding: 0;
    width: 340px;
    height: 45px; }
  body#links #content {
    margin-left: 485px;
    margin-top: 13px;
    width: 340px;
    height: 310px; }
  body#links #hand-navigation {
    margin-left: 485px;
    margin-top: 22px;
    width: 340px; }

/* Brewer's Bit (Gallery) ====================================================== */
#gallery #container {
  position: relative;
  background: url(/images/brewers-bit/gallery-background.png) left top no-repeat; }

#gallery-overlay,
#gallery-images,
#gallery-images-overlay {
  width: 100%;
  height: 500px;
  display: block;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0; }

#gallery-overlay {
  background: left top no-repeat url(/images/brewers-bit/gallery-background.png);
  z-index: 10; }

#gallery-images-overlay {
  z-index: 11; }

#gallery-images li,
#gallery-images-overlay li {
  list-style-type: none;
  width: 130px;
  height: 145px;
  position: absolute;
  z-index: 1; }
  #gallery-images li a,
  #gallery-images-overlay li a {
    width: 100%;
    height: 100%;
    display: block;
    cursor: pointer; }
#gallery-images .position-0,
#gallery-images-overlay .position-0 {
  top: 47px;
  left: 210px;
  z-index: 2; }
#gallery-images .position-1,
#gallery-images-overlay .position-1 {
  top: 56px;
  left: 325px; }
#gallery-images .position-2,
#gallery-images-overlay .position-2 {
  top: 70px;
  left: 462px; }
#gallery-images .position-3,
#gallery-images-overlay .position-3 {
  top: 38px;
  left: 592px;
  z-index: 2; }
#gallery-images .position-4,
#gallery-images-overlay .position-4 {
  top: 185px;
  left: 32px; }
#gallery-images .position-5,
#gallery-images-overlay .position-5 {
  top: 205px;
  left: 179px;
  z-index: 2; }
#gallery-images .position-6,
#gallery-images-overlay .position-6 {
  top: 218px;
  left: 310px; }
#gallery-images .position-7,
#gallery-images-overlay .position-7 {
  top: 210px;
  left: 430px; }
#gallery-images .position-8,
#gallery-images-overlay .position-8 {
  top: 210px;
  left: 550px;
  z-index: 2; }
#gallery-images .position-9,
#gallery-images-overlay .position-9 {
  top: 185px;
  left: 690px; }
#gallery-images .position-10,
#gallery-images-overlay .position-10 {
  top: 355px;
  left: 35px; }
#gallery-images .position-11,
#gallery-images-overlay .position-11 {
  top: 355px;
  left: 158px;
  z-index: 2; }
#gallery-images .position-12,
#gallery-images-overlay .position-12 {
  top: 362px;
  left: 280px; }
#gallery-images .position-13,
#gallery-images-overlay .position-13 {
  top: 360px;
  left: 410px;
  z-index: 3; }
#gallery-images .position-14,
#gallery-images-overlay .position-14 {
  top: 350px;
  left: 535px;
  z-index: 2; }
#gallery-images .position-15,
#gallery-images-overlay .position-15 {
  top: 340px;
  left: 680px; }
#gallery-images .position-16,
#gallery-images-overlay .position-16 {
  top: 325px;
  left: 800px; }

/* Beer 'N Grub ================================================================ */
#beer-n-grub {
  /* DONE SO THE PRELOADER FINDS THIS IMAGE TO PRELOAD */
  /* Hand Havigation (left and right hands) */ }
  #beer-n-grub #container {
    background: url(/images/beer-n-grub/beer-n-grub.png) center center no-repeat; }
  #beer-n-grub #overlay {
    background: url(/images/beer-n-grub/beer-n-grub.png) center center no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2; }
  #beer-n-grub #polaroid {
    position: absolute;
    left: 250px;
    top: 35px;
    z-index: 1; }
  #beer-n-grub #container h1,
  #beer-n-grub #content,
  #beer-n-grub #hand-navigation {
    width: 350px;
    left: 580px;
    position: absolute;
    z-index: 3; }
  #beer-n-grub #container h1 {
    margin-top: 20px;
    padding: 0;
    height: 45px; }
  #beer-n-grub #content {
    top: 90px;
    height: 310px; }
  #beer-n-grub #hand-navigation {
    top: 425px; }

/* Beer 'N Grub (The Three C's)================================================= */
body#beer-n-grub-three-c {
  /* Hand Havigation (left and right hands) */ }
  body#beer-n-grub-three-c #container {
    background: url(/images/beer-n-grub/beer-n-grub-three-c.jpg) center center no-repeat; }
  body#beer-n-grub-three-c a#beer-n-grub {
    color: #c39b73; }
  body#beer-n-grub-three-c a#beer-n-grub-three-c {
    color: #c39b73; }
  body#beer-n-grub-three-c h1 {
    margin-left: 530px;
    margin-top: 20px;
    padding: 0;
    width: 410px;
    height: 45px;
    color: white;
    background: url(/images/layout/header-dots-small-white.png) left bottom repeat-x; }
  body#beer-n-grub-three-c #content {
    margin-left: 530px;
    margin-top: 13px;
    width: 410px;
    height: 230px;
    color: white; }
    body#beer-n-grub-three-c #content a {
      color: white; }
  body#beer-n-grub-three-c #cutoutRollover {
    height: 480px;
    left: 0;
    position: absolute;
    top: 0;
    width: 340px; }
  body#beer-n-grub-three-c #hand-navigation {
    margin-left: 530px;
    margin-top: 22px;
    width: 410px; }
    body#beer-n-grub-three-c #hand-navigation li#left-hand {
      background: url(/images/layout/hand-navigation-left-white.png) no-repeat; }
    body#beer-n-grub-three-c #hand-navigation li#right-hand {
      background: url(/images/layout/hand-navigation-right-white.png) no-repeat; }
    body#beer-n-grub-three-c #hand-navigation .indicator-1 {
      background: url(/images/layout/paginator-indicator-white-1.png) center top no-repeat; }
    body#beer-n-grub-three-c #hand-navigation .indicator-2 {
      background: url(/images/layout/paginator-indicator-white-2.png) center top no-repeat; }
    body#beer-n-grub-three-c #hand-navigation .indicator-3 {
      background: url(/images/layout/paginator-indicator-white-3.png) center top no-repeat; }
    body#beer-n-grub-three-c #hand-navigation .active {
      background-position: center bottom; }
    body#beer-n-grub-three-c #hand-navigation #left-hand,
    body#beer-n-grub-three-c #hand-navigation #right-hand {
      width: 84px; }
      body#beer-n-grub-three-c #hand-navigation #left-hand.inactive,
      body#beer-n-grub-three-c #hand-navigation #right-hand.inactive {
        cursor: default;
        background-position: left -35px; }

/* Garage Wear ================================================================= */
/* Note: Garage Wear initially defined by Cato as 435px but this is too wide for the layout. */
/* Shaved 20px off, this appears to look OK now. */
body#garage-wear {
  /* Hand Havigation (left and right hands) */ }
  body#garage-wear #container {
    background: url(/images/garage-wear/garage-wear.jpg) center center no-repeat; }
  body#garage-wear a#garage-wear {
    color: #c39b73; }
  body#garage-wear h1 {
    margin-left: 100px;
    margin-top: 20px;
    padding: 0;
    width: 415px;
    height: 45px; }
  body#garage-wear #content {
    margin-left: 100px;
    margin-top: 13px;
    width: 415px;
    height: 310px; }
  body#garage-wear #lockerDoor {
    height: 449px;
    width: 260px;
    position: absolute;
    left: 624px;
    top: 42px;
    background: url(/images/garage-wear/locker-door.gif) top right no-repeat;
    z-index: 9; }
    body#garage-wear #lockerDoor.hover {
      background-position: left top; }
  body#garage-wear #hand-navigation {
    margin-left: 100px;
    margin-top: 22px;
    width: 415px; }

/* Beer Stations =============================================================== */
body#beer-stations,
body#stockist-search {
  /* Hand Havigation (left and right hands) */ }
  body#beer-stations #container,
  body#stockist-search #container {
    background: url(/images/beer-stations/beer-stations.jpg) center center no-repeat; }
  body#beer-stations a#beer-stations,
  body#stockist-search a#beer-stations {
    color: #c39b73; }
  body#beer-stations h1,
  body#stockist-search h1 {
    margin-left: 100px;
    margin-top: 40px;
    padding: 0;
    width: 425px;
    height: 45px; }
  body#beer-stations #content,
  body#stockist-search #content {
    margin-left: 100px;
    margin-top: 13px;
    width: 425px;
    height: 300px; }
  body#beer-stations #hand-navigation,
  body#stockist-search #hand-navigation {
    margin-left: 100px;
    margin-top: 22px;
    width: 425px; }

/* Beer Stations (Where to Get It)============================================== */
body#stockist-search #content {
  height: 400px; }
body#stockist-search form {
  display: block;
  position: relative;
  margin-top: 5px; }
body#stockist-search fieldset {
  clear: both;
  position: relative;
  display: block;
  margin-bottom: 7px; }
body#stockist-search label {
  display: block;
  float: left;
  font-weight: bold;
  width: 5em;
  padding: 5px 5px 0 0; }
body#stockist-search input {
  padding: 5px;
  border: none;
  background: url(/images/contact/form-bg.png) top left no-repeat;
  display: block;
  float: left;
  width: 185px;
  border: none;
  outline: none; }
body#stockist-search select {
  float: left;
  width: 195px;
  margin-top: 5px;
  border: none;
  outline: none; }
body#stockist-search button.submit {
  display: block;
  position: absolute;
  top: -15px;
  right: 10px;
  cursor: pointer;
  overflow: hidden;
  outline: none;
  text-indent: -9999px;
  width: 148px;
  height: 73px;
  background: url(/images/beer-stations/submit-button.gif) top left no-repeat; }
  body#stockist-search button.submit:hover {
    background-position: bottom left; }
body .search-results-wrap {
  margin-top: 1em;
  height: 210px;
  width: 100%;
  overflow: hidden;
  overflow-y: scroll; }
  body .search-results-wrap #search-results {
    background: url(/images/contact/form-bg.png) top left repeat;
    text-align: left;
    width: 100%; }
    body .search-results-wrap #search-results th, body .search-results-wrap #search-results td {
      padding: 0.5em; }
    body .search-results-wrap #search-results th {
      border-bottom: 1px solid #eeeeee; }
    body .search-results-wrap #search-results .beers li {
      list-style-type: none;
      margin: 0;
      float: left;
      font-size: 1em; }

/* Beer Stations (Venue Links)================================================== */
body#beer-stations-venues a#beer-stations-venues {
  color: #c39b73; }

/* Contact ===================================================================== */
body#contact {
  /* Hand Havigation (left and right hands) */ }
  body#contact #container {
    background: url(/images/contact/contact.jpg) center center no-repeat; }
  body#contact a#contact {
    color: #c39b73; }
  body#contact h1 {
    margin-left: 100px;
    margin-top: 20px;
    padding: 0;
    width: 535px;
    height: 45px; }
  body#contact #content {
    margin-left: 100px;
    margin-top: 13px;
    width: 535px;
    height: 330px; }
    body#contact #content form {
      position: relative; }
      body#contact #content form fieldset {
        padding: 5px 0 5px 0; }
      body#contact #content form label {
        display: block;
        float: left;
        font-size: 1.166667em; }
      body#contact #content form input, body#contact #content form textarea {
        border: none;
        background: url(/images/contact/form-bg.png) top left no-repeat;
        display: block;
        float: left;
        width: 200px; }
      body#contact #content form textarea {
        height: 120px; }
      body#contact #content form button {
        display: block;
        float: none;
        clear: both;
        margin: 10px 0 0 65px;
        cursor: pointer;
        overflow: hidden;
        outline: none;
        text-indent: -9999px; }
        body#contact #content form button.submit {
          width: 116px;
          height: 36px;
          background: url(/images/contact/submit-button.gif) top left no-repeat; }
          body#contact #content form button.submit:hover {
            background-position: bottom left; }
        body#contact #content form button.subscribe {
          width: 116px;
          height: 36px;
          background: url(/images/contact/subscribe-button.gif) top left no-repeat; }
          body#contact #content form button.subscribe:hover {
            background-position: bottom left; }
      body#contact #content form th {
        padding-right: 10px; }
  body#contact #phoneRollover {
    height: 300px;
    width: 320px;
    position: absolute;
    right: 20px;
    top: 0px; }
  body#contact #hand-navigation {
    margin-left: 100px;
    margin-top: 22px;
    width: 535px; }

/* Privacy Policy etc.========================================================= */
#legal-info {
  color: #ECCF96;
  margin: 2em auto 1em auto;
  width: 550px; }
  #legal-info h1 {
    background: left bottom repeat-x url(/images/legal/dashes.gif);
    text-transform: uppercase;
    font-size: 2.2em;
    padding-bottom: 0.3em;
    margin-bottom: 0.8em; }
  #legal-info p {
    font-weight: bold;
    line-height: 1.45;
    margin-bottom: 1em; }
  #legal-info a {
    color: #ECCF96 !important; }