body {text-align: center;font-family: Arial, Tahoma, sans-serif;font-size: small;background:#1d1f40;}
p {color: #3e3e3e;line-height: 20px;	margin: 0 0 18px 0;	font-size: 12px;}
a {color: #555;}
h1 {font-size: 170%;font-family: Georgia;margin: 0;	padding: 0;	font-weight: normal;color: #fff;}
h1 span {
	font-size: 320%;
	float: left;
	color: #fff;
	margin: -12px 3px -7px 10px;
	clear:left;
	padding: 0;
}
h2 {
	color: #8d8d00;
	font-family: Georgia;
	font-size: 125%;
	font-weight: normal;
	margin: 0 0 4px 0;
	padding-bottom: 2px;
	/*border-bottom: double 4px #c9c898;*/
	clear:right;
}
a.enquire {background: #111; color: #fff; padding: 8px; font-weight: bold; top:10px; right: 10px; position:absolute;border:solid 1px #8d8d00;text-decoration:none;}
h3 {font-family: Georgia;font-size: 125%;font-weight: normal;color:#444;}
a img {border:none;}
ul li {color: #3e3e3e;}
/* LAYOUT 
-------------------------------- */
#main {float:left; clear:both; width: 860px; margin: 10px 20px;}
#homemain {float:left; clear:both; width: 858px; margin: 5px 20px;border: solid 1px #ccc; padding: 1px;}
#homemain img {width: 858px;}
#main img {width: 856px; padding: 1px; border: solid 1px #ccc;}
#content {width: 600px;float:left;margin-left: 20px;}
#side {width: 250px; float:right;}
.map {border: solid 1px #ccc;}
.side a.button {background: #1d4204 url(../Images/white-arror.png) no-repeat 98% 50%; color: #fff; padding: 8px 6px; float: left; clear:both;width: 318px;margin: 5px 0;font-weight: bold;text-decoration: none;}
.side a.button:hover {background: #112703 url(../Images/white-arror.png) no-repeat 98% 50%;}
.side a.gallerybutton {background: #8d8d00 url(../Images/white-arror.png) no-repeat 98% 50%;; color: #fff; padding: 8px 6px; float: left; clear:both;width: 318px;margin: 5px 0;font-weight: bold;text-decoration:none;}
.side a.gallerybutton:hover {background: #6d6d00 url(../Images/white-arror.png) no-repeat 98% 50%;;}

.main {margin: 10px 20px;float: left;clear: both;width: 840px;background: transparent url(../Images/itemback.jpg) repeat top left;padding: 10px;	border: solid 1px #ccc;}
.gallery { float: left; width: 860px; clear: both;margin-left: 20px;}
.gallery a img {border: solid 1px #ccc; padding: 1px; float:left; margin-right: 4px;margin-bottom: 4px;width: 135px; height: 95px;}
.gallery a.large img {width: 423px; float: left;height: 300px;}
.wrapper {
	width: 900px;
	border-top: solid 5px #8d8d00;
	margin: 10px auto;
	background: #fff ;
	text-align: left;
	padding-bottom: 25px;
}
.sideimg {
	padding: 2px;
	border: solid 1px #ccc;
	background: #fff;
	width: 324px;
}
.header {
	width: 860px;
	border-bottom: dotted 1px #555;
	margin-bottom: 10px;
	margin: 20px 20px 10px 20px;
	float: left;
	clear:both;
	padding: 5px 0 15px 0;
}

.left {
	float: left;
	margin: 0 0 0 20px;
	width: 410px;
	padding: 0 0 40px 0;

}

.right {
	float: right;
	margin: 0 20px 0 0;
	width: 430px;
}
.stripe {
	float: left;
	clear: both;
	width: 860px;
	margin: 5px 20px 15px 20px;
	/*background: #fff url(../Images/wall.jpg) repeat top left;*/
	background: #112703;
	padding: 10px 0 0 0;
	position: relative;
}
.detail{
	float: left;
	margin: 0 0 0 20px;
	width: 510px;
	padding: 0 0 50px 0;
}
.side {
	float: right;
	margin: 0 20px 0 0;
	width: 330px;
}
.footer {
	clear: left;
	width: 860px;
	text-align: right;
	padding: 20px 0 4px 0;
	margin-top: 50px;
	margin-left: 20px;
	border-top: solid 1px #ccc;
}
.footer p { padding: 4px 0; margin: 0;}
.logo {	float: left; margin: 0 0 5px 0; }

/* NAVIGATION 
--------------------------------- */

.nav {
	float: right;
	width: 415px;
	margin:0 ;
	font-family: Georgia;
}
.nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.nav li {
	float:left;
}
.nav li a {
	float: left;
	padding: 7px 0;
	color: #888;
	font-size: 125%;
	width: 195px;
	text-decoration: none;
	border-bottom: dotted 1px #ccc;
}
.nav li.selected a {
	padding: 7px 0 7px 35px;
	width: 160px;
	background: #fff url(../Images/leaf.jpg) no-repeat 2px 10px ;
	color: #333;
}
.col1 {	
	float: left;
	width: 200px;
	margin-right: 5px;
}
.col2{	
	float: left;
	width: 200px;
}
.starlist {float:left; width: 318px;background: f9f9f9; border:solid 1px #ccc;padding: 5px;}
.starlist ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	background: #fff;
	float: left; width: 100%;F
	
}
.starlist li {
	float: left;
	padding: 7px 0;
	color: #333;
	font-size: 12px;
	background: #fff;
	width: 153px;
	text-decoration: none;
	border-bottom: dotted 1px #ccc;
	position:relative;
	font-weight: bold;
}

.starlist li span {width: 50px;float:right;position:absolute; top: 5px; right: 5px;font-size: 18px;}
.starlist .col1 {	
	float: left;
	width: 190px;
	margin-right: 10px;
}
.starlist .col2{	
	float: left;
	width: 190px;
}
.item {
	float: left;
	clear: both;
	padding-bottom: 5px;
	margin: 0 0 5px 0;
	display: inline;
	width: 100%;
	background: transparent url(../Images/itemback.jpg) repeat top left;

}
.item a img {
	float: left;
	border: solid 4px #fff;
	margin: 5px 5px 0 5px;
	}
.item a:hover img {border:solid 4px #006699;}
.item h2 {
	margin: 5px 5px 0 145px;
	font-size: 125%;
	color: #444;
	border: none;
}
.item p {
	margin: 0 5px 0 145px;
	font-size: 85%;
	line-height: 14px;
}

/* FORMS
------------------------------ */
label {
	float: left;
	font-weight: bold;
	margin: 3px;
	padding-top:5px;
	width: 150px;
	text-align: right;
	margin-right: 10px;
}
.contactform {
	float: left;
	clear: both;
	width: 480px;
	margin-bottom: 100px;
	display: inline;
	background: #f9f9f9;
	padding: 15px;
}
.textinput {
	width: 250px;
	padding: 4px;
	border: solid 1px #444;
	margin: 4px;
}
.smallinput {
	width: 70px;
	padding: 4px;
	border: solid 1px #444;
	margin: 4px;
}
.textbox{
	width: 280px;
	height: 200px;
	padding: 2px;
	margin: 4px;
	border: solid 1px #444;
	font-family: Arial, sans-serif;;
}
.submitbutton {
	float: left;
	background: #444;
	color: #fff;
	padding: 3px 6px;
	margin: 10px 0 0 128px;
	border: none;
	clear:both;
}
p.confirmation {float: left; font-family: Georgia; width: 466px; padding: 8px; border:solid 1px #555; background:#dddddd;font-size: 16px;}
p.error {
	color: #c40000;
	font-weight: bold;
}
.datepicker {float: right; padding: 10px; color:#222;background: #fff; border: solid 1px #ccc;margin:10px 0;width: 290px;}
table#pick {float: right; width:290px; }

table#prices {border:dotted 1px #ccc;}
table#prices tr td {border-bottom: dotted 1px #ccc;text-align:right;padding:2px 4px;}
table#prices tr td.week {border-right: dotted 1px #ccc;}
table#prices tr td.month {background:#f9f9f9;text-align:center;border-bottom: dotted 1px #ccc;font-weight: normal;font-size: 16px; font-family:Georgia;}
table#prices tr td.bar {background:#f7f7f7;height: 8px;}
table tr td.A{background:green;font-weight:bold;color:#fff; text-align:center;}
table tr td.B {background:red;font-weight:bold;color:#fff; text-align:center;}
table tr td.P {background:yellow;font-weight:bold;color:#fff; text-align:center;}
