@charset "utf-8";
body {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background: #172339 url(../img/mainbg.jpg) repeat-x;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	line-height: 17px;}
	
a {
	text-decoration: none;
	color: #0000FF;}
a:hover {
	text-decoration: underline;}

a.footerLinks {
	color: #FFFFFF;}
	
#header {
	width: 509px;
	background: url(../img/header.jpg) no-repeat;
	height: 158px;
	margin: 0 auto;
	position: relative;
	right: 270px;}
	
#container {
	width: 780px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	top: -75px;}
	
#KnightRestBB {
	background: url(../img/knightRest.jpg) no-repeat;
	width: 291px;
	height: 73px;
	position: relative;
	top: -68px;
	left: 475px;}	
	
#menuContainer {
	position: relative;
	top: -40px;}
	
#mainContent {
	padding: 0 20px;
	background: #DDDDDD;
	border: 15px solid #FFFFFF;}
#mainContent.contact td {
	vertical-align: top;}
	
#footer {
	width: 750px;
	margin: 0 auto;
	color: #FFFFFF;
	position: relative;
	top: -65px;}	
#footer table {
	width: 100%;}	
#footer td {
	width: 33%;}	
	
.txtLeft {	
	text-align: left;}
.txtRight {
	text-align: right;}
.txtBold {
	font-weight: bold;}
.txtCentre {
	text-align: center;}
	
.fltRight {
	float: right;}
.fltLeft {
	float: left;}
.fltClear {
	clear: both;}		
	
.photoBorder {
	border: 5px solid #FFFFFF;}
	
/***************MENU****************/
#menu {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 780px;
	height: 210px;
	position: absolute;}

#menu a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;}
	
#menu a:hover {
	background-position: left bottom;}
	
#menu .home {
	width: 88px;
	height: 30px;
	background: url(../img/home.jpg) no-repeat;
	top: 0;}/*108*/
	
#menu .history {
	width: 100px;
	height: 30px;
	background: url(../img/history.jpg) no-repeat;
	left: 107px;
	top: 0;}/*228*/
	
#menu .bookings {
	width: 125px;
	height: 30px;
	background: url(../img/bookings.jpg) no-repeat;
	left: 226px;
	top: 0;}/*373*/
	
#menu .location {
	width: 125px;
	height: 30px;
	background: url(../img/location.jpg) no-repeat;
	left: 371px;
	top: 0;}/*518*/	
	
#menu .ferryTravel {
	width: 157px;
	height: 30px;
	background: url(../img/ferryTravel.jpg) no-repeat;
	left: 515px;
	top: 0;}/*695*/		
	
#menu .tariff {
	width: 90px;
	height: 30px;
	background: url(../img/tariff.jpg) no-repeat;
	left: 690px;
	top: 0;}