html, body {min-height: 100%; margin-bottom: 1px;}

body {
	background-color: #fff;
	color: #000;
	font-family: Verdana, sans-serif;
	font-size: 76%;
	margin: 15px 0;
}

h1, h2, h3 {font-weight: bold; margin: 0 0 1.5em; padding: 0;}
h1 {
	width: 32px;
	height: 220px;
	float: left;
	position: relative;
	left: -52px;
	background: top left no-repeat;
	text-decoration: none;
	text-indent: -9999px;
	margin: -20px -32px 0 0;
}
h2 {color: #000; font-size: 100%; text-decoration: underline;}
h3 {color: #808040; font-size: 100%; margin-bottom: 0.2em;}

a, a:visited {color: #808040; font-weight: bold; text-decoration: underline;}
a:hover {color: #000; text-decoration: underline;}
a img {border: none;}
.footer a {font-weight: normal;}

p {margin: 0; padding: 0 0 1.3em; line-height: 1.3em;}
p.centre {text-align: center;}
#footer p, .quote p, .quote_wide p {padding: 0;}

form {margin: 0;}
table {margin: 0 0 15px;}

.clear {clear: both;}


/* layout */
#wrapper {position: relative; width: 760px; margin-left: auto; margin-right: auto;}
#header {height: 162px; background: url(../images/klx_header.jpg) top left no-repeat;}
#printHeader {display: none;}
#nav {height: 23px; border-bottom: 1px solid #808040; margin-top: -15px;}
#content { 
	width: 656px;
	border-left: 32px solid #dbddac;
	border-right: 32px solid #dbddac;
	padding: 20px 20px 0;
	margin: 4px 0;
}
#contentHome {
	width: 620px;
	border-left: 32px solid #dbddac;
	border-right: 68px solid #dbddac;
	padding: 20px 20px 0;
	margin: 4px 0;
}
#certs {
	width: 58px;
	float: right;
	position: relative;
	right: -88px;
	top: -20px;
	margin-left: -68px;
	margin-bottom: -20px;
	padding: 10px 5px 0;
	overflow: hidden;
}
#certs img {float: left; margin-bottom: 10px;}
#title {float: left; position: relative; left: -52px; margin-top: -20px; margin-right: -32px;}
#footer {
	border-width: 1px 0;
	border-style: solid;
	border-color: #808040;
	font-size: 93%;	
	color: #808040;
	padding: 5px 0;
	margin-top: 4px;
	overflow: hidden;
	height: 1%;	
}


/* navigation */
#nav ul {list-style: none; margin: 0; padding: 0;}
#nav li {float: left;}

#nav a {float: left; position: relative; overflow: hidden; cursor: pointer; height: 23px; line-height: 21px; font-size: 12px; text-decoration: none;}
#nav a em {position: absolute; left: 0; top: 0; display: block; height: 23px;}

a#accomm {width: 130px;}
a#accomm em {width: 130px; background: url(../images/accomm_b.gif) no-repeat top left;}
a#accomm:hover em {background-position: 0 -23px;}

a#stay {width: 100px; text-align: center;}
a#stay em {width: 100px; background: url(../images/stay_b.gif) no-repeat top left;}
a#stay:hover em {background-position: 0 -23px;}

a#area {width: 105px; text-align: center;}
a#area em {width: 105px; background: url(../images/area_b.gif) no-repeat top left;}
a#area:hover em {background-position: 0 -23px;}

a#tariff {width: 70px; text-align: center;}
a#tariff em {width: 70px; background: url(../images/tariff_b.gif) no-repeat top left;}
a#tariff:hover em {background-position: 0 -23px;}

a#weddings {width: 100px; text-align: center;}
a#weddings em {width: 100px; background: url(../images/weddings_b.gif) no-repeat top left;}
a#weddings:hover em {background-position: 0 -23px;}

a#contact {width: 105px; text-align: center;}
a#contact em {width: 105px; background: url(../images/contact_b.gif) no-repeat top left;}
a#contact:hover em {background-position: 0 -23px;}

a#home {width: 55px; text-align: right;}
a#home em {width: 55px; background: url(../images/home_b.gif) no-repeat top left;}
a#home:hover em {background-position: 0 -23px;}


/* headings */
h1.welcome {background-image: url(../images/welcome.gif);}
h1.accomm {background-image: url(../images/accomm.gif);}
h1.stay {background-image: url(../images/stay.gif);}
h1.area {background-image: url(../images/area.gif);}
h1.tariff {background-image: url(../images/tariff.gif);}
h1.booking {background-image: url(../images/booking.gif);}
h1.weddings {background-image: url(../images/weddings.gif);}
h1.contact {background-image: url(../images/contact.gif);}


/* general */
.imgleft {float: left; margin-right: 20px; margin-bottom: 15px;}
.imgright {float: right; margin-left: 20px; margin-bottom: 15px;}
.border {border: 1px solid #808040; padding: 4px;}

th {color: #000; font-size: 100%; font-weight: bold; text-decoration: underline;}

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

.map {border: 1px solid #808040;}
.heading {color: #808040; font-weight: bold;}
.booking {font-family: Verdana, sans-serif; font-size: 12px;}
.copyright {float: left; color: #808040; font-weight: normal;}
.quote_names {color: #808040; font-style: italic;}
.top {float: right;}

.quote {
	float: right;
	width: 235px;
	border: 2px solid #808040;
	font-size: 90%;
	padding: 10px;
	margin-bottom: 20px;
	margin-left: 20px;
}

.quote_wide {
	float: right;
	width: 280px;
	border: 2px solid #808040;
	font-size: 93%;
	padding: 10px;
	margin-bottom: 20px;
	margin-left: 20px;
}

.quote.home {
	float: left;
	width: 320px;
	margin: 0 20px 10px 0;
}

table.tariff {width: 300px; border-width: 1px 1px 0 0; border-style: solid; border-color: #808040;}
table.tariff td {width: 150px; border-width: 0 0 1px 1px; border-style: solid; border-color: #808040;}
table.tariff td.inner {border-bottom: none;}

.gallery {width: 164px; float: left; text-align: center; padding-bottom: 30px;}

.accommodation table {margin: 0;}

.yfa {float: right; margin: -10px 12px 15px 25px;}
.wolsey {float: right; margin: 0 0 10px}