/**************** Body and tag styles ****************/
* {margin: 0;}
body, h1, h2, h3, h4, h5, h6, p, blockquote, label, fieldset, ul, ol, dl, li, object, table, th, tr, td  {padding: 0;}
body {
	font: 100%/1.3 "Gill Sans", "GillSans", "Gill Sans MT", Tahoma, Arial, Helvetica, sans-serif;
	color: #000; background: url(../images/main/page-bg.jpg) repeat left top;
}
img {
	border: none;
	vertical-align: bottom;
}
h1 {
	font-weight: normal;
	font-size: 1.3em;
	letter-spacing: 3px;
	margin-bottom: .8em;
}
h2 {
	font-weight: normal;
	font-size: 1.6em;
	letter-spacing: 3px;
	margin-bottom: .4em;
	padding-left: 12px;
}
h3 {
	font-size: 1.2em;
	margin-bottom: .6em;
	color: #5B3D36;
}
h4 {
}
h5 {
}
h6 {
}
p, ul, ol {font-size: .9em;
	margin-bottom: 1em;
	line-height: 1.5;
}
ul, ol {margin-left: 1.1em;
}
a {text-decoration: underline;}
a:link {color: #000;}
a:visited {color: #000;}
a:hover {color: #5B3D36; text-decoration: none;}
a:active {color: #5B3D36; text-decoration: none;
}
table, th, td {
	border-collapse: collapse;
}
table {
	font-size: .9em;
	margin: 0 auto 1.2em;
}
td, th {
	border: 1px solid #928978;
	padding: .5em;
	text-align: left;
	background: url(../images/tariff/table-bg-light.jpg) repeat center top;
}
th {
	background: url(../images/tariff/table-bg-dark.jpg) repeat left top;
}
/**************** Container styles ****************/
#container {
	width: 980px;
	margin: 0 auto;
	position: relative;
}
/**************** Header styles ****************/
#header {
	background: url(../images/main/header-bg.jpg) no-repeat left top;
	width: 980px;
	height: 296px;
	position: relative;
}
img#logo {
	position: absolute;
	left: 325px;
	top: 100px;
}
img#logobottom {
	position: absolute;
	left: 252px;
	top: 296px;
}
#header p {
	position: absolute;
	left: 36px;
	top: 239px;
}
#header p#bottomleft {
	top: 272px;
	left: 43px;
}
#header p#topright {
	left: 488px;
}
#header p#bottomright {
	left: 542px;
	top: 272px;
}
/**************** Navigation styles ****************/
#header p a {display: block; height: 13px; float: left;
}
#header p#bottomleft a, #header p#bottomright a {height: 17px;
}
#header p a#homelink {background: url(../images/main/welcome-text.jpg) no-repeat left top; width: 95px;}
#header p a#homelink:hover {background: url(../images/main/welcome-text.jpg) no-repeat left -13px;}
#header p a#roomslink {background: url(../images/main/rooms-text.jpg) no-repeat left top; width: 75px;}
#header p a#roomslink:hover {background: url(../images/main/rooms-text.jpg) no-repeat left -13px;}
#header p a#restaurantlink {background: url(../images/main/restaurant-text.jpg) no-repeat left top; width: 115px;}
#header p a#restaurantlink:hover {background: url(../images/main/restaurant-text.jpg) no-repeat left -13px;}
#header p a#barlink {background: url(../images/main/bar-text.jpg) no-repeat left top; width: 57px;}
#header p a#barlink:hover {background: url(../images/main/bar-text.jpg) no-repeat left -13px;}
#header p a#leisurelink {background: url(../images/main/leisure-text.jpg) no-repeat left top; width: 87px;}
#header p a#leisurelink:hover {background: url(../images/main/leisure-text.jpg) no-repeat left -13px;}
#header p a#locationlink {background: url(../images/main/location-text.jpg) no-repeat left top; width: 114px;}
#header p a#locationlink:hover {background: url(../images/main/location-text.jpg) no-repeat left -13px;}
#header p a#gardenlink {background: url(../images/main/garden-text.jpg) no-repeat left top; width: 96px;}
#header p a#gardenlink:hover {background: url(../images/main/garden-text.jpg) no-repeat left -13px;
}
#header p a#historylink {background: url(../images/main/history-text.jpg) no-repeat left top; width: 59px;}
#header p a#historylink:hover {background: url(../images/main/history-text.jpg) no-repeat left -17px;}
#header p a#tarifflink {background: url(../images/main/tariff-text.jpg) no-repeat left top; width: 58px;}
#header p a#tarifflink:hover {background: url(../images/main/tariff-text.jpg) no-repeat left -17px;}
#header p a#jobslink {background: url(../images/main/jobs-text.jpg) no-repeat left top; width: 43px;}
#header p a#jobslink:hover {background: url(../images/main/jobs-text.jpg) no-repeat left -17px;}
#header p a#chesterslink {background: url(../images/main/chesters-text.jpg) no-repeat left top; width: 79px;}
#header p a#chesterslink:hover {background: url(../images/main/chesters-text.jpg) no-repeat left -17px;}
#header p a#barngateslink {background: url(../images/main/barngates-brewery-text.jpg) no-repeat left top; width: 168px;}
#header p a#barngateslink:hover {background: url(../images/main/barngates-brewery-text.jpg) no-repeat left -17px;}
#header p a#bexbartonartlink {background: url(../images/main/bex-barton-art-text.jpg) no-repeat left top; width: 128px;}
#header p a#bexbartonartlink:hover {background: url(../images/main/bex-barton-art-text.jpg) no-repeat left -17px;}
#header p span {display: none;
}
#navrooms {
	position: absolute;
	left: 0; top: 0;
	width: 287px;
	padding: 28px 25px 0 35px;
}
#navrooms ul {
	margin: 0;
	list-style: none;
	font-size: 1.2em;
	line-height: 1.5;
	letter-spacing: 1px;
}
#navrooms ul a:link, #navrooms ul a:visited {color: #000; text-decoration: none;}
#navrooms ul a:hover, #navrooms ul a:active, #navrooms li.currentroom {color: #000; background:url(../images/main/rooms-nav-left.gif) no-repeat left top;
}
#navrooms li {
	float: left;
	width: 100%;
	clear: left;
}
#navrooms li a, li.currentroom {
	display: block;
	padding: 0 0 0 12px;
	float: left;
}
#navrooms li span, li.currentroom span {
	display: block;
	padding: 0 12px 0 0;
	float: left;
}
#navrooms li span:hover, li.currentroom span {
	 background:url(../images/main/rooms-nav-right.gif) no-repeat right top;
}
#navrooms p {
	padding: 0 0 0 12px;
	font-size: 1em;
}
/**************** Content styles ****************/
#maincontent, #maincontenthome, #historycontent {
	background: url(../images/main/content-bg.jpg) repeat-y left top;
	width: 980px;
	height: 771px;
	position: relative;
}
#maincontenthome {
	background: url(../images/home/home-content-bg.jpg) repeat-y left top;
	height: 949px;
}
#maincontentfullwidth {
	background: url(../images/home/home-content-bg.jpg) repeat-y left top;
	min-height: 949px;
	width: 980px;
}
#historycontent {
	height: 819px;
}
#welcometext {
	text-align: center;
	position: absolute;
	left: 0; top: 0;
	width: 292px;
	padding: 48px 28px 0;
}
#welcometext p {
	line-height: 1.5;
}
#oldphotostextleft {
	position: absolute;
	left: 30px;
	top: 280px;
}
#samplemenutext {
	position: absolute;
	left: 0;
	top: 805px;
	width: 292px;
	padding: 0 28px 0 28px;
	text-align: center;
}
#samplemenutext p, #midweekoffertext p {
	line-height: 1.3;
}
#midweekoffertext {
	position: absolute;
	left: 0;
	top: 670px;
	width: 292px;
	padding: 0 28px 0 28px;
	text-align: center;
}
#topphotos {
	position: absolute;
	right: 0; top: 0;
	width: 665px;
	height: 507px;
}
#topphotos img {
	position: absolute;
	right: 2px; top: -8px;
}
#legendsection {
	position: absolute;
	right: 0; top: 500px;
	width: 582px;
	padding: 0 1em 0 0;
}
#bottomsection {
	position: absolute;
	right: 0; top: 690px;
	width: 676px;
}
.textsection {
	position: absolute;
	right: 55px;
	top: 70px;
	text-align: center;
	width: 300px;
}
#lateavailability {
	position: absolute;
	left: 0; top: 328px;
	width: 272px;
	padding: 30px 28px 0 48px;
}
#lateavailabilityroom {
	position: absolute;
	left: 0; top: 250px;
	width: 272px;
	padding: 0 28px 0 48px;
}
#lateavailabilityroom p {
	line-height: 1.3;
	margin-bottom: .5em;
}
#lateavailabilityroom h1 {
	margin: 1.4em 0 .5em;
}
#barbottomleft {
	position: absolute;
	left: 0; top: 328px;
	width: 272px;
	padding: 30px 28px 0 48px;
}
#gardenbottomleft {
	position: absolute;
	left: 0; top: 417px;
	width: 272px;
	padding: 30px 28px 0 48px;
}
#roomcontent {
	position: absolute;
	right: 0; top: 30px;
	width: 604px;
}
#wholetext {
	width: 980px;
	padding: 30px 0 0;
	text-align: center;
	padding-bottom: 2px;
}
#wholetext p {
	padding: 0 60px;
}
#roomtext {
	position: absolute;
	right: 27px;
	top: 417px;
	width: 360px;	
}
#gardenimages {
	position: absolute;
	right: 0;
	top: 417px;
	width: 229px;
}
#gardenimages img {
	float: left;
	margin-left: 20px;
}
#bartext {
	position: absolute;
	right: 36px;
	top: 0;
	width: 190px;
}
img#roomstar {
	position: absolute;
	right: 472px;
	top: 304px;
}
img#historystar {
	position: absolute;
	right: 522px;
	top: 284px;
}
img#restaurantstar {
	position: absolute;
	right: 228px;
	top: 354px;
}
img#roomstarhome {
	position: absolute;
	right: 472px;
	top: 334px;
}
img#locationstar {
	position: absolute;
	right: 24px;
	top: 304px;
}
img#jobsstar {
	position: absolute;
	right: 472px;
	top: 404px;
}
#historytop {
	position: absolute;
	right: 0; top: 29px;
}
#historytop p {
	position: absolute;
	right: 25px;
	top: 263px;
	width: 150px;
}
#historybottom {
	position: absolute;
	left: 0; top: 338px;
}
/**************** Footer styles ****************/
#footer {
	position: absolute;
	left: 0; bottom: 0;
	text-align: center;
	width: 980px;
	padding-top: 10px;
}
#footer.withborder {
	border-top: 1px dotted #8B836E;
	margin: 20px 0 0 0;
	position: relative;
}
#maincontenthome #footer p, #footer p, #maincontentfullwidth #footer p {
	margin-bottom: 10px;
}
p.cypherlink {
	float: right;
	width: 100%;
	font-size: .7em;
	text-align: right;
	margin-bottom: 0;
	padding: 2px 0 2.5em;
	clear: both;
}
#footer img#logo1010 {
	position: absolute;
	left: 9px; top: 5px;
}
/**************** Misc classes and styles ****************/
.imgleft {float: left; margin: 0 1em .5em 0;}
.imgright {float: right; margin: 0 0 .5em 1em;}
.boldtext {font-weight: bold;}
.italictext {font-style: italic;}
.smallertext {letter-spacing: 0; font-size: .6em;}
.smalltext {font-size: .8em; line-height: 1.3;}
.marg0bottom {margin-bottom: 0;}
.titleoffset {margin: -5px 0 0;}