* { margin: 0; padding: 0; }
body { font: 0.8em/1.2 Verdana, Arial, Helvetica, sans-serif; background-color: #261a23; }
#wrapper { width: 868px; color: #101518; background-color: #fbfcf4; }

h1 { font-size: 1.5em; font-weight: normal; color: #0a4336; margin: 0 0 9px; }
h2 { font-size: 1.4em; font-weight: normal; color: #0a4336; margin: 0 0 7px; }
h3, h4, h5, h6 { font-weight: bold; font-size: 1em; color: #0a4336; margin: 10px 0 2px; }

dt { font-weight: bold; font-size: 0.9em; margin-bottom: 1px; }
dd { margin: 0 0 5px; font-size: 0.9em; padding: 0; }
dd p { margin: 0;}

p, ul { margin: 0 0 6px; padding: 0; }
#content ol, #content ul { list-style-position: inside; }
#content ol li { margin-bottom: 3px; }

a { color: #0a4336; }
a:hover { background-color: #0a4336; color: white; }
a img { border: 0; }

#publist { border-bottom: 3px solid #bec7b2; padding: 9px 0; font-size: 80%; }
#publist ul { margin: 0; }
#publist li { float: left; margin: 0 12px; list-style: none; }
#publist li a { color: #ffffff; text-decoration: none; }
#publist li.active a, #publist a:hover { color: #bec7b2; }

#header { position: relative; width: 866px; height: 332px; background-color: #101518;} 
img#logo { position: absolute; top: 340px; left: 28px; }
#home #header { background: url(images/oi-fireplace.jpg) top left no-repeat; }
#foodpage #header { background: url(images/oi-serving.jpg) top left no-repeat; }
#drinkspage #header { background: url(images/oi-drinks.jpg) top left no-repeat; }
#picturespage #header { background: url(images/oi-outside.jpg) top left no-repeat; }
#bookpage #header { background: url(images/oi-garden.jpg) top left no-repeat; }
#findpage #header { background: url(images/oi-sign.jpg) top left no-repeat; }
#shoppage #header { background: url(images/oi-shopfood.jpg) top left no-repeat; }
#bandbpage #header { background: url(images/oi-bandb.jpg) top left no-repeat; }

#nav { width: 257px; height: 332px; background: #261a23 url(images/nav-bg.jpg) top left no-repeat; margin-left: 611px; position: relative; }
#nav li { list-style: none; font-size: 1.3em; }
#nav ul { margin: 0; padding: 0; }
#nav a { text-decoration: none; color: white; display: block; background-position: 0 0; background-repeat: no-repeat; text-indent: -999em; margin-bottom: 3px; position: absolute; outline: none; }

#nav li a#food { background-image: url(images/food.gif); width:69px; height: 40px; top: 7px; left: 45px;}
#nav li a#drinks { background-image: url(images/drinks.gif); width:92px; height: 39px; margin: 0 0 5px; top: 7px; left: 138px; }
#nav li a#pictures { background-image: url(images/pictures.gif); width:86px; height: 41px; margin: 0; top: 174px; left: 45px; }
#nav li a#book { background-image: url(images/book-a-table.gif); width:192px; height: 58px; top: 51px; left: 45px;  }
#nav li a#find { background-image: url(images/find-us.gif); width:80px; height: 40px; top: 174px; left: 152px; }
#nav li a#shop { background-image: url(images/virtual-shop.gif); width:192px; height: 60px; top: 113px; left: 43px; }

#nav li a:hover { background-color: #261a23; }

#nav li a#food:hover { background-position: 0 -40px;}
#nav li a#drinks:hover { background-position: 0 -39px;} 
#nav li a#pictures:hover { background-position: 0 -41px;}
#nav li a#shop:hover { background-position: 0 -60px;}
#nav li a#book:hover { background-position: 0 -58px;}
#nav li a#find:hover { background-position: 0 -40px;}

#nav li.active a#food { background-position: 0 -80px;}
#nav li.active a#drinks { background-position: 0 -78px;}
#nav li.active a#pictures { background-position: 0 -82px;}
#nav li.active a#shop { background-position: 0 -120px;}
#nav li.active a#book { background-position: 0 -116px;}
#nav li.active a#find { background-position: 0 -80px;}

#contactinfo { background: #101518 url(images/info-bg.gif) no-repeat top left; width: 868px; height: 65px;}
#contactinfo p { padding: 11px 16px 0 315px; color: #101518; text-align: left; }
#contactinfo span { margin-right: 20px; }
#contactinfo span.address { margin-right: 10px; }
#contactinfo a { color: #101518;}
#contactinfo a:hover { color: #fff; background-color: #0a4336;}

#main { background: url(images/content-wave.gif) top right repeat-y; width: 868px;}

#content { width: 836px; padding: 31px 32px 0 0;}
#content img { float: right; margin: 2px 0 11px 5px; clear: right; }

#leftcol { width: 547px; float: left; padding: 0; }
#rightcol { width: 251px; float: right; }

#booking, #intro, #music, .homepageitem, #newsletter, #menu, #genericinfo  { display: inline; width: 521px; margin-bottom: 18px; margin-left: 26px; float: left; clear: both; }

#menu, #genericinfo { padding-bottom: 20px;}

#findusmap { display: inline; width: 800px; margin-bottom: 18px; margin-left: 26px; float: left; clear: both; }

#map { width: 800px; height: 400px; margin: 20px 0;}

#music, .homepageitem, #newsletter { border-top: 9px solid #d8e8e8; padding-top: 16px; }

.quotebox { clear: both; background: #bdc7b1 url(images/quote-top.gif) top left no-repeat; margin-bottom: 30px; padding: 10px 0 0; }
.quotebox p { padding: 0 14px; font-size: 1.2em; color: white; }
p.quoted {  background: #bdc7b1 url(images/quote-bottom.gif) bottom left no-repeat; padding-bottom: 12px; color: #0a4336; }
p.quote { background: url(images/end-quote.gif) bottom right no-repeat;margin-right: 14px; font-style: italic; padding-right: 0;}

#newsletter { background: url(images/proper-pint.jpg) bottom left no-repeat; padding: 30px 0 66px 187px; width: 333px; margin-bottom: 0 ; float: none; display: block;	}

.boxout { float: right; width: 223px; border: 4px dotted #c9dbe1; padding: 10px; margin-bottom: 32px; }
.boxout h2 { margin-bottom: 5px; font-size: 1.1em; font-weight: bold; }
.boxout ul { list-style: none; }
.boxout li { list-style-position: outside; font-size: 0.9em; margin: 0 0 3px; padding: 0; }
.boxout li span { font-weight: bold; }
.boxout #hours { margin-bottom: 10px; }
.boxout p { font-size: 0.9em; margin-bottom: 4px; line-height: 1.3; }

#events { float: right; width: 223px; padding: 10px 14px; background: url(images/events-bg.gif) top right no-repeat; clear: right;  }
#events h2 { margin-bottom: 3px; font-size: 1.1em; font-weight: bold; }

.drinks dt { font-weight: normal; font-size: 1em; margin: 10px 0 2px; }
.drinks dt span { font-weight: bold; }
.food dt { color: #0a4336; font-weight: normal; }
.food dt span { color: #0a4336; }
#menu dd { width: 450px; }
#menu h2 { margin-top: 16px; }
#menu h1#bar { margin-top: 30px; }

.food br { display: none; }

#gallery { display: inline; width: 800px; margin-bottom: 18px; margin-left: 26px; float: left; clear: both; position: relative; }
#content #gallery img { float: none; margin: 0; }
.thumbnail { float: left; width: 230px; margin: 12px 33px 21px 0; }
* html .thumbnail {  margin: 12px 23px 11px 0; }
.thumbnail img { width: 230px; }
.thumbnail a:hover { background-color: #e7f5f5; } 
#image p { text-align: center; }
#image { margin: 10px 0 20px;}
p.back { text-align: right;}

.navigation { clear: both; margin: 0 0 20px 0; position: absolute; top: 2px; right: 0;}
.alignleft a, .alignright a { display: block; width: 18px; height: 17px; padding: 0; float: left; outline: none; text-indent: -999em; }
.alignleft a { background: url(images/right-arrow.gif) 0 0 no-repeat; margin: 0 0 0 10px; }
.alignright a { background: url(images/left-arrow.gif) 0 0 no-repeat; }
.alignleft a:hover, .alignright a:hover { background-position: 0 -17px; background-color: #e7f5f5; }

#footer { clear: both; width: 800px; border-top: 13px solid #261a23; padding: 12px 0 6px 26px; }
#footer ul { margin-bottom: 6px; clear: both; }
#footer li { float: left; list-style: none; margin: 0 24px 0 0; }
#footer a { text-decoration: none; }

fieldset { border: 0; }
legend { display: none;}
input, textarea, label, select { padding: 2px 3px; border: 3px solid #f8eee9; float: left; margin-bottom: 6px; font: 100%/1.3 verdana, Arial, Helvetica, sans-serif; width: 250px;}
input, textarea, select { color: #666; }
textarea { width: 270px; }
select { padding: 1px 0px 1px 2px; width: auto; margin-right: 4px;}
option { margin-right: 8px; }
label { width: 110px; margin-right: 10px; float: left; padding: 2px 0; border: 0; clear: both; }	
form br { clear: left; }
input.submit { margin-left: 120px;  width: 174px; height: 42px; background: url(images/book-your-table.gif) no-repeat; text-indent:-999em; padding: 0; border: 0;}

#rightcol input, #rightcol textarea { width: 239px; }
#rightcol input#date { width: 100px; margin-right: 3px; }
#rightcol label { width: 239px; margin-bottom: 2px; }
input.submit-room { width: 180px; height: 42px; background: url(images/book-your-room.gif) no-repeat; text-indent:-999em; padding: 0; border: 0;}


.cf:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0px;
}