* {
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
	
body {
	background: #7e897f;
}
	
table {
		margin: 0 40px;
}
	
.bold {
	font-weight: bold;
}
	
div#contentwrapper {
	background:	url(../img/basebg.gif) center repeat-y;
	margin: 0 auto;
	width: 1000px;
	position: relative;
}


div#shellsbgtop {
	background: url(../img/shellsbgtop.jpg) no-repeat;
	width: 860px;
	height: 650px;
	position: absolute;
	left: 70px;
}
	
	
	
div#shellsbgbottom {
	background: url(../img/shellsbgbottom.jpg) no-repeat;
	width: 860px;
	height: 647px;
	position: absolute;
	left: 70px;
	bottom: 0;
}



/* anything to do with the site header */
div#header {
	width: 860px;
	margin-left: 70px;
	top: 0;
	height: 321px;
	position: relative
}


div#logobg {
	background: url(../img/logobg.jpg) no-repeat;
	width: 398px;
	height: 240px;
	position: absolute;
	left: 34px;
	top: 17px;
}
	
h1, h3 {
	display: none;
}
	
div#logobg h2 {
	padding: 70px 30px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14pt;
	color: #7f1712;
	text-align: center;
	line-height: 25px;
}
	
div#logobg h2 a {
	color: #7f1712;
	text-decoration: underline;
}
	
div#logobg h2 a:hover {
	text-decoration: none;
}
	
div.imgbg {
	width: 408px;
	height: 258px;
	position: absolute;
	left: 432px;
	top: 17px;
}
	
div#insidepub {
	background: url(../img/insidepub.jpg) no-repeat;
}

div#outsidepub {
	background: url(../img/outsidepub.jpg) no-repeat;
}
	
div#closepub {
	background: url(../img/closepub.jpg) no-repeat;
}
	
div#ferryview {
	background: url(../img/ferryview.jpg) no-repeat;
}



/* anything to do with the nav menu */
div#menubg {
	background: url(../img/menubg.gif) no-repeat;
	width: 790px;
	padding-right: 16px;
	height: 37px;
	position: absolute;
	left: 34px;
	top: 275px;
	cursor: default;
	font-size: 16px;
	text-align: center;
	line-height: 25px;
}

div#menubg a.menulink {
	color: #e4dccb;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0 6px;
}
	
div#menubg a.menulink:hover {
	color: white;
}



/* anything to do with the main content window */
div#mainbg {
	background: url(../img/mainbgmiddle.gif) repeat-y;
	width: 793px;
	position: relative;
	left: 104px;
	z-index: 3;
}
	
div#mainbg div#mainbgtop {
	background: url(../img/mainbgtop.gif) no-repeat;
	width: 793px;
	height: 140px;
	position: relative;
	top: 0;
	z-index: 1;
}
	
div#mainbg div#mainbgcontent {
	background: url(../img/mainbgbottom.gif) no-repeat bottom;
	width: 733px;
	min-height: 290px;
	padding: 30px 30px 70px;
	position: relative;
	z-index: 2;
	overflow: hidden;
	height: auto;
}
	
div#mainbgtop div {
	background: url(../img/ferryboatinnest1465bg.gif) no-repeat;
	width: 529px;
}	
	
div#mainbgtop div#openinghours {
	background: url(../img/openinghoursbg.gif) no-repeat;
	width: 361px;
}
	
div#mainbgtop div#fooddrink {
	background: url(../img/fooddrinkbg.gif) no-repeat;
	width: 302px;
}
	
div#mainbgtop div#howtofindus {
	background: url(../img/howtofindusbg.gif) no-repeat;
	width: 362px;
}
	
div#mainbgtop div#felixstoweferry {
	background: url(../img/felixstoweferrybg.gif) no-repeat;
	width: 373px;
}
	
div#mainbgtop div#links {
	background: url(../img/linksbg.gif) no-repeat;
	width: 141px;
}
	
div#mainbgtop div#christmas {
	background: url(../img/christmasbg.gif) no-repeat;
	width: 688px;
}
	
div#mainbgtop div#extension {
	background: url(../img/privatefunctionsbg.gif) no-repeat;
	width: 407px;
}

div#mainbgcontent p {
	color: #7e2515;
	line-height: 30px;
	padding-bottom: 20px;
	text-align: center;
}
	
div#mainbgcontent p a {
	color: #002c4f;
	text-decoration: underline;
}

div#mainbgcontent a.caskmarque {
	color: #7e2515;
	text-decoration: underline;
	position: absolute;
	left: 580px;
	top: 298px;
	
}
	
div#mainbgcontent p.left {
	text-align: left;
	margin: 0 40px;
}
	
div#mainbgcontent p.left a {
	color: #7e2515;
	text-decoration: underline;
}

div#mainbgcontent p.left a:hover {
	text-decoration: none;
}

div#mainbgcontent p.left a img {
	margin-right: 22px;
	border: 1px solid #7e2515;
}

div#mainbgcontent img.border {
	border: 1px solid #7e2515;
}

div#mainbgcontent img.right-margin {
	margin-right: 41px;
}

	
div#mainbgcontent p.large {
	font-size: 1.3em;
}

div#mainbgcontent p.breadcrumbs {
	font-size: 0.8em;
	text-align: left;
	margin-left: 40px;
}
div#mainbgcontent p.breadcrumbs a {
	color: #7e2515;
}
div#mainbgcontent p.breadcrumbs a:hover {
	text-decoration: none;
}

div#mainbgcontent p.functionsmenu {
	text-align: center;
	float:left;
	width: 204px;
	margin-left: 30px;
	font-size: 0.85em;
}
p.functionsmenu span.sectionbreak {
	display: inline-block;
	background: url(../img/sectionbreakbg.gif) no-repeat;
	width: 39px;
	height: 17px;
}

p.functionsmenu span.bold {
	font-size: 1.2em;
}

	
div#mainbgcontent p#jim-image {
	width: 200px;
	float: right;
	margin: 0 40px;
	padding: 0;
	font-size: 0.9em;
	line-height: 1.5em;
}
	
div#mainbgcontent p#jim-image a#image {
	width: 200px;
	height: 246px;
	background-image: url(../img/pictureframe.jpg);
	display: block;
	margin-bottom: 10px;
}
	
div#mainbgcontent p#jim-image a img {
	margin: 54px 0 0 0;
}
	
div#mainbgcontent p#jim-image a {
	color: #7e2515;
	text-decoration: underline;
}
div#mainbgcontent p#jim-image a:hover {
	text-decoration: none;
}
	
div#mainbgcontent table {
	text-align: center;
}
div#mainbgcontent table tr {
}
div#mainbgcontent table tr td {
	padding: 10px 10px 10px 0;
}

div#mainbgcontent table tr.gallery td a {
	width: 200px;
	height: 246px;
	background-image: url(../img/pictureframe.jpg);
	display: block;
	margin-bottom: 10px;
	font-size: 0;
}
div#mainbgcontent table tr.gallery td a img {
	margin: 54px 0 0 54px;
	border: 0;
}
	
	
div.column {
	width: 346px;
	padding: 0 10px;
	display: inline;
	float: left;
}
	
div.column p {
	text-align: left;
}
	
div#google-map {
	width: 582px;
	height: 435px;
	margin: 0 auto;
	border: 2px solid #7e2515;
}
	


/* anything to do with the food menu*/

div#mainbgtop div.menutitle {
	height: 68px;
	position: relative;
	top: 72px;
	margin: 0 auto;
}
	
div#foodleft {
	float: left;
	text-align: center;
}
	
div#foodright {
	float: right;
	text-align: center;
}
	
h2 div {
	text-align: left;
}
	

div#mainbgtop div#starters {
	background: url(../img/startersbg.gif) no-repeat;
	width: 226px;
}
	
div#mainbgtop div#maincourses {
	background: url(../img/maincoursesbg.gif) no-repeat;
	width: 332px;
}
		
div#mainbgtop div#fishmaincourses {
	background: url(../img/fishmaincoursesbg.gif) no-repeat;
	width: 422px;
}
		
div#mainbgtop div#salads {
	background: url(../img/saladsbg.gif) no-repeat;
	width: 171px;
}
	
div#mainbgtop div#fooddrink {
	background: url(../img/fooddrinkbg.gif) no-repeat;
	width: 302px;
}

div#mainbgtop div#lunchtimesnacks {
	background: url(../img/lunchtimesnacksbg.gif) no-repeat;
	width: 460px;
}

div#mainbgtop div#kidsmenu {
	background: url(../img/kidsmenubg.gif) no-repeat;
	width: 277px;
}
	
div#mainbgcontent a#linkleft {
	float: left;
	margin-top: 30px;
}
div#mainbgcontent a#linkright {
	float: right;
	margin-top: 30px;
}

div#mainbgcontent td {
	padding: 10px;
	vertical-align: top;
	color: #7e2515;
	text-align: left;
}

div#mainbgcontent td a {
	color: #7e2515;
	font-weight: bold;
}

div#mainbgcontent td a:hover {
	color: #b6351e;
	text-decoration: underline;
}

div#mainbgcontent table.nodesc td {
	width: 250px;
	font-style: italic;
}

td.dishtitle {
	font-weight: bold;
}

td.lunchtitle {
	font-weight: bold;
	width: 180px;
}
	
div#mainbgcontent td.dishprice {
	text-align: right;
	vertical-align: bottom;
}

td.dishdesc {
	font-style: italic;
}

td.dishfull {
	width: 200px;
}

td.sidetitle {
	width: 400px;
	font-weight: bold;
}
	
div#mainbgcontent td.sideprice {
	width: 50px;
	text-align: right;
	padding-right: 50px;
}

div#mainbgtop div#fishmaincourses {
	background: url(../img/fishmaincoursesbg.gif) no-repeat;
	width: 422px;
}
	
div#mainbgtop div#fooddrink {
	background: url(../img/fooddrinkbg.gif) no-repeat;
	width: 302px;
}

div#mainbgtop div#beefdishes {
	background: url(../img/beefbg.gif) no-repeat;
	width: 332px;
}
	
div#mainbgtop div#chickendishes {
	background: url(../img/chickenbg.gif) no-repeat;
	width: 387px;
}
	
div#mainbgtop div#porkdishes {
	background: url(../img/porkbg.gif) no-repeat;
	width: 288px;
}
	
div#mainbgtop div#lambdishes {
	background: url(../img/lambbg.gif) no-repeat;
	width: 332px;
}
	
div#mainbgtop div#duckdishes {
	background: url(../img/duckbg.gif) no-repeat;
	width: 332px;
}
		
div#mainbgtop div#vegetariandishes {
	background: url(../img/vegetarianbg.gif) no-repeat;
	width: 457px;
}
	
div#mainbgtop div#sideorders {
	background: url(../img/sideordersbg.gif) no-repeat;
	width: 332px;
}
	
div#mainbgtop div#caughtinthemiddle {
	background: url(../img/caughtinthemiddlebg.gif) no-repeat;
	width: 524px;
}

/* anything to do with christmas */
	
p#christmas-homepage {
	background: url(../img/christmas-homepage.jpg) no-repeat;
	margin: 0 40px;
	width: 502px;
	height: 122px;
	padding: 120px 0 0 180px;
	position: relative;
	text-align: left;
}
p#christmas-homepage a {
	display: block;
	width: 682px;
	height: 242px;
	position: absolute;
	top: 0;
	left: 0;
}	
	
/* anything to do with the site footer */


div#footer {
	width: 793px;
	height: 400px;
	position: relative;
	left: 104px;
}
	
div#footer div#contactbg {
	background: url(../img/contactfooter.jpg) no-repeat;
	width: 793px;
	height: 347px;
	position: relative;
}
	
div#contactbg div#contactinfo {
	text-align: right;
	color: black;
	position: relative;
	right: 291px;
	top: 116px;
	font-size: 0.8em;
	line-height: 19px;
}
	
div#contactbg div#contactinfo a {
	color: #b7090f;
	text-decoration: underline;
}
div#contactbg div#contactinfo a:hover {
	text-decoration: none;
}
	
	
div#copyright, div#copyright a {
	text-align: center;
	color: #e4dccb;
	text-decoration: none;
	font-size: 12px;
	margin-top: 9px;
}
	
div#copyright a:hover {
	color: #dd0911;
	text-decoration: underline;
}
	
a.extension {
	position: absolute;
	top: 17px;
	right: 90px;
	width: 159px;
	height: 172px;
	display: block;
	background: url(../img/extension.jpg) no-repeat;
}
a#outsidepub {
	background-position: 0 0;
	
}
a#outsidepub:hover {
	background-position: 0 -172px;
}

a#closepub {
	background-position: -318px 0;
	
}
a#closepub:hover {
	background-position: -318px -172px;
}

a#golfcourse {
	background-position: -159px 0;
	
}
a#golfcourse:hover {
	background-position: -159px -172px;
}

a#ferryview {
	background-position: -477px 0;
	
}
a#ferryview:hover {
	background-position: -477px -172px;
}

a#outsideextension {
	background-position: -636px 0;
	
}
a#outsideextension:hover {
	background-position: -636px -172px;
}