body {
	background: #d6d4d4 url(gfx/bg.jpg) center repeat-y;
	margin: 0px;
	padding: 0px;
	font: 14px Calibri, Verdana, Arial, Helvetica, sans-serif;
	line-height: 22px;
	color: #333;
}
#wrapper {
position:relative;
width:1025px;
margin: 0 auto;
}
#buttons_top {
position:absolute;
width:420px;
height:60px;
top:10px;
right:0px;
}
.leftCol, .rightCol {
	font-size: 14px;
	line-height: 22px;
}

.content {background:#fffafa url(gfx/watermark.png) center no-repeat;}


td {
	font: 14px Calibri, Verdana, Arial, Helvetica, sans-serif;
	line-height:22px;
	color: #333;
}
.masthead {
	border-top: 2px solid #333;
	padding-top: 0px;
}
#scrollimg {
height:280px;
}
.nav {
	background: #d6d4d4;
	padding: 0px;
	margin-top: 0px;
	border-bottom: 2px solid #333;
} 

.nav a {
	text-decoration: none;
	background: #d6d4d4;
	text-align: left;
	vertical-align: middle;
	display: block;
	font-weight: normal;
	color: #333;
	padding: 10px 24px 8px 24px;
	font: 14px Calibri, Verdana, Arial, Helvetica, sans-serif;
}

.nav a:hover {
	color: #fefafa;
	background: #333;
}


#off {
	padding: 8px 14px;
	vertical-align: bottom;
	margin: 0px;
}

.padBottom {
	margin-bottom: 1px;
}

.leftCol {
	background: #fefafa url(gfx/watermark.png) center no-repeat;
	padding: 24px;
}

.rightCol {
	background: #fefafa;
	padding-bottom: 24px;
	padding-top: 24px;
	padding-right: 24px;
}


h1, h2 {
	font: bold 19px Calibri, Verdana, Arial, Helvetica, sans-serif;
	color: #660000;
}

h3 {
	font: bold 14px Calibri, Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}

h4 {
	font: bold 13px Calibri, Verdana, Arial, Helvetica, sans-serif;
	color: #666;
}

.rightCol img, leftCol img {
	border: 1px solid #660000;
	padding:5px;
}

.address {
	font: 13px Calibri, Verdana, Arial, Helvetica, sans-serif;
	line-height:19px;
	color: #333;
}

a {
	font-weight: bold;
	color: #660000;
}

a img {
	border: 1px solid #660000;
}

a:hover {
	color: #333;
}

a:visited {
	color: #333;
}

.send {
	font: bold 12px Calibri, Verdana, Arial, Helvetica, sans-serif;
	color: #fefafa;
	background: #999;
	border-top: 1px solid #fefafa;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	border-left: 1px solid #fefafa;
	padding: 3px 5px;
	cursor: hand;
}

.form {
	font: bold 12px Calibri, Verdana, Arial, Helvetica, sans-serif;
	background: none;
	color: #333;
	padding: 8px;
	width:100%;
}


.thumbs, .thumbs a, .photos, .photos a {
	border: 1px solid #660000;
}

.copy {
	font: 12px Calibri, Verdana, Arial, Helvetica, sans-serif;
	line-height:24px;
	color: #333;
	margin: 0px;
	height: 35px;
	padding: 10px 24px !important;
	padding /**/: 10px 24px;
	background-color: #d6d4d4;
	
	/* we need to keep this space above this comment for this trick to fool the naughty browsers */
}
.copy a {
	color: #333;
	font-weight: normal;
}

.copy a:visited {
	color: #333;
	font-weight: normal;
}

.padTop {
	border-top: 2px solid #333;
}
.bookbox {
	width:500px;
	padding: 10px;
	background-color: #ffffff;
	font-size: 11px;
}

.bookbox th {
	padding-right: 5px;
}

.bookbox td {
	padding-right: 10px;
}

.bookerr {
	border: 1px solid #FFB68C;
	padding:10px;
	padding-left: 40px;
	font-weight:bold;
	color: #CC3333;
	margin-bottom: 20px;
	background: url(gfx/warning.gif) no-repeat 15px 10px;
}

.bookavail {
	width:500px;
	padding: 2px;
	border: 1px solid #ffffff;
	margin-bottom:10px;
}

.bookavail #header {
	font-weight: bold;
}

.bookavail td {
	padding:5px;
	background-color: #ffffff;
	border-top: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
}

.bookavail td#daycells {
	width:200px;  /* equals (#days.width + #days.margin-right + #days.padding*2) * cells) */
	padding:0;margin:0;
	
	background-color: #FFFFFF;
	border:0;
}

.bookavail #days {
	float:left;
	background-color: #ffffff;
	border-top: 2px solid #FFFFFF;
	width:50px;
	margin: 0 2px 2px 0;
	padding:5px;
	text-align:center;
}

.bookbox input#text {
	width: 60px;
}

.bookform {
	width:516px;
	padding: 10px;
	margin-bottom:1px;
	background-color: #ffffff;
}	

.bookform th {
	text-align:left;
	width:100px;
	font: bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.roomdesc h3 {
	margin:0;padding:0;
}

.roomdesc #photo {
	padding-right:15px;
}

.roomdesc #price {
	font-weight: bold;
	margin:3px 0;
}

.roomdesc #desc {
	margin-top:0px;
}
.roomdesc {
width:75%;
margin:0 auto;
}
#checkrates {
	display: none;
}

.roomlist td {
	border-top: 1px solid #CCE0EC;
}

.roomlist #thumb {
	padding:15px 15px 0 0;
}

.roomlist #title a {
	margin-right: 5px;
}

.roomavail {
	border: 1px solid #E2E2E2;
	padding: 10px 15px 15px;
	width: 500px;
}

.roomcal {
	margin: 0px 5px;
}

.roomcal td {
	padding: 2px;
	font: 7pt arial, helvetica, sans-serif ;
}

.roomcal #month {
	font-size: 8pt; font-weight:bold;
}

.roomcal #days td {
	font: 7pt arial, helvetica, sans-serif ;
	width: 12px;
}

.roomcalnav {
	margin-top: 15px;
	width:100%;
}

.roomcalnav span {
	padding: 0 5px;
}

.bookback {
	margin-top: 30px;
}

.status1 {			/*available*/
	padding: 2px 4px;
	color: #003300;
	background-color: #B7DBB7;
}

.status2 {			/*enquiry*/
	padding: 2px 4px;
	color: #333300;
	background-color: #FFF7A7;
}

.status3 {			/*not available*/
	padding: 2px 4px;
	color: #330000;
	background-color: #FFB68C;
}


.ratebars #on {
	cursor: pointer;
	background-color: #B7DBB7;
}

.ratebars #off {
	background-color: #F0FAFB;
}

.bookbox input.go {
	font: bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	background: #4D658A;
	border-top: 1px solid #DCF5F9;
	border-right: 1px solid #D6D7D9;
	border-bottom: 1px solid #D6D7D9;
	border-left: 1px solid #DCF5F9;
	padding: 3px 5px;
	cursor: hand;
}

.special {
	list-style: none;
	padding:0;
	padding-bottom:4px;
}

.special li {
	padding:1px 0;
	
}
.special li b {
	color: #D64D4A
}
.special li small {
	color:white;
	font-weight:bold;
	background-color: #D64D4A;
	padding:1px 2px 2px 3px;
	margin-right:2px;
}

.special li div {
	margin-top:4px;
}
.noborder img {
border:none;
}
.pricechart {
width:100%;
}

td div {
	position:relative /* make td's a container with their own coordinate sytem - for the sliding menus */
}

.MapPanel
{
	border: solid 1px black;
	height: 300px;
	width: 550px;
	margin: 0;
	padding: 0;
}

.MapPopup
{
	color: #000000;
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0;
	padding: 0;
}

.MapAddress
{
	color: #000000;
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
}

.gallery img {
	border: 1px solid #4D658A;
}
#quote_box {
width:520px;
margin:8px auto;
border:1px solid #ccc;
background: #ededed url(gfx/quote.png) top left no-repeat;
}
#quote_box div {
margin:10px 10px 10px 25px;
}
#quote_box div p {
font-family: verdana, helvetica, sans-serif;
color: #666;
font-size:16px;
font-weight:normal;
background: url(gfx/quote1.png) bottom right no-repeat;
}