body {text-align: center;
background: #825736 url(../images/bg.jpg);
color: #304b52;
font: .7em verdana, arial, sans-serif; line-height: 20px;
margin-top: 15px; }

img { border: 0; }

#wrapper { width: 980px; margin: 0 auto; text-align: left; position: relative;  background:#6c7268; }
#top { clear: both; text-align: center; }
#top1 { clear: both; background: url(../images/fade.jpg) no-repeat; padding: 5px 0 5px 840px; color: #fff; font-weight: 700; font-size: 1.4em; }
#top2 { clear: both; background: url(../images/fade.jpg) no-repeat; padding: 5px 0 5px 765px; color: #fff; font-weight: 700; font-size: 1.4em; }
#content { width: 660px; float: left; padding: 0 0 0 10px; }
#left { width: 300px; float: left; }
#footer { clear: both; height: 120px; background: #8c9ea6 url(../images/curve.png) no-repeat; color: #fff; font: 1.3em arial, verdana, sans-serif; font-weight: 700;  }

.footer1 { float: left; width: 230px; padding: 40px 0 0 50px; line-height: 23px; }
.footer2 { float: left; width: 290px; padding: 60px 0 0 80px; line-height: 23px; }
.footer3 { float: left; width: 310px; padding: 0 0 0 20px; line-height: 23px; }

#inner { padding: 20px; background: #e5e7e3; margin-top: 12px; }

.firstcolumn { width: 150px; float: left; padding: 5px; background: #fff; margin-bottom: 10px; }
.secondcolumn { width: 430px; float: left; padding: 10px; background: #fff; min-height: 140px; margin-bottom: 10px; }
.thirdcolumn { width: 150px; float: left; padding: 5px;  background: #fff; margin: 10px; text-align: center; min-height: 190px; border: solid 1px #c6cbc1; }

h1 { font: 1.8em arial, verdana, sans-serif; font-weight: 700; }
h2 { font: 1.4em arial, verdana, sans-serif; font-weight: 700; line-height: 22px; }
h3 { font: 1.3em arial, verdana, sans serif; color: #fff; padding: 5px 0 0 5px; background: url(../images/fairylights.gif) no-repeat #002102; height: 25px; font-weight: 700; margin: 0; }

.padding { padding: 20px 0 0 0; }
.padding1 { padding: 55px 0 0 0; }
.padding2 { padding: 168px 0 0 0; }
.padding3 { padding: 148px 0 0 0; }
.padding4 { padding: 24px 0 0 0; }
.picright { float: right; margin: 0 0 0 10px; border: solid 1px #fff; }
.picright1 { float: right; margin: 0 0 0 10px; }
.picright2 { float: right; margin: 0 0 0 10px; background: #1272b9; color: #fff; }
.picleft { float: left; margin: 0 10px 0 0; }
.picleftpad { float: left; margin: 15px 20px 0 0; }
.paddingtop { padding-top: 10px; }
.paddingleft { padding-left: 20px; }

div#nav a { font: 1em verdana, arial, sans-serif; color:#accbd6; text-decoration: none; background:#5f635d; font-weight:700;  padding: 10px 3px 10px 20px; display:block; margin: 0 0 10px 0; border-bottom: solid 1px #333731; }
div#nav a:visited { font: 1em verdana, arial, sans-serif; color:#accbd6; text-decoration: none; background:#5f635d; font-weight:700;  padding: 10px 3px 10px 20px; display:block; margin: 0 0 10px 0; border-bottom: solid 1px #333731; }
div#nav a:hover { font: 1em verdana, arial, sans-serif; color:#accbd6; text-decoration: none; background:#585957;  font-weight:700; padding: 10px 3px 10px 20px; display:block; margin: 0 0 10px 0; border-bottom: solid 1px #333731; }

div#nav1 a { background:#7d574e url(../images/restaurantbar.jpg) no-repeat left top; display: block; height: 70px; width: 661px; }
div#nav1 a:visited { background:#7d574e url(../images/restaurantbar.jpg) no-repeat left top; display: block;  height: 70px; width: 661px; }
div#nav1 a:hover { background-position: 0 -70px; }

div#nav2 a { background:#7d574e url(../images/obanbaybrewery.jpg) no-repeat left top; display: block; height: 70px; width: 661px; }
div#nav2 a:visited { background:#7d574e url(../images/obanbaybrewery.jpg) no-repeat left top; display: block;  height: 70px; width: 661px; }
div#nav2 a:hover { background-position: 0 -70px; }

div#nav3 a { background:#7d574e url(../images/whiskybar.jpg) no-repeat left top; display: block; height: 70px; width: 661px; }
div#nav3 a:visited { background:#7d574e url(../images/whiskybar.jpg) no-repeat left top; display: block;  height: 70px; width: 661px; }
div#nav3 a:hover { background-position: 0 -70px; }

div#nav4 a { background:#7d574e url(../images/venue.jpg) no-repeat left top; display: block; height: 70px; width: 661px; }
div#nav4 a:visited { background:#7d574e url(../images/venue.jpg) no-repeat left top; display: block;  height: 70px; width: 661px; }
div#nav4 a:hover { background-position: 0 -70px; }

div#nav5 a { font: 1em verdana, arial, sans-serif; color:#accbd6; text-decoration: none; background:#637885; font-weight:700;  padding: 6px 3px 6px 30px; display:block; margin: 0 15px 10px 15px; border-bottom: solid 1px #333731; }
div#nav5 a:visited { font: 1em verdana, arial, sans-serif; color:#accbd6; text-decoration: none; background:#637885; font-weight:700;  padding: 6px 3px 6px 30px; display:block; margin: 0 15px 10px 15px; border-bottom: solid 1px #333731; }
div#nav5 a:hover { font: 1em verdana, arial, sans-serif; color:#accbd6; text-decoration: none; background:#54636c;  font-weight:700; padding: 6px 3px 6px 30px; display:block; margin: 0 15px 10px 15px; border-bottom: solid 1px #333731; }

a:link { color: #358dc5; text-decoration: underline; background: transparent; font-weight: 700; }
a:visited { color: #358dc5; text-decoration: underline; background: transparent; font-weight: 700;}
a:hover { color: #637885; text-decoration: underline; background: transparent; font-weight: 700; }

a.link2:link { color: #b4b25d; text-decoration: none; background: transparent; font-size:1em; font-weight: 500; }
a.link2:visited { color: #b4b25d; background: transparent; text-decoration: none; font-size:1em;  font-weight: 500; }
a.link2:hover { color: #b4b25d; background: transparent;  text-decoration: underline; font-size:1em;  font-weight: 500; }

a.link3:link { color: #fff; text-decoration: none; background: transparent; font-size:1em; font-weight: 700; }
a.link3:visited { color: #fff; background: transparent; text-decoration: none; font-size:1em;  font-weight: 700; }
a.link3:hover { color: #fff; background: transparent;  text-decoration: underline; font-size:1em;  font-weight: 700; }

.nolink { font: 1em verdana, arial, sans-serif; color:#accbd6; text-decoration: none; background:#5f635d; font-weight:700;  padding: 10px 3px 10px 20px; display:block; margin: 0 0 10px 0; border-bottom: solid 1px #333731; text-transform: uppercase; }

.nolink1 { font: 1em verdana, arial, sans-serif; color:#accbd6; text-decoration: none; background:#637885; font-weight:700;  padding: 6px 3px 6px 30px; display:block; margin: 0 15px 10px 15px; border-bottom: solid 1px #333731; text-transform: uppercase; }

.bold { font-weight: 700; }
.dots { background-image: url(../images/dots.gif); background-repeat: repeat-x; height: 1px; }
.line { background: #053905; height: 1px; clear: both; padding: 0; margin: 0 0 10px 0; }
.border { border: solid 1px #c7e3c7; }

.clear { clear: both; }
.left { float: left; }
.right { float: right; }

.leftgallery { float: left; padding: 5px; border: solid 1px #d7c5d7; margin: 5px; background-color: #e5dbe5; }
.galleryback { width: 400px; }
.address { color: #fff; background: #535551; font: 1.1em arial, verdana, sans-serif; font-weight: 700; margin: 10px 0 10px 10px; padding: 10px 10px 10px 20px; line-height: 22px; }