body {
font-family : "Times New Roman", Times, serif;
font-weight: normal;
font-style : normal;
font-size : 13px;
line-height : 18px;
background-image: url('../images/wood.jpg');
color : #663300;
margin : 0;
padding : 0;
-webkit-text-size-adjust: 100%; /* attempt to stop android text resizing */
}
html {
-webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}

html * {
max-height:999999px;   /* attempt to stop android font boosting */
}

body * {
max-height: 999999em;  /* attempt to stop android font boosting */
}


img {
border : 0;
margin : 0;
padding : 0;
font-size : 10px;
line-height : 14px;
color : #808080;
}

/* background */

#container {
position : relative;
width : 990px;
margin : 0 auto;
text-align : left;
vertical-align : top;
top : 0px;
left : 0px;
z-index:1;
}

/* gold rules */
div.goldruletop {
display : block;
position : absolute;
width : 964px;
height : 411px;
top : 36px;
left: 10px;
border: 3px solid #be9e56;
z-index : 1;
padding : 0;
margin : 0;
}
div.goldrulebase {
display : block;
position : absolute;
width : 964px;
height : 90px;
top : 470px;
left: 10px;
border: 3px solid #be9e56;
z-index : 2;
padding : 0;
margin : 0;
}
div.darkbackground {
display : block;
position : absolute;
width : 964px;
height : 90px;
top : 473px;
left: 13px;
background: #271207;
opacity: 0.7; /* 70% opacity */
z-index : 1;
padding : 0;
margin : 0;
}

/* cream panel */
div.paneltopleft {
display : block;
position : absolute;
width : 15px;
height : 15px;
top : 47px;
left : 21px;
background-image: url('../images/panel/panel-topleft.jpg');
z-index : 2;
padding : 0;
margin : 0;
}
div.paneltop {
display : block;
position : absolute;
width : 917px;
height : 15px;
top : 47px;
left : 36px;
background-image: url('../images/panel/panel-top.jpg');
z-index : 2;
padding : 0;
margin : 0;
}
div.paneltopright {
display : block;
position : absolute;
width : 16px;
height : 15px;
top : 47px;
left : 953px;
background-image: url('../images/panel/panel-topright.jpg');
z-index : 2;
padding : 0;
margin : 0;
}
div.panelbaseleft {
display : block;
position : absolute;
width : 15px;
height : 20px;
top : 422px;
left : 21px;
background-image: url('../images/panel/panel-baseleft.jpg');
z-index : 2;
padding : 0;
margin : 0;
}
div.panelbase {
display : block;
position : absolute;
width : 917px;
height : 20px;
top : 422px;
left : 36px;
background-image: url('../images/panel/panel-base.jpg');
z-index : 2;
padding : 0;
margin : 0;
}
div.panelbaseright {
display : block;
position : absolute;
width : 16px;
height : 20px;
top : 422px;
left : 953px;
background-image: url('../images/panel/panel-baseright.jpg');
z-index : 2;
padding : 0;
margin : 0;
}
div.panelleft {
display : block;
position : absolute;
width : 15px;
height : 360px;
top : 62px;
left : 21px;
background-image: url('../images/panel/panel-left.jpg');
background-repeat: repeat-y;
z-index : 2;
padding : 0;
margin : 0;
}
div.panelright {
display : block;
position : absolute;
width : 16px;
height : 360px;
top : 62px;
left : 953px;
background-image: url('../images/panel/panel-right.jpg');
background-repeat: repeat-y;
z-index : 2;
padding : 0;
margin : 0;
}
div.cream {
display : block;
position : absolute;
width : 917px;
height : 360px;
top : 62px;
left : 36px;
background-image: url('../images/panel/cream.gif');
z-index : 2;
padding : 0;
margin : 0;
}

div.logo {
display : block;
position : absolute;
width : 395px;
height : 175px;
top : 55px;
left : 47px;
z-index : 6;
}
div.address {
display : block;
position : absolute;
width : 395px;
top : 192px;
left : 47px;
z-index : 7;
padding : 0;
margin : 0;
border : 0;
}
p.address {
font-weight: bold;
font-style : normal;
font-size: 0.45em;
line-height : 1em;
text-align: center;
color : #663300;
padding : 0;
margin : 0;
}
div.goodfood {
display : block;
position : absolute;
width : 122px;
top : 79px;
left : 80px;
z-index : 7;
padding : 0;
margin : 0;
border : 0;
}
div.caskales {
display : block;
position : absolute;
width : 122px;
top : 79px;
left : 290px;
z-index : 7;
padding : 0;
margin : 0;
border : 0;
}
p.logotype {
font-family : "Times New Roman", Times, serif;
font-weight: bold;
font-style : normal;
font-size : .8em;
line-height : 1.2em;
letter-spacing: .05em;
color : #663300;
text-align : center;
vertical-align : top;
padding : 0;
margin : 0;
}
.initialcap {
font-family : "Times New Roman", Times, serif;
font-weight: bold;
font-style : normal;
font-size : 1em;
line-height : 1.2em;
color : #663300;
padding : 0;
margin : 0;
}

.phonenumber {
font-weight: bold;
font-style : normal;
font-size: 0.45em;
color : #663300;
}

/* navigation */
div.topnav {
display : block;
position : absolute;
top : 10px;
left : 13px;
width: 977px;
font-size : .4em;
color : #ffe5b1;
vertical-align : top;
text-align : center;
padding : 0;
margin : 0;
border : 0;
z-index : 4;
}
.topnav ul {
list-style-type:none;
margin:0;
padding:0;
}
.topnav li {
display:inline;
margin:0;
padding:0px 23px 0px 0px;
}
p.topnav {
padding : 0;
margin : 0;
}

div.footer {
display : block;
position : absolute;
top : 586px;
left : 13px;
width: 977px;
font-size : .4em;
line-height: 1em;
color : #be9e56;
vertical-align : top;
text-align : center;
padding : 0;
margin : 0;
border : 0;
z-index : 3;
}
.footer ul {
list-style-type:none;
margin:0;
padding:0;
}
.footer li {
display:inline;
margin:0;
padding:0px 23px 0px 0px;
}
p.footer {
padding : 0;
margin : 0;
}
p.bxdesign {
font-size : 11px;
line-height : 15px;
padding : 0;
margin : 0;
}

/* copy */
div.head {
display : block;
position : absolute;
width : 395px;
top : 249px;
left : 47px;
z-index : 3;
padding : 0;
margin : 0;
border : 0;
}
div.headtwo {
display : block;
position : absolute;
width : 228px;
top : 249px;
left : 467px;
z-index : 3;
padding : 0;
margin : 0;
border : 0;
}
h1 {
font-weight: normal;
font-size : 1.3em;
color : #663300;
vertical-align : top;
text-align : center;
padding : 0;
margin : 0;
}

div.columnone {
display : block;
position : absolute;
width : 395px;
top : 277px;
left : 47px;
font-size : .48em;
line-height : 1.3em;
vertical-align : top;
text-align : justify;
z-index : 3;
padding : 0;
margin : 0;
border : 0;
}

div.columntwo {
display : block;
position : absolute;
width : 226px;
top : 277px;
left : 467px;
font-size : .8em;
line-height : 1.3em;
vertical-align : top;
text-align : justify;
z-index : 3;
padding : 0;
margin : 0;
border : 0;
}

div.columnthree {
display : block;
position : absolute;
width : 225px;
top : 277px;
left : 718px;
font-size : .8em;
line-height : 1.3em;
vertical-align : top;
text-align : justify;
z-index : 3;
padding : 0;
margin : 0;
border : 0;
}

div.columntwo-centred {
display : block;
position : absolute;
width : 228px;
top : 277px;
left : 467px;
font-size : .8em;
line-height : 1.3em;
vertical-align : top;
text-align : center;
z-index : 3;
padding : 0;
margin : 0;
border : 0;
}

div.columntwo-centredfood {
display : block;
position : absolute;
width : 228px;
top : 277px;
left : 467px;
font-size : .8em;
line-height : 1.3em;
vertical-align : top;
text-align : center;
z-index : 3;
padding : 0;
margin : 0;
border : 0;
}

div.columntwo-wide {
display : block;
position : absolute;
width : 476px;
top : 277px;
left : 467px;
font-size : .5em;
line-height : 1.2em;
text-align : justify;
z-index : 3;
padding : 0;
margin : 0;
border : 0;
}

div.linksone {
display : block;
position : absolute;
width : 209px;
top : 277px;
left : 47px;
font-size : .8em;
line-height : 1.3em;
vertical-align : top;
text-align : left;
z-index : 4;
padding : 0;
margin : 0;
border : 0;
}

div.linkstwo {
display : block;
position : absolute;
width : 209px;
top : 277px;
left : 276px;
font-size : .8em;
line-height : 1.3em;
vertical-align : top;
text-align : left;
z-index : 4;
padding : 0;
margin : 0;
border : 0;
}

div.linksthree {
display : block;
position : absolute;
width : 209px;
top : 277px;
left : 505px;
font-size : .8em;
line-height : 1.3em;
vertical-align : top;
text-align : left;
z-index : 4;
padding : 0;
margin : 0;
border : 0;
}

div.linksfour {
display : block;
position : absolute;
width : 209px;
top : 277px;
left : 734px;
font-size : .8em;
line-height : 1.3em;
vertical-align : top;
text-align : left;
z-index : 4;
padding : 0;
margin : 0;
border : 0;
}

p.copy {
padding : 0;
margin : 0;
}

p.linkcopy {
padding : 0;
margin : 0;
}

p.center {
text-align: center;
padding : 0;
margin : 0;
}

p.h2 {
text-align: center;
font-size: 1.3em;
line-height: 1em;
padding : 0;
margin : 0;
}

p.email {
font-size: 13px;
padding : 0;
margin : 0;
}

p.gallery {
font-size : 10px;
font-weight: bold;
vertical-align : middle;
text-align : center;
padding : 0;
margin : 0;
border : 0;
}

p.thumbs {
font-size : 11px;
font-weight: bold;
vertical-align : top;
text-align : right;
padding : 0;
margin : 0;
border : 0;
}

p.hover {
font-size : 12px;
font-weight: normal;
vertical-align : top;
text-align : left;
padding : 0;
margin : 0;
border : 0;
}


/* slideshow */
div.gallerylayer {
display : block;
position : absolute;
vertical-align : top;
width : 476px;
height: 355px;
top :67px;
left : 467px;
z-index : 4;
padding : 0;
margin : 0;
}

div.gallerylayer2 {
display : block;
position : absolute;
vertical-align : top;
width : 476px;
height: 164px;
top :67px;
left : 467px;
z-index : 4;
padding : 0;
margin : 0;
}

#fadeshow1 {
display : block;
position : absolute;
vertical-align : top;
top : 0px;
left : 0px;
z-index : 5;
padding : 0;
margin : 0 0 0 0;
}


/* gallery */
div.gallerymain {
display : block;
position : absolute;
vertical-align : top;
width : 476px;
height: 356px;
top :67px;
left : 467px;
z-index : 4;
padding : 0;
margin : 0 0 0 0;
}

/* gallery softfade */
div.softfade {
display : block;
position : absolute;
width : 896px;
height : 355px;
top : 65px;
left : 47px;
z-index : 10;
padding : 0;
margin : 0;
}

div.hover {
display : block;
position : absolute;
width : 300px;
top : 300px;
left : 605px;
text-align : center;
z-index : 4;
padding : 0;
margin : 0;
border : 0;
}


/* pictures */
div.pictureone {
display : block;
position : absolute;
width : 228px;
height: 164px;
top :67px;
left : 467px;
z-index : 4;
padding : 0;
margin : 0;
}

div.picturetwo {
display : block;
position : absolute;
width : 228px;
height: 164px;
top :67px;
left : 715px;
z-index : 4;
padding : 0;
margin : 0;
}

div.picwidetop {
display : block;
position : absolute;
width : 476px;
height: 164px;
top :67px;
left : 467px;
z-index : 4;
padding : 0;
margin : 0;
}

div.picturethree {
display : block;
position : absolute;
width : 228px;
height: 164px;
top :251px;
left : 467px;
z-index : 4;
padding : 0;
margin : 0;
}

div.picturefour {
display : block;
position : absolute;
width : 228px;
height: 164px;
top :251px;
left : 715px;
z-index : 4;
padding : 0;
margin : 0;
}

div.picturemap {
display : block;
position : absolute;
width : 228px;
height: 355px;
top :67px;
left : 715px;
z-index : 4;
padding : 0;
margin : 0;
}

/* basepanel */
div.camra {
display : block;
position : absolute;
top : 473px;
left : 23px;
width: 59px;
height: 90px;
margin : 0;
border : 0;
z-index : 5;
}
div.awards {
display : block;
position : absolute;
top :  483px;
left : 78px;
width: 206px;
font-size : 1.2em;
line-height: 1em;
color : #ffe5b1;
font-weight: bold;
font-style : normal;
vertical-align : top;
text-align : center;
padding : 0;
margin : 0;
border : 0;
z-index : 6;
}
p.awards {
padding : 0;
margin : 0;
}
div.area {
display : block;
position : absolute;
top :  540px;
left : 78px;
width: 206px;
font-size : .65em;
color : #ffe5b1;
font-family : Tahoma, Geneva, sans-serif;
font-weight: normal;
font-style : normal;
vertical-align : top;
text-align : center;
padding : 0;
margin : 0;
border : 0;
z-index : 7;
}
p.area {
padding : 0;
margin : 0;
}
.runnerup {
font-size: 1em;
}
div.caskmarque {
display : block;
position : absolute;
top : 478px;
left : 279px;
width: 42px;
height: 80px;
margin : 0;
border : 0;
z-index : 5;
}
div.goodbeerguide {
display : block;
position : absolute;
top : 473px;
left : 328px;
width: 61px;
height: 90px;
margin : 0;
border : 0;
z-index : 5;
}
div.festival {
display : block;
position : absolute;
top : 460px;
left : 395px;
width: 238px;
height: 102px;
margin : 0;
border : 0;
z-index : 5;
}

div.foodstandards {
display : block;
position : absolute;
top : 474px;
left : 636px;
width: 86px;
height: 48px;
margin : 0;
border : 0;
z-index : 5;
}

div.foodrating {
display : block;
position : absolute;
top :  523px;
left : 592px;
width: 177px;
font-size : .6em;
line-height: 1.1em;
color : #ffe5b1;
font-family : Tahoma, Geneva, sans-serif;
font-weight: normal;
font-style : normal;
vertical-align : top;
text-align : center;
padding : 0;
margin : 0;
border : 0;
z-index : 7;
}

.openallday {
font-size: 1.3em;
}
div.opentimes {
display : block;
position : absolute;
top :  483px;
left : 713px;
width: 177px;
font-size : 1em;
line-height: 1.1em;
color : #ffe5b1;
font-weight: bold;
font-style : normal;
vertical-align : top;
text-align : center;
padding : 0;
margin : 0;
border : 0;
z-index : 6;
}
p.opentimes {
padding : 0;
margin : 0;
}
.openallday {
font-size: 1em;
}
div.freewifi {
display : block;
position : absolute;
top :  484px;
left : 878px;
width: 92px;
font-size : .9em;
line-height: 1em;
color : #ffe5b1;
font-weight: bold;
font-style : normal;
vertical-align : top;
text-align : center;
padding : 0;
margin : 0;
border : 0;
z-index : 6;
}
p.freewifi {
padding : 0;
margin : 0;
}
div.facebook {
display : block;
position : absolute;
top : 509px;
left : 903px;
width: 42px;
height: 42px;
margin : 0;
border : 0;
z-index : 5;
}

/* beer tasting and menu differences */
div.goldrulebeer {
display : block;
position : absolute;
width : 964px;
height : 524px;
top : 36px;
left: 10px;
border: 3px solid #be9e56;
z-index : 1;
padding : 0;
margin : 0;
}

/* cream panel */
div.panelbaseleft-beer {
display : block;
position : absolute;
width : 15px;
height : 20px;
top : 535px;
left : 21px;
background-image: url('../images/panel/panel-baseleft.jpg');
z-index : 2;
padding : 0;
margin : 0;
}
div.panelbase-beer {
display : block;
position : absolute;
width : 917px;
height : 20px;
top : 535px;
left : 36px;
background-image: url('../images/panel/panel-base.jpg');
z-index : 2;
padding : 0;
margin : 0;
}
div.panelbaseright-beer {
display : block;
position : absolute;
width : 16px;
height : 20px;
top : 535px;
left : 953px;
background-image: url('../images/panel/panel-baseright.jpg');
z-index : 2;
padding : 0;
margin : 0;
}
div.panelleft-beer {
display : block;
position : absolute;
width : 15px;
height : 473px;
top : 62px;
left : 21px;
background-image: url('../images/panel/panel-left.jpg');
background-repeat: repeat-y;
z-index : 2;
padding : 0;
margin : 0;
}
div.panelright-beer {
display : block;
position : absolute;
width : 16px;
height : 473px;
top : 62px;
left : 953px;
background-image: url('../images/panel/panel-right.jpg');
background-repeat: repeat-y;
z-index : 2;
padding : 0;
margin : 0;
}
div.cream-beer {
display : block;
position : absolute;
width : 917px;
height : 473px;
top : 62px;
left : 36px;
background-image: url('../images/panel/cream.gif');
z-index : 2;
padding : 0;
margin : 0;
}

p.menuhead {
font-weight: normal;
font-size : 1.8em;
color : #663300;
vertical-align : top;
text-align : center;
padding : 0;
margin : 0;
}


/* scroll type table */
div.back {
display : block;
position : absolute;
width : 250px;
top :252px;
left : 467px;
font-size : 1em;
font-weight: normal;
vertical-align : top;
text-align : left;
padding : 0;
margin : 0;
border : 0;
z-index : 6;
}
div.scroll {
display : block;
position : absolute;
width : 150px;
top : 239px;
left : 769px;
font-size : .8em;
line-height : 1.3em;
font-weight: normal;
vertical-align : top;
text-align : right;
padding : 0;
margin : 0;
border : 0;
z-index : 5;
}
p.scroll {
padding : 0;
margin : 0;
}
div.arrow {
display : block;
position : absolute;
width : 16px;
height: 13px;
top :244px;
left : 925px;
background-image: url('../images/arrow.gif');
padding : 0;
margin : 0;
border : 0;
z-index : 7;
}

div.copy-scroll-beer {
display : block;
position : absolute;
width : 880px;
height : 262px;
top : 280px;
left : 47px;
font-size : 1.1em;
line-height : 1.2em;
vertical-align : top;
overflow : auto;
overflow-x: hidden;
z-index : 4;
padding : 0 16px 0 0;
margin : 0;
border : 0;
}

.veggie {
font-size: 14px;
font-weight: bold;
color: #41a62a;
}

/* link colours */
.topnav a {
text-decoration : none;
}
.topnav a:link {
color : #ef8200;
}
.topnav a:visited {
color : #ef8200;
}
.topnav a:hover {
color : #be9e56;
}
.topnav a:focus {
color : #be9e56;
}
.topnav a:active {
color : #be9e56;
}

.address a {
text-decoration : none;
font-size: 1.2em;
}
.address a:link {
color : #663300;
}
.address a:visited {
color : #663300;
}
.address a:hover {
color : #ef8200;
}
.address a:focus {
color : #ef8200;
}
.address a:active {
color : #ef8200;
}

.copy a {
text-decoration : none;
font-weight: bold;
font-size: .8em;
}
.copy a:link {
color : #ef8200;
}
.copy a:visited {
color : #ef8200;
}
.copy a:hover {
color : #be9e56;
}
.copy a:focus {
color : #be9e56;
}
.copy a:active {
color : #be9e56;
}

.phonenumber a {
text-decoration : none;
}
.phonenumber a:link {
color : #663300;
font-size: 13px;
}
.phonenumber a:visited {
color : #663300;
font-size: 13px;
}
.phonenumber a:hover {
color : #ef8200;
font-size: 13px;
}
.phonenumber a:focus {
color : #ef8200;
font-size: 13px;
}
.phonenumber a:active {
color : #ef8200;
font-size: 13px;
}


.center a {
text-decoration : none;
font-weight: bold;
font-size: 1em;
}
.center a:link {
color : #ef8200;
}
.center a:visited {
color : #ef8200;
}
.center a:hover {
color : #be9e56;
}
.center a:focus {
color : #be9e56;
}
.center a:active {
color : #be9e56;
}

.email a {
text-decoration : none;
font-weight: bold;
font-size: 1.1em;
}
.email a:link {
color : #ef8200;
}
.email a:visited {
color : #ef8200;
}
.email a:hover {
color : #be9e56;
}
.email a:focus {
color : #be9e56;
}
.email a:active {
color : #be9e56;
}

.awards a {
text-decoration : none;
}
.awards a:link {
color : #ffe5b1;
}
.awards a:visited {
color : #ffe5b1;
}
.awards a:hover {
color : #ef8200;
}
.awards a:focus {
color : #ef8200;
}
.awards a:active {
color : #ef8200;
}

.area a {
text-decoration : none;
}
.area a:link {
color : #ffe5b1;
}
.area a:visited {
color : #ffe5b1;
}
.area a:hover {
color : #ef8200;
}
.area a:focus {
color : #ef8200;
}
.area a:active {
color : #ef8200;
}

.linkcopy a {
text-decoration : none;
font-weight: bold;
font-size: 1.1em;
}
.linkcopy a:link {
color : #ef8200;
}
.linkcopy a:visited {
color : #ef8200;
}
.linkcopy a:hover {
color : #be9e56;
}
.linkcopy a:focus {
color : #be9e56;
}
.linkcopy a:active {
color : #be9e56;
}

.opentimes a {
text-decoration : none;
font-weight: bold;
font-size: .8em;
}
.opentimes a:link {
color : #ef8200;
}
.opentimes a:visited {
color : #ef8200;
}
.opentimes a:hover {
color : #be9e56;
}
.opentimes a:focus {
color : #be9e56;
}
.opentimes a:active {
color : #be9e56;
}

.gallery a {
text-decoration : none;
font-weight: bold;
}
.gallery a:link {
color : #ef8200;
}
.gallery a:visited {
color : #ef8200;
}
.gallery a:hover {
color : #be9e56;
}
.gallery a:focus {
color : #be9e56;
}
.gallery a:active {
color : #be9e56;
}

.thumbs a {
text-decoration : none;
font-weight: bold;
}
.thumbs a:link {
color : #ef8200;
}
.thumbs a:visited {
color : #ef8200;
}
.thumbs a:hover {
color : #be9e56;
}
.thumbs a:focus {
color : #be9e56;
}
.thumbs a:active {
color : #be9e56;
}

.footer a {
text-decoration : none;
}
.footer a:link {
color : #be9e56;
}
.footer a:visited {
color : #be9e56;
}
.footer a:hover {
color : #ef8200;
}
.footer a:focus {
color : #ef8200;
}
.footer a:active {
color : #ef8200;
}