body{
	background: #E5E8D3 url(images/body-bg.gif) no-repeat -30px 50px;
	margin: 0;
	color: #311900;
	font-family: Georgia, serif;
	font-size: 14px;
}

.clearer{
	clear: both;
}

.bold{
	font-weight: bold;
}

a{
	color: #819302;
}

a:hover{
	color: #822913;
}

p{
	line-height: 23px;
}

li{
	margin-bottom: 5px;

}

h1{
	color: #791E21;
	font-family: Georgia, serif;
	font-size: 27px;
	font-weight: normal;
	padding-top: 12px;
	margin-bottom: 0px;
	margin-top: 0px;
}

/* MAIN BODY AREA */

div#container{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 24px;
}

/* HOME PAGE */

div#home-panel{
	width: 300px;
	height: 595px;
	background: url(images/home-panel.gif) no-repeat;
	padding-top: 65px;
	padding-left: 22px;
	padding-right: 28px;
}

div.home-image{
	background: url(images/home-image.jpg) no-repeat 358px 20px;
}


.bigw{
	color: #791E21;
	font-family: Georgia, serif;
	font-size: 72px;
	font-weight: normal;
	display: block;
	float: left;
	margin-right: 4px;
}

h1.home{
	color: #791E21;
	font-family: Georgia, serif;
	font-size: 27px;
	font-weight: normal;
	padding-top: 12px;
	margin-bottom: 0px;
	margin-top: 0px;
}

h1.homesmall{
	color: #791E21;
	font-family: Georgia, serif;
	font-size: 17px;
	font-weight: normal;
	margin-top: 2px;
	display: inline;
	background: url(images/stars.png) no-repeat right;
	padding-right: 88px;
	padding-top: 2px;
}


ul#includes{
	margin-left: 0px;
	padding-left: 14px;
}

ul#includes li{
	background: url(images/bullet.png) no-repeat;
	padding-left: 20px;
	list-style: none;
}


/* ACCOMMODATION PAGE */

div#info{
	width: 345px;
	float: left;
}


div#cottage-panel{
	width: 303px;
	background: url(images/cottage-bg.gif) no-repeat;
	height: 500px;	
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 85px;
}

div#studio-panel{
	width: 303px;
	background: url(images/studio-bg.gif) no-repeat;
	height: 400px;	
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 85px;
}


div#photos{
	float: left;
	width: 600px;
	margin-left: 15px;
}


div#photos img{
	margin-bottom: 35px;
}

div#photo-block{
	width: 100%;
	height: 590px;
	background: url(images/photos/accomm-block.jpg) no-repeat;
}


/* RATES */

div#rates-holder{
	width: 590px;
	height: 410px;
	background: url(images/rates-bg.gif) no-repeat;
	float: left;
}

div#standard{
	float: left;
	margin-left: 15px;
	margin-right: 20px;
	padding-top: 80px;
}

div#peak{
	float: left;
	margin-left: 0px;
	padding-top: 80px;
}

div#rates-photo{
	float: left;
	width: 350px;
	height: 511px;
	margin-left: 15px;
	background: url(images/photos/rates-photo.jpg) no-repeat;
}


/* BOOKING AND CONTACT */

div#form-holder{
	width: 507px;
	height: 414px;
	background: url(images/booking-bg.gif) no-repeat;
	float: left;
	position: relative;
}

div#contact-info{
	width: 410px;
	margin-left: 40px;
	float: left;
}

/* CONTACT FORM */

table#contact-table{
	margin-top: 70px;
	margin-left: 20px;
}

.message {
	background: url(images/error-bg.png) no-repeat; 
	color: #878A93;
	font-size: 12px;
	display:none;
	padding: 6px;
	width: 176px;
	position: absolute;
	left: 270px;	
	top: 10px;
}


.green{
	color: green;
}
#alert ul{
	padding: 0px;
	margin: 0px;
}

#alert li{
	list-style: none;
	background: url(images/list-square.png) no-repeat 0px 4px;
	padding-left: 8px;
	margin-top: 4px;
}

.special {
	display:none;
}

#contact-table td{
	padding-top: 0px;
	padding-bottom: 10px;
}

.form-input{
	background: url(images/field-bg.png) no-repeat;
	border: none;
	width: 310px;
	padding: 12px;
}

.form-input:focus{
	border: 1px solid #506378;
	background: #FBFCFF;
}

.form-message{
	border: none;
	width: 326px;
	height: 114px;
	padding: 5px;
	border: 1px solid #CCC;
	font-family: Arial;
	font-size: 13px;
	background: url(images/enquiry-bg.png) no-repeat;
	border: none;
}

.form-message:focus{
	border: 1px solid #506378;
	background: #FBFCFF;
}



input[type=text]:focus,
input[type=password]:focus {
  outline: 0 none;
}

textarea:focus{
	outline: 0 none;
}



/* MAP */

div#directions{
	width: 265px;
	height: 410px;
	background: url(images/directions-bg.gif) no-repeat;
	float: left;
	margin-right: 0px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 60px;
}

div#map{
	float: left;
	width: 605px;
	height: 450px;
	background: url(images/map.gif) no-repeat;
}	


ol#directions-list li{
	margin-bottom: 25px;
}


/* FOOTER */

div#footer{
	width: 960px;
	border-top: 2px solid #838C3F;
	margin-left: auto;
	margin-right: auto;
	font-size: 12px;
	margin-top: 25px;
	padding-top: 5px;

}