body { text-align: center }
html { overflow: scroll }
#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 }
#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 }
h1.home {display: inline;font: 14px "Arial Narrow";line-height: 16px; letter-spacing: 0.03em; color: white;position: absolute; top: 434px; left: 564px; }
h1.no5 {display: inline;font: 12px "Arial Narrow";line-height: 17px;color: #8C786F;position: absolute; top: 415px; left: 584px; width: 190px}
h1.no7 {display: inline;font: 12px "Arial Narrow";line-height: 17px;color: #8C786F;position: absolute; top: 415px; left: 584px; width: 195px}
h1.irreg-dra-right { color: #A99587; font: 12px "Arial Narrow"; line-height: 14px; text-align: right; display: inline; position: absolute; top: 259px; left: 520px; width: 122px }
h1.irreg-dra-right-title { color: #DACEBC; font: 13px "Arial Narrow"; line-height: 15px; text-align: right; display: inline; position: absolute; top: 213px; left: 520px; width: 123px }
h1.irreg-dra-left { color: #A99587; font: 12px "Arial Narrow"; line-height: 14px; text-align: right; display: inline; position: absolute; top: 259px; left: 190px; width: 192px }
h1.irreg-dra-left-title { color: #DACEBC; font: 13px "Arial Narrow"; line-height: 14px; text-align: right; display: inline; position: absolute; top: 213px; left: 190px; width: 193px }
h1.our-brewery { color: #8C786F; font: 12px "Arial Narrow"; 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: 19px "Arial Narrow"; line-height: 17px; text-align: left; display: inline; position: absolute; top: 111px; left: 147px; width: 540px }
h1.credits { color: #8C786F; font: 12px "Arial Narrow"; line-height: 17px; text-align: left; display: inline; position: absolute; top: 171px; left: 347px; width: 350px }
h2.home {display: inline;font: 13px "Arial Narrow";line-height: 16px; letter-spacing: 0.03em; color: white;position: absolute; top: 514px; left: 564px; }
.legend {display: inline;font: 13px "Arial Narrow";color: white; }
.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: 13px "Arial Narrow"; position: absolute; top: 0px; width: 70px; height: 20px; text-decoration: none;}
a.our-ales:hover{color: #A99587; font: 13px "Arial Narrow"; position: absolute; top: 0; width: 70px; height: 20px; text-decoration: none;}
a.our-ales-white{color: white; font: 13px "Arial Narrow"; position: absolute; top: 0; width: 70px; height: 20px; text-decoration: none;}
a.our-ales-white:hover{color: #A99587;font: 13px "Arial Narrow"; position: absolute; top: 0; width: 70px; height: 20px; text-decoration: none;}
a.buy-our-ales{ color: #6b0309; font: 13px "Arial Narrow"; position: absolute; top: 19px; width: 80px; height: 20px;text-decoration: none; }
a.buy-our-ales:hover{ color: #A99587;font: 13px "Arial Narrow"; position: absolute; top: 19px; width: 80px;height: 20px;text-decoration: none; }
a.buy-our-ales-white{ color: white; font: 13px "Arial Narrow"; position: absolute; top: 19px; width: 80px; height: 20px;text-decoration: none; }
a.buy-our-ales-white:hover{ color: #A99587;font: 13px "Arial Narrow"; position: absolute; top: 19px; width: 80px;height: 20px;text-decoration: none; }
a.drink-our-ales{ color: #6B0309;font: 13px "Arial Narrow"; position: absolute; top: 38px; width: 90px;height: 20px;text-decoration: none; }
a.drink-our-ales:hover{ color: #A99587;font: 13px "Arial Narrow"; position: absolute; top: 38px; width: 90px;height: 20px;text-decoration: none; }
a.drink-our-ales-white{ color: white;font: 13px "Arial Narrow"; position: absolute; top: 38px; width: 90px;height: 20px;text-decoration: none; }
a.drink-our-ales-white:hover{ color: #A99587;font: 13px "Arial Narrow"; position: absolute; top: 38px; width: 90px;height: 20px;text-decoration: none; }
a.our-brewers{ color: #6B0309;font: 13px "Arial Narrow"; position: absolute; top: 57px; width: 80px;height: 20px;text-decoration: none; }
a.our-brewers:hover{ color: #A99587; font: 13px "Arial Narrow"; position: absolute; top: 57px; width: 80px;height: 20px;text-decoration: none; }
a.our-brewers-white{ color: white; font: 13px "Arial Narrow"; position: absolute; top: 57px; width: 80px;height: 20px;text-decoration: none; }
a.our-brewers-white:hover{ color: #A99587; font: 13px "Arial Narrow"; position: absolute; top: 57px; width: 80px;height: 20px;text-decoration: none; }
a.our-brewery{ color: #6B0309; font: 13px "Arial Narrow"; position: absolute; top:57px; width: 80px;height: 20px;text-decoration: none; }
a.our-brewery:hover{ color: #A99587;font: 13px "Arial Narrow"; position: absolute; top: 57px; width: 800px;height: 20px;text-decoration: none; }
a.our-brewery-white{ color: white;font: 13px "Arial Narrow"; position: absolute; top:57px; width: 80px;height: 20px;text-decoration: none; }
a.our-brewery-white:hover{ color: #A99587;font: 13px "Arial Narrow"; position: absolute; top: 57px; width: 800px;height: 20px;text-decoration: none; }
a.fresh-local-ales{ color: #6B0309;font: 13px "Arial Narrow"; position: absolute; top: 57px; width: 100px;height: 20px;text-decoration: none; }
a.fresh-local-ales:hover{ color: #A99587;font: 13px "Arial Narrow"; position: absolute; top: 57px; width: 100px;height: 20px;text-decoration: none; }
a.fresh-local-ales-white{ color: white;font: 13px "Arial Narrow"; position: absolute; top: 57px; width: 100px;height: 20px;text-decoration: none; }
a.fresh-local-ales-white:hover{ color: #A99587;font: 13px "Arial Narrow"; position: absolute; top: 57px; width: 100px;height: 20px;text-decoration: none; }
a.brewblog{ color: #6B0309;font: 13px "Arial Narrow"; position: absolute; top: 95px; width: 70px;height: 18px;text-decoration: none; }
a.brewblog:hover{ color: #A99587;font: 13px "Arial Narrow"; position: absolute; top: 95px; width: 70px;height: 18px;text-decoration: none; }
a.brewblog-white{ color: white;font: 13px "Arial Narrow"; position: absolute; top: 95px; width: 70px;height: 18px;text-decoration: none; }
a.brewblog-white:hover{ color: #A99587;font: 13px "Arial Narrow"; position: absolute; top: 95px; width: 70px;height: 18px;text-decoration: none; }
a.links{ color: #6B0309;font: 13px "Arial Narrow"; position: absolute; top: 152px; width: 50px;height: 20px;text-decoration: none; }
a.links:hover{ color: #A99587;font: 13px "Arial Narrow"; position: absolute; top: 152px; width: 50px;height: 20px;text-decoration: none; }
a.links-white{ color: white;font: 13px "Arial Narrow"; position: absolute; top: 152px; width: 50px;height: 20px;text-decoration: none; }
a.links-white:hover{ color: #A99587;font: 13px "Arial Narrow"; position: absolute; top: 152px; width: 50px;height: 20px;text-decoration: none; }
a.contact-us{ color: #6B0309;font: 13px "Arial Narrow"; position: absolute; top: 76px; width: 60px;height: 20px;text-decoration: none; }
a.contact-us:hover{ color: #A99587;font: 13px "Arial Narrow"; position: absolute; top: 76px; width: 60px;height: 20px;text-decoration: none; }
a.contact-us-white{ color: white;font: 13px "Arial Narrow"; position: absolute; top: 76px; width: 60px;height: 20px;text-decoration: none; }
a.contact-us-white:hover{ color: #A99587;font: 13px "Arial Narrow"; position: absolute; top: 76px; width: 60px;height: 20px;text-decoration: none; }
a.credits{ color: #6B0309;font: 13px "Arial Narrow"; position: absolute; top: 114px; width: 60px;height: 20px;text-decoration: none; }
a.credits:hover{ color: #A99587;font: 13px "Arial Narrow"; position: absolute; top: 114px; width: 60px;height: 20px;text-decoration: none; }
a.credits-white{ color: white;font: 13px "Arial Narrow"; position: absolute; top: 114px; width: 60px;height: 20px;text-decoration: none; }
a.credits-white:hover{ color: #A99587;font: 13px "Arial Narrow"; position: absolute; top: 114px; width: 60px;height: 20px;text-decoration: none; }
.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: 530px; left: 713px; 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}
#copyright{ color: #FFFFFF; opacity:0.6; font: 13px "Arial Narrow"; position: absolute; left: 0px; top: 607px; width: 260px;height: 20px;}
#prezi{ color: #FFFFFF; opacity:0.6; font: 15px "Arial Narrow"; position: absolute; left: 0px; top: -23px; width: 800px;height: 20px;}
a.return{ color: #FFFFFF; opacity:0.6; 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; opacity:1.0; font: 15px "Arial Narrow"; position: absolute; left: 600px; top: -23px; width: 200px;height: 20px; text-align:right; text-decoration: none;}
a.pomegranate{ color: #FFFFFF; opacity:0.6;font: 13px "Arial Narrow"; position: absolute; top: 607px;left: 500px;width: 300px;height: 20px; text-align:right; text-decoration: none; }
a.pomegranate:hover{ color: #FFFFFF;opacity:1.0;font: 13px "Arial Narrow"; position: absolute; top: 607px;left: 500px;width: 300px;height: 20px; text-align:right; 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.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: 332px; 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.cave-direct { background: url(images/cave-direct-link.gif); text-indent: -1500px; display: block; position: absolute; top: 201px; left: 310px; width: 118px; height: 64px; overflow: hidden }
a.cave-direct span { display: none }
a.cave-direct:hover { background: url(images/cave-direct-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;}