
body { background-image: url(images/red-tile.gif); text-align: center }
#wrapper { text-align: left; margin-right: auto; margin-left: auto; position: relative; width: 802px; height: 10px }
#wrap   {  position: absolute; top: 42px; margin: auto; width: 802px }
#maincontent { position: relative; width: 780px; }
#header { width: 780px; height: 5px }
#main   { background-color: #F6F4F2; background-repeat: no-repeat; padding-top: 10px; padding-bottom: 19px; padding-left: 10px; padding-right: 40px; width: 506px; float: right}
#main-home   { padding-top: 0px; padding-left: 0; width: 556px; float: right}
#main-home2   {  background-repeat: no-repeat; padding-top: 10px; padding-bottom: 19px; padding-left: 10px; padding-right: 40px; width: 506px; float: right}

#background   { background-image: url(images/background1b.gif); background-repeat: no-repeat; text-indent: -1500px; position: absolute; top: 100px; left: 100px; width: 802px; height: 602px }

#fadeshow1 {  background: url(animation/slide-no3.gif) !important; width: 296px; height: 238px; position:absolute;top:189px;left:504px;}

#back{height: 410px;width: 454px;position:absolute;left:252px;top:111px;text-indent:-1500px;}

#mainlinks{  position: absolute; top: 54px; left: 19px; width: 120px; height: 410px }

#scroll {  width: 380px; height:111px; position: absolute; top: 493px; left: 400px;}
#more-irregulars-title{ color: #A99587; font-weight: 100; font-size: 16px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; text-align: right; position: absolute; top: 90px; left: 94px; width: 160px; height: 20px;text-decoration: none;  }
#arrows{ position: absolute; top: 0px; left: 74px; width: 260px; height: 20px;  }


a.back-arrow { background: url(images/back-arrow.gif); display: block; position: absolute; left: 20px; width: 21px; height: 21px; text-indent:-1500px; overflow:hidden; float: left;}
a.back-arrow span { display: none }
a.back-arrow:hover { background: url(images/back-arrow.gif) 0 -21px }

a.forward-arrow { background: url(images/forward-arrow.gif); display: block; position: absolute; left: 180px; width: 21px; height: 21px; text-indent:-1500px; overflow:hidden; float: left;}
a.forward-arrow span { display: none }
a.forward-arrow:hover { background: url(images/forward-arrow.gif) 0 -21px }

a.dark-80-link { background: url(images/dark-80-link.gif); display: block; width: 184px; height: 85px; text-indent:-1500px; overflow:hidden; float: left;}
a.dark-80-link span { display: none }
a.dark-80-link:hover { background: url(images/dark-80-link.gif) 0 -85px }

a.common-kent-link { background: url(images/common-kent-link.gif); display: block; width: 184px; height: 85px; text-indent:-1500px; overflow:hidden; float: left;}
a.common-kent-link span { display: none }
a.common-kent-link:hover { background: url(images/common-kent-link.gif) 0 -85px }

a.dr-dragon-link { background: url(images/dr-dragon-link.gif); display: block; width: 184px; height: 85px; text-indent:-1500px; overflow:hidden; float: left;}
a.dr-dragon-link span { display: none }
a.dr-dragon-link:hover { background: url(images/dr-dragon-link.gif) 0 -85px }

a.modern-uber-link { background: url(images/modern-uber-link.gif); display: block; width: 184px; height: 85px; text-indent:-1500px; overflow:hidden; float: left;}
a.modern-uber-link span { display: none }
a.modern-uber-link:hover { background: url(images/modern-uber-link.gif) 0 -85px }

a.she-summer-link { background: url(images/she-summer-link.gif); display: block; width: 184px; height: 85px; text-indent:-1500px; overflow:hidden; float: left;}
a.she-summer-link span { display: none }
a.she-summer-link:hover { background: url(images/she-summer-link.gif) 0 -85px }

a.green-rye-link { background: url(images/green-rye-link.gif); display: block; width: 184px; height: 85px; text-indent:-1500px; overflow:hidden; float: left;}
a.green-rye-link span { display: none }
a.green-rye-link:hover { background: url(images/green-rye-link.gif) 0 -85px }

a.oatmeal-cracker-link { background: url(images/oatmeal-cracker-link.gif); display: block; width: 184px; height: 85px; text-indent:-1500px; overflow:hidden; float: left;}
a.oatmeal-cracker-link span { display: none }
a.oatmeal-cracker-link:hover { background: url(images/oatmeal-cracker-link.gif) 0 -85px }

a.voyageur-bock-link { background: url(images/voyageur-bock-link.gif); display: block; width: 184px; height: 85px; text-indent:-1500px; overflow:hidden; float: left;}
a.voyageur-bock-link span { display: none }
a.voyageur-bock-link:hover { background: url(images/voyageur-bock-link.gif) 0 -85px }

a.dopplehop-festivale-link { background: url(images/dopplehop-festivale-link.gif); display: block; width: 184px; height: 85px; text-indent:-1500px; overflow:hidden; float: left;}
a.dopplehop-festivale-link span { display: none }
a.dopplehop-festivale-link:hover { background: url(images/dopplehop-festivale-link.gif) 0 -85px }



h1.home {display: inline; font-size: 13px; font-weight:lighter; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; line-height: 16px; letter-spacing: 0.03em; color: white; position: absolute; top: 434px; left: 564px; }
h1.no5 {display: inline; font-size: 11px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; line-height: 16px;color: #8C786F;position: absolute; top: 415px; left: 584px; width: 190px}
h1.no7 {display: inline;font-size: 11px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; line-height: 17px;color: #8C786F;position: absolute; top: 415px; left: 584px; width: 195px}
h1.irreg-dra-right  { color: #A99587; font-size: 12px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; line-height: 13px; text-align: right; display: inline; position: absolute; top: 259px; left: 522px; width: 118px }
h1.irreg-dra-right-title  { color: #DACEBC; font-weight: 100; font-size: 14px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; line-height: 15px; text-align: right; display: inline; position: absolute; top: 213px; left: 477px; width: 163px }
h1.irreg-dra-left  { color: #A99587; font-size: 12px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; line-height: 13px; text-align: right; display: inline; position: absolute; top: 259px; left: 190px; width: 192px }
h1.irreg-dra-left-title  { color: #DACEBC; font-weight: 100; font-size: 14px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; line-height: 14px; text-align: right; display: inline; position: absolute; top: 213px; left: 190px; width: 193px }
h1.reg-bottle-right  { color: #A99587; font-size: 12px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; line-height: 14px; text-align: justify; display: inline; position: absolute; top: 259px; left: 417px; width: 143px }
h1.reg-bottle-right-title  { color: #DACEBC; font-weight: 100; font-size: 14px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; line-height: 15px; text-align: right; display: inline; position: absolute; top: 213px; left: 397px; width: 163px }


h1.our-brewery  { color: #8C786F; font-size: 11px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif;  line-height: 17px; letter-spacing: 0.01em; text-align: left; display: inline; position: absolute; top: 116px; left: 347px; width: 340px }
h1.outlets  { color: #6b0309; font-weight: 100; font-size: 16px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif;  line-height: 17px;  text-align: left; display: inline; position: absolute; top: 111px; left: 147px; width: 540px }
h1.credits  { color: #8C786F; font-size: 11px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; line-height: 17px;  text-align: left; display: inline; position: absolute; top: 171px; left: 347px; width: 370px }
h2.home {display: inline; font: 13px "Arial Narrow";line-height: 16px; letter-spacing: 0.03em; color: white;position: absolute; top: 514px; left: 564px; }

a.downloadpdf {display: inline; font-size: 12px; font-weight:lighter; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; line-height: 16px; color: white; text-decoration: none }
a.downloadpdf:hover {display: inline; font-size: 12px; font-weight:lighter; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; line-height: 16px; color: #A89486; text-decoration: none }
a.downloadpdf2 {display: inline; font-size: 12px; font-weight:lighter; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; line-height: 16px; color: #A89486; text-decoration: none }
a.downloadpdf2:hover {display: inline; font-size: 12px; font-weight:lighter; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; line-height: 16px; color: white; text-decoration: none }

.legend {display: inline; font-size: 12px; font-weight:lighter; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; color: white; }
img { border: none; }


.brewers-name{display: inline;font: 15px "Arial Narrow";line-height: 15px;color: #A99587;position: absolute; top: 0px; left: 119px; width: 190px; }
.brewers-text{display: inline;font: 12px "Arial Narrow";line-height: 17px; letter-spacing: 0.03em; color: #A99587;position: absolute; top: 19px; left: 119px; width: 400px; }

a.our-ales{color: #6b0309; font-size: 13px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; position: absolute; top: 0px; width: 70px; height: 20px; text-decoration: none;}
a.our-ales:hover{color: #A99587; font-size: 13px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; position: absolute; top: 0; width: 70px; height: 20px; text-decoration: none;}
a.our-ales-white{color: white; font-size: 13px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; position: absolute; top: 0; width: 70px; height: 20px; text-decoration: none;}
a.our-ales-white:hover{color: #A99587; font-size: 13px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; position: absolute; top: 0; width: 70px; height: 20px; text-decoration: none;}

a.buy-our-ales{ color: #6b0309; font-size: 13px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; position: absolute; top: 19px; width: 80px; height: 20px;text-decoration: none;  }
a.buy-our-ales:hover{ color: #A99587; font-size: 13px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; position: absolute; top: 19px; width: 80px;height: 20px;text-decoration: none;  }
a.buy-our-ales-white{ color: white; font-size: 13px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; position: absolute; top: 19px; width: 80px; height: 20px;text-decoration: none;  }
a.buy-our-ales-white:hover{ color: #A99587; font-size: 13px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; position: absolute; top: 19px; width: 80px;height: 20px;text-decoration: none;  }

a.drink-our-ales{ color: #6B0309; font-size: 13px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; position: absolute; top: 38px; width: 90px;height: 20px;text-decoration: none;  }
a.drink-our-ales:hover{ color: #A99587; font-size: 13px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; position: absolute; top: 38px; width: 90px;height: 20px;text-decoration: none;  } 
a.drink-our-ales-white{ color: white; font-size: 13px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; position: absolute; top: 38px; width: 90px;height: 20px;text-decoration: none;  }
a.drink-our-ales-white:hover{ color: #A99587; font-size: 13px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; position: absolute; top: 38px; width: 90px;height: 20px;text-decoration: none;  } 
 
a.our-brewers{ color: #6B0309; font-size: 13px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; position: absolute; top: 57px; width: 80px;height: 20px;text-decoration: none;  }
a.our-brewers:hover{ color: #A99587; font-size: 13px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; position: absolute; top: 57px; width: 80px;height: 20px;text-decoration: none;  }
a.our-brewers-white{ color: white; font-size: 13px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; position: absolute; top: 57px; width: 80px;height: 20px;text-decoration: none;  }
a.our-brewers-white:hover{ color: #A99587; font-size: 13px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; position: absolute; top: 57px; width: 80px;height: 20px;text-decoration: none;  }

a.our-brewery{ color: #6B0309; font-size: 13px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; position: absolute; top:57px; width: 80px;height: 20px;text-decoration: none;  }
a.our-brewery:hover{ color: #A99587; font-size: 13px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; position: absolute; top: 57px; width: 800px;height: 20px;text-decoration: none;  }
a.our-brewery-white{ color: white; font-size: 13px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; position: absolute; top:57px; width: 80px;height: 20px;text-decoration: none;  }
a.our-brewery-white:hover{ color: #A99587; font-size: 13px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; position: absolute; top: 57px; width: 800px;height: 20px;text-decoration: none;  }

a.fresh-local-ales{ color: #6B0309; font-size: 13px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; position: absolute; top: 57px; width: 100px;height: 20px;text-decoration: none;  }
a.fresh-local-ales:hover{ color: #A99587; font-size: 13px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; position: absolute; top: 57px; width: 100px;height: 20px;text-decoration: none;  }
a.fresh-local-ales-white{ color: white; font-size: 13px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; position: absolute; top: 57px; width: 100px;height: 20px;text-decoration: none;  }
a.fresh-local-ales-white:hover{ color: #A99587; font-size: 13px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; position: absolute; top: 57px; width: 100px;height: 20px;text-decoration: none;  }

a.brewblog{ color: #6B0309; font-size: 13px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; position: absolute; top: 95px; width: 70px;height: 18px;text-decoration: none;  }
a.brewblog:hover{ color: #A99587; font-size: 13px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; position: absolute; top: 95px; width: 70px;height: 18px;text-decoration: none;  }
a.brewblog-white{ color: white; font-size: 13px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; position: absolute; top: 95px; width: 70px;height: 18px;text-decoration: none;  }
a.brewblog-white:hover{ color: #A99587; font-size: 13px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; position: absolute; top: 95px; width: 70px;height: 18px;text-decoration: none;  }

a.links{ color: #6B0309; font-size: 13px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; position: absolute; top: 152px; width: 50px;height: 20px;text-decoration: none;  }
a.links:hover{ color: #A99587; font-size: 13px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; position: absolute; top: 152px; width: 50px;height: 20px;text-decoration: none;  }
a.links-white{ color: white; font-size: 13px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; position: absolute; top: 152px; width: 50px;height: 20px;text-decoration: none;  }
a.links-white:hover{ color: #A99587; font-size: 13px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; position: absolute; top: 152px; width: 50px;height: 20px;text-decoration: none;  }

a.contact-us{ color: #6B0309; font-size: 13px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; position: absolute; top: 76px; width: 70px;height: 20px;text-decoration: none;  }
a.contact-us:hover{ color: #A99587; font-size: 13px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; position: absolute; top: 76px; width: 70px;height: 20px;text-decoration: none;  }
a.contact-us-white{ color: white; font-size: 13px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; position: absolute; top: 76px; width: 70px;height: 20px;text-decoration: none;  }
a.contact-us-white:hover{ color: #A99587; font-size: 13px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; position: absolute; top: 76px; width: 70px; height: 20px;text-decoration: none;  }

a.credits{ color: #6B0309; font-size: 13px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; position: absolute; top: 114px; width: 60px;height: 20px;text-decoration: none;  }
a.credits:hover{ color: #A99587; font-size: 13px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; position: absolute; top: 114px; width: 60px;height: 20px;text-decoration: none;  }
a.credits-white{ color: white; font-size: 13px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; position: absolute; top: 114px; width: 60px;height: 20px;text-decoration: none;  }
a.credits-white:hover{ color: #A99587; font-size: 13px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; position: absolute; top: 114px; width: 60px;height: 20px;text-decoration: none;  }

a.abm2{ color: #6B0309; font-size: 13px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; position: absolute; top: 522px; width: 80px;height: 20px;text-decoration: none;  }
a.abm2:hover{ color: #A99587; font-size: 13px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; position: absolute; top: 522px; width: 80px;height: 20px;text-decoration: none;  }

a.draught-regulars{ color: #6B0309; font-size: 13px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; position: absolute; left: 14px; top: 209px; width: 120px; height: 20px;text-decoration: none;  }
a.draught-regulars:hover{ color: #A99587; font-size: 13px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; position: absolute; left: 14px; top: 209px; width: 120px; height: 20px;text-decoration: none;  }

a.draught-irregulars{ color: #6B0309; font-size: 13px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; position: absolute; left: 14px; top: 309px; width: 120px; height: 20px;text-decoration: none;  }
a.draught-irregulars:hover{ color: #A99587; font-size: 13px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; position: absolute; left: 14px; top: 309px; width: 120px; height: 20px;text-decoration: none;  }

a.bottled-regulars{ color: #6B0309; font-size: 13px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; position: absolute; left: 14px; top: 418px; width: 120px; height: 20px;text-decoration: none;  }
a.bottled-regulars:hover{ color: #A99587; font-size: 13px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; position: absolute; left: 14px; top: 418px; width: 120px; height: 20px;text-decoration: none;  }


a.bottled-no3{ color: #A99587; font-weight: 100; font-size: 16px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; text-align: right; position: absolute; top: 484px; left: 534px; width: 160px; height: 20px;text-decoration: none;  }
a.bottled-no3:hover{ color: white;font-weight: 100; font-size: 16px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; text-align: right; position: absolute; top: 484px; width: 160px; height: 20px;text-decoration: none;  }

.bottled-dogbolter{ color: #A99587;font-weight: 100; font-size: 16px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; text-align: right; position: absolute; top: 504px; left: 534px; width: 160px; height: 20px;text-decoration: none;  }
a.bottled-dogbolter:hover{ color: white;font-weight: 100; font-size: 16px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; text-align: right; position: absolute; top: 504px; width: 160px; height: 20px;text-decoration: none;  }

.bottled-black-pearl{ color: #A99587;font-weight: 100; font-size: 16px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; text-align: right; position: absolute; top: 524px; left: 534px; width: 160px; height: 20px;text-decoration: none;  }
a.bottled-black-pearl:hover{ color: white;font-weight: 100; font-size: 16px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; text-align: right; position: absolute; top: 524px; width: 160px; height: 20px;text-decoration: none;  }
a.gilberts-link { background: url(images/gilberts-link.gif); display: block; width: 86px; height: 15px; position: absolute; top: 419px; left: 419px; text-indent:-1500px; overflow:hidden; float: left;}
a.gilberts-link span { display: none }
a.gilberts-link:hover { background: url(images/gilberts-link.gif) 0 -15px }


.our-ales-title{ color: #A99587;font: 16px "Arial Narrow";letter-spacing:-.2px; position: absolute;top: 5px;left: 144px; width: 250px;height: 20px;}
.our-ales-title2{ color: #A99587;font: 11px "Arial Narrow";letter-spacing:-.2px; position: absolute; top: 28px;left: 216px; width: 250px;height: 20px;}

a.leaflet-pdf{ background: url(images/leaflet-pdf.gif); text-indent: -1500px; display: block; position: absolute; top: 525px; left: 713px; width: 87px; height: 70px; overflow: hidden}
#leaflet2-pdf{ background: url(images/leaflet2-pdf.gif); text-indent: -1500px; display: block; position: absolute; top: 530px; left: 643px; width: 87px; height: 70px; overflow: hidden}

a.reader{ background: url(images/reader.gif); text-indent: -1500px; display: block; position: absolute; top: 569px; left: 564px; width: 110px; height: 31px; overflow: hidden}
#prezi{ color: #FFFFFF; font: 15px "Arial Narrow"; position: absolute; left: 0px; top: -23px; width: 800px;height: 20px;}

a.return{ color: #FFFFFF; font: 15px "Arial Narrow"; position: absolute; left: 600px; top: -23px; width: 200px;height: 20px; text-align:right; text-decoration: none;}
a.return:hover{ color: #FFFFFF; font: 15px "Arial Narrow"; position: absolute; left: 600px; top: -23px; width: 200px;height: 20px; text-align:right; text-decoration: none;}





#copyright{ color: #FFFFFF; font-size: 12px; font-family: "Arial Narrow", Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; position: absolute; left: 0px; top: 607px; width: 360px;height: 20px;}
#copyright-red{ color: #A89486;  font-size: 12px; font-family: "Arial Narrow", Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; position: absolute; left: 0px; top: 607px; width: 360px;height: 20px;}
#copyright-blue{ color: #A7B8CB;  font-size: 12px; font-family: "Arial Narrow", Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; position: absolute; left: 0px; top: 607px; width: 360px;height: 20px;}
#copyright-pink{ color: #C5A9AF;  font-size: 12px; font-family: "Arial Narrow", Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; position: absolute; left: 0px; top: 607px; width: 360px;height: 20px;}
#copyright-orange{ color: #ECCBA4;  font-size: 12px; font-family: "Arial Narrow", Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; position: absolute; left: 0px; top: 607px; width: 360px;height: 20px;}
#copyright-brown{ color: #C7C3CE;  font-size: 12px; font-family: "Arial Narrow", Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; position: absolute; left: 0px; top: 607px; width: 360px;height: 20px;}

a.pomegranate-red{ color: #A89486;  font-size: 12px; font-family: "Arial Narrow", Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; position: absolute; top: 607px; left: 500px;width: 300px;height: 20px; text-align:right; text-decoration: none;  }
a.pomegranate-red:hover{ color: #FFFFFF;  font-size: 12px; font-family: "Arial Narrow", Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; position: absolute; top: 607px;left: 500px;width: 300px;height: 20px; text-align:right; text-decoration: none;  }
a.pomegranate-blue{ color: #A7B8CB;  font-size: 12px; font-family: "Arial Narrow", Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; position: absolute; top: 607px; left: 500px;width: 300px;height: 20px; text-align:right; text-decoration: none;  }
a.pomegranate-blue:hover{ color: #FFFFFF;  font-size: 12px; font-family: "Arial Narrow", Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; position: absolute; top: 607px;left: 500px;width: 300px;height: 20px; text-align:right; text-decoration: none;  }
a.pomegranate-pink{ color: #C5A9AF;  font-size: 12px; font-family: "Arial Narrow", Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; position: absolute; top: 607px; left: 500px;width: 300px;height: 20px; text-align:right; text-decoration: none;  }
a.pomegranate-pink:hover{ color: #FFFFFF;  font-size: 12px; font-family: "Arial Narrow", Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; position: absolute; top: 607px;left: 500px;width: 300px;height: 20px; text-align:right; text-decoration: none;  }
a.pomegranate-orange{ color: #ECCBA4;  font-size: 12px; font-family: "Arial Narrow", Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; position: absolute; top: 607px; left: 500px;width: 300px;height: 20px; text-align:right; text-decoration: none;  }
a.pomegranate-orange:hover{ color: #FFFFFF;  font-size: 12px; font-family: "Arial Narrow", Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; position: absolute; top: 607px;left: 500px;width: 300px;height: 20px; text-align:right; text-decoration: none;  }
a.pomegranate-brown{ color: #C7C3CE;  font-size: 12px; font-family: "Arial Narrow", Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; position: absolute; top: 607px; left: 500px;width: 300px;height: 20px; text-align:right; text-decoration: none;  }
a.pomegranate-brown:hover{ color: #FFFFFF;  font-size: 12px; font-family: "Arial Narrow", Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; position: absolute; top: 607px;left: 500px;width: 300px;height: 20px; text-align:right; text-decoration: none;  }

#validate{ position: absolute; left: 240px; top: 605px; width: 360px;height: 20px;}
.validate{ color: #FFFFFF;  font-size: 12px; font-family: "Arial Narrow", Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;  width: 360px;height: 20px;}
a.validate{ color: #FFFFFF;  font-size: 12px; font-family: "Arial Narrow", Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;  width: 300px; height: 20px;  text-decoration: none;  }
a.validate:hover{ color: #FFFFFF; font-size: 12px; font-family: "Arial Narrow", Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; width: 300px; height: 20px;  text-decoration: none;  }

#validate-red{ position: absolute; left: 240px; top: 607px; width: 360px;height: 20px;}
.validate-red{ color: #A89486; font-size: 12px; font-family: "Arial Narrow", Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;  width: 360px;height: 20px; text-decoration: none;}
a.validate-red{ color: #A89486; font-size: 12px; font-family: "Arial Narrow", Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;  width: 300px; height: 20px;  text-decoration: none;  }
a.validate-red:hover{ color: #FFFFFF;  font-size: 12px; font-family: "Arial Narrow", Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; width: 300px; height: 20px;  text-decoration: none;  }

#validate-blue{ position: absolute; left: 240px; top: 605px; width: 360px;height: 20px;}
.validate-blue{ color: #A7B8CB; font-size: 12px; font-family: "Arial Narrow", Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;  width: 360px;height: 20px;}
a.validate-blue{ color: #A7B8CB; font-size: 12px; font-family: "Arial Narrow", Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;  width: 300px; height: 20px;  text-decoration: none;  }
a.validate-blue:hover{ color: #FFFFFF;  font-size: 12px; font-family: "Arial Narrow", Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; width: 300px; height: 20px;  text-decoration: none;  }

#validate-pink{ position: absolute; left: 240px; top: 605px; width: 360px;height: 20px;}
.validate-pink{ color: #C5A9AF; font-size: 12px; font-family: "Arial Narrow", Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;  width: 360px;height: 20px;}
a.validate-pink{ color: #C5A9AF; font-size: 12px; font-family: "Arial Narrow", Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;  width: 300px; height: 20px;  text-decoration: none;  }
a.validate-pink:hover{ color: #FFFFFF;  font-size: 12px; font-family: "Arial Narrow", Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; width: 300px; height: 20px;  text-decoration: none;  }

#validate-orange{ position: absolute; left: 240px; top: 605px; width: 360px;height: 20px;}
.validate-orange{ color: #ECCBA4; font-size: 12px; font-family: "Arial Narrow", Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;  width: 360px;height: 20px;}
a.validate-orange{ color: #ECCBA4; font-size: 12px; font-family: "Arial Narrow", Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;  width: 300px; height: 20px;  text-decoration: none;  }
a.validate-orange:hover{ color: #FFFFFF;  font-size: 12px; font-family: "Arial Narrow", Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; width: 300px; height: 20px;  text-decoration: none;  }

#validate-brown{ position: absolute; left: 240px; top: 605px; width: 360px;height: 20px;}
.validate-brown{ color: #C7C3CE; font-size: 12px; font-family: "Arial Narrow", Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;  width: 360px;height: 20px;}
a.validate-brown{ color: #C7C3CE; font-size: 12px; font-family: "Arial Narrow", Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;  width: 300px; height: 20px;  text-decoration: none;  }
a.validate-brown:hover{ color: #FFFFFF;  font-size: 12px; font-family: "Arial Narrow", Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; width: 300px; height: 20px;  text-decoration: none;  }




a.gadds-logo  { background: url(images/gadds-logo.gif); text-indent: -1500px; display: block; position: absolute; top: 19px; left: 660px; width: 115px; height: 40px; overflow: hidden }
a.gadds-logo span { display: none }
a.gadds-logo:hover  { background: url(images/gadds-logo.gif) 0 -40px }
a.gadds-logo-2  { background: url(images/gadds-logo-2.gif); text-indent: -1500px; display: block; position: absolute; top: 19px; left: 660px; width: 115px; height: 40px; overflow: hidden }
a.gadds-logo-2 span { display: none }
a.gadds-logo-2:hover  { background: url(images/gadds-logo-2.gif) 0 -40px }

a.brewblog-logo  { background: url(images/brewblog.gif); text-indent: -1500px; display: block; position: absolute; top: 19px; left: 492px; width: 141px; height: 38px; overflow: hidden }
a.brewblog-logo span { display: none }
a.brewblog-logo:hover  { background: url(images/brewblog.gif) 0 -38px }
a.brewblog-logo-2  { background: url(images/brewblog-logo-2.gif); text-indent: -1500px; display: block; position: absolute; top: 19px; left: 492px; width: 141px; height: 38px; overflow: hidden }
a.brewblog-logo-2 span { display: none }
a.brewblog-logo-2:hover  { background: url(images/brewblog-logo-2.gif) 0 -38px }

a.brewblog-info-1  { background: url(images/brewblog2.gif); text-indent: -1500px; display: block; position: absolute; top: 445px; left: 392px; width: 117px; height: 22px; overflow: hidden }
a.brewblog-info-1 span { display: none }
a.brewblog-info-1:hover  { background: url(images/brewblog2.gif) 0 -22px }

a.brewblog-info-2  { background: url(images/brewblog2.gif); text-indent: -1500px; display: block; position: absolute; top: 445px; left: 653px; width: 117px; height: 22px; overflow: hidden }
a.brewblog-info-2 span { display: none }
a.brewblog-info-2:hover  { background: url(images/brewblog2.gif) 0 -22px }

a.brewblog-info-3{ color: #6b0309; font-size: 12px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; position: absolute; left: 400px; top: 568px; width: 150px; height: 20px; text-align:left; text-decoration: none;}
a.brewblog-info-3:hover{ color: #A99587; font-size: 12px; font-family: "Arial Narrow", Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; position: absolute; left: 400px; top: 568px; width: 150px; height: 20px; text-align:left; text-decoration: none;}

a.brewblog-info-4  { background: url(images/brewblog2.gif); text-indent: -1500px; display: block; position: absolute; top: 445px; left: 575px; width: 117px; height: 22px; overflow: hidden }
a.brewblog-info-4 span { display: none }
a.brewblog-info-4:hover  { background: url(images/brewblog2.gif) 0 -22px }


a.email  { background: url(images/email-link.gif); text-indent: -1500px; display: block; position: absolute; top: 196px; left: 506px; width: 174px; height: 16px; overflow: hidden }
a.email span { display: none }
a.email:hover  { background: url(images/email-link.gif) 0 -16px }

a.back  { background: url(images/back-button.gif); text-indent: -1500px; display: block; position: absolute; top: 452px; left: 288px; width: 39px; height: 28px; overflow: hidden }
a.back span { display: none }
a.back:hover  { background: url(images/back-button.gif) 0 -28px }

a.map-detail { background: url(images/map-detail-link.gif); text-indent: -1500px; display: block; position: absolute; top: 573px; left: 592px; width: 98px; height: 17px; overflow: hidden }
a.map-detail span { display: none }
a.map-detail:hover  { background: url(images/map-detail-link.gif) 0 -17px }

a.beerglass-link { background: url(images/beerglass-link.gif); text-indent: -1500px; display: block; position: absolute; top: 532px; left: 190px; width: 37px; height: 51px; overflow: hidden }
a.beerglass-link span { display: none }
a.beerglass-link:hover  { background: url(images/beerglass-link.gif) 0 -51px }

a.draught-reg  { background: url(images/draught-reg-link.gif); text-indent: -1500px; display: block; position: absolute; top: 87px; left: 210px; width: 122px; height: 34px; overflow: hidden }
a.draught-reg span { display: none }
a.draught-reg:hover  { background: url(images/draught-reg-link.gif) 0 -34px }

a.draught-irreg  { background: url(images/draught-irreg-link.gif); text-indent: -1500px; display: block; position: absolute; top: 531px; left: 624px; width: 39px; height: 56px; overflow: hidden }
a.draught-irreg span { display: none }
a.draught-irreg:hover  { background: url(images/draught-irreg-link.gif) 0 -56px }

a.gadds-direct  { background: url(images/gadds-direct-link.gif); text-indent: -1500px; display: block; position: absolute; top: 142px; left: 220px; width: 132px; height: 64px; overflow: hidden }
a.gadds-direct span { display: none }
a.gadds-direct:hover  { background: url(images/gadds-direct-link.gif) 0 -64px }

a.page-and-sons  { background: url(images/page-sons-link.gif); text-indent: -1500px; display: block; position: absolute; top: 143px; left: 400px; width: 135px; height: 62px; overflow: hidden }
a.page-and-sons span { display: none }
a.page-and-sons:hover  { background: url(images/page-sons-link.gif) 0 -62px }

a.waitrose  { background: url(images/waitrose-link.gif); text-indent: -1500px; display: block; position: absolute; top: 142px; left: 585px; width: 104px; height: 61px; overflow: hidden }
a.waitrose span { display: none }
a.waitrose:hover  { background: url(images/waitrose-link.gif) 0 -61px }

a.abm  { background: url(images/abm-link.gif); text-indent: -1500px; display: block; position: absolute; top: 201px; left: 310px; width: 127px; height: 64px; overflow: hidden }
a.abm span { display: none }
a.abm:hover  { background: url(images/abm-link.gif) 0 -64px }

a.bottleneck  { background: url(images/bottleneck-link.gif); text-indent: -1500px; display: block; position: absolute; top: 204px; left: 497px; width: 142px; height: 61px; overflow: hidden }
a.bottleneck span { display: none }
a.bottleneck:hover  { background: url(images/bottleneck-link.gif) 0 -61px }






#slideshow{ position: absolute; top: 258px; left: 187px; width: 499px; height: 302px;}






