/* CSS Document */

body {
	margin:0;
	background:url(../images/wood_bg.jpg);
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:85%;
	color:#666;
	height:100%;
}

p {
	margin:0;
	display:block;
}

input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.85em;
}

a {
	color:#660900;
	text-decoration:none;
}

a:hover {
	color:#000;
}

img {
	border:none;
}

/*--------------------------------
	CONTAINER FLOAT CLEAR
---------------------------------*/

div.hr { clear: both; }
	div.hr hr { display: none; }
	
/*--------------------------------
	MAIN TEMPLATE
---------------------------------*/

#mainContainer {
	margin:auto;
	width:774px;
	background:url(../images/bg_3col.png) center 0 repeat-y;
}

#contentContainer {
	width:650px;
	float:left;
	margin:0 0 0 63px;
	background:#fff;
	display:inline;
}
	#contentContainer h1#header {
		width:646px;
		height:211px;
		text-indent:-9999px;
		background:url(../images/header_bg.gif) 0 -15px no-repeat;
		margin:-40px 0 20px 0;
		float:left;
		_margin:-30px 0 20px 0;
	}
		
.leftCol {
	width:375px;
	float:left;
}

.rightCol {
	width:263px;
	float:right;
}

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

ul#mainNav {
	width:425px;
	margin:0;
	padding:0;
	position:relative;
	top:170px;
	left:0;
	font-size:1.10em;
	
}
	ul#mainNav li {
		display:inline;
		list-style-type:none;
		float:left;
		margin:0 20px 0 0;
	}
	ul#mainNav li.topLine {
		margin:0 20px 5px 0;
	}
		ul#mainNav li a {
			color:#404040;
			text-decoration:none;
			padding:0 3px 0 3px;
		}
			ul#mainNav li a:hover {
				color:#fff;
				text-decoration:none;
				background:url(../images/link_hover_bg.jpg) repeat-x;
				padding:0 3px 0 3px;
			}
			ul#mainNav li a.current {
				color:#fff;
				text-decoration:none;
				background:url(../images/link_hover_bg.jpg) repeat-x;
				padding:0 3px 0 3px;
			}
			
	
/*--------------------------------
	FOOTER
---------------------------------*/

#footer {
	width:700px;
	height:25px;
	background:url(../images/footer_bg.gif) 200px 0 no-repeat;
	float:left;
	margin:20px 0 0 0;
	padding:50px 0 0 0;
}
	#footer ul {
		margin:0 0 0 40px;
		padding:0;
	}
		#footer ul li {
			list-style-type:none;
			display:inline;
			float:left;
			margin:0 5px 0 0;
			border-right:1px solid #a0a0a0;
			padding-right:5px;
			font-size:0.90em;
		}
		#footer ul li.lastLink {
			border-right:none;	
		}
			#footer ul li a {
				color:#a0a0a0;
				text-decoration:none;
			}
			#footer ul li a:hover {
				color:#660900;
				text-decoration:none;
			}
			#footer ul li a.current {
				color:#660900;
				text-decoration:none;
			}
div#slideshowPH {
	width:375px;
	height:223px;
	background:url(../images/slideshow_PH.jpg) center 0 no-repeat;
	float:left;
	margin:10px 0;
}

/*-------------------------------------------------------------------
	PAGE TITLES
-------------------------------------------------------------------*/
h2.title {
	position:relative;
	top:0;
	left:-10px;
	text-indent:-9999px;
	margin:0;
	height:76px;
}
body#home h2.title {
	width:175px;
	background:url(../images/title_welcome.gif) 0 0 no-repeat;
	}
body#house h2.title {
	width:195px;
	background:url(../images/title_house.gif) 0 0 no-repeat;
	}
body#garden h2.title {
	width:230px;
	background:url(../images/title_garden.gif) 0 0 no-repeat;
	}
body#localArea h2.title {
	width:230px;
	background:url(../images/title_localArea.gif) 0 0 no-repeat;
}
body#pricesAvailability h2.title {
	width:450px;
	background:url(../images/title_p&a.gif) 0 0 no-repeat;
}
body#booking h2.title {
	width:200px;
	background:url(../images/booking.gif) 0 0 no-repeat;
}
body#contact h2.title {
	width:175px;
	background:url(../images/title_contact.gif) 0 0 no-repeat;
}
body#termsConditions h2.title {
	width:400px;
	background:url(../images/title_tcs.gif) 0 0 no-repeat;
}


/*-------------------------------------------------------------------
	PAGE SPECIFIC STYLES
-------------------------------------------------------------------*/

body#home .rightCol {
	background:url(../images/rightCol_wood_bg.jpg) 0 0 no-repeat;
	padding:20px 20px 0 20px;
	width:223px;
	margin:80px 0 0 0;
	float:right;
}
	body#home .rightCol div.comments {
		float:left;
		width:203px;
		background:url(../images/comTop.png) 0 0 no-repeat;
		margin:5px 0;
		padding:10px;
		color:#694500;
	}
		body#home .rightCol div.comments p.name {
			float:right;
			font-size:0.80em;
			font-style:italic;
			margin:10px 0 0 0;
			color:#333;
		}
		
		div.houseAtts {
			border-top:1px solid #976b17;
			padding:20px 10px 10px 10px;
			margin-top:15px;
			float:left;
			width:203px;
			background:url(../images/houseAtts_bg.png) 0 20px no-repeat;
			
		}
		div.houseAtts p.title {
				float:left;
				font-size:1.08em;
				padding:10px 0;
				color:#694500;
				font-weight:bold;
			}
			div.houseAtts ul {
				margin:0 0 25px 0;
				padding:0;
				width:203px;
				float:left;
			}
				div.houseAtts ul li {
					list-style-image:url(../images/attBullet.gif);
					list-style-position:inside;
					color:#694500;
					margin-bottom:2px;
					float:left;
					clear:both;
				}
				div.houseAtts ul li.bottomAtt {
					list-style-image:url(../images/attBullet.gif);
					list-style-position:inside;
					color:#694500;
					margin-bottom:50px;
				}
				

body#home h3.firstPara {
	margin:10px 0 0 0;
	font-size:1em;
	font-weight:normal;
}

body#house .rightCol {
	width:263px;
	margin:40px 0 0 0;
}

body#house .rightCol h3 {
	font-size:1.05em;
	color:#404040;
	margin:0 0 15px 20px;
}
	body#house .rightCol div.pic1 {
		width:250px;
		height:190px;
		background:url(../images/pic_kitchen.jpg) right 0 no-repeat;
		text-indent:-9999px;
		cursor:pointer;
	}
	body#house .rightCol div.pic2 {
		width:250px;
		height:190px;
		background:url(../images/pic_hall.jpg) 13px 0 no-repeat;
		text-indent:-9999px;
		cursor:pointer;
	}
	body#house .rightCol div.pic3 {
		width:250px;
		height:190px;
		background:url(../images/pic_lounge.jpg) right 0 no-repeat;
		text-indent:-9999px;
		cursor:pointer;
	}
	body#house .rightCol div.pic4 {
		width:250px;
		height:190px;
		background:url(../images/pic_front.jpg) 20px 0 no-repeat;
		text-indent:-9999px;
		cursor:pointer;
	}
	
body#home div#polaroid {
	width:220px;
	height:200px;
	position:relative;
	top:180px;
	left:420px;
	background:url(../images/homepage_polaroid.jpg) 0 0 no-repeat;
}


p.firstPara {
	margin:10px 0 0 0 !important;
}

body#contact img.map {
	border-top:1px dotted #ccc;
	border-left:1px dotted #ccc;
	border-right:1px dotted #ccc;
	margin:15px 0 0 0;
	padding:10px;
	float:left;
}
	body#contact p.mapLink {
		border-bottom:1px dotted #ccc;
		border-left:1px dotted #ccc;
		border-right:1px dotted #ccc;
		margin:0;
		padding:10px;
		float:left;
		width:350px;
	}
body#contact p#address {
	margin:90px 0 0 0;
	float:left;
	border-bottom:1px dotted #ccc;
	padding:0 0 10px 0;
	margin:90px 0 10px 0;
	width:100%;
}

.rightCol div.firstCol {
	width:83px;
	float:left;
}
	.rightCol div.firstCol p {
		margin:2px 0 10px 0;
	}

.rightCol div.secondCol {
	width:170px;
	float:right;
}
	.rightCol div.secondCol .formElem {
		width:160px;
		border:1px solid #666;
		margin:0 0 10px 0;
		padding:5px;
		font-family:Arial, Helvetica, sans-serif;
	}

/*------------------------------------------------------
	PRICES & AVAIL LAYOUT
------------------------------------------------------*/

body#pricesAvailability div#leftCol {
	width:650px;
	float:left;
}
body#pricesAvailability table {
	width:650px;
	margin:20px 0 0 0;
	float:left;
}
	body#pricesAvailability table td.one {
		width:40%;
	}
	body#pricesAvailability table td.two {
		width:30%;
	}
	body#pricesAvailability table td.three {
		width:30%;
	}
	body#pricesAvailability table tr {
		border:1px dotted #999;
		margin:0 0 20px 0;
		padding:0 0 20px 0;
	}
	body#pricesAvailability table td.title {
		font-weight:bold;
		color:#694500;
	}
	body#pricesAvailability table td p {
		margin:0 5px 5px 0;
		padding:0 5px 5px 0;
		border-bottom:1px dotted #666;
		text-align:left;
	}
	body#pricesAvailability table td p.booked {
		color:#980000;
	}
	body#pricesAvailability table td p.available a {
		color:#32CD32;
		text-decoration:none;
	}
	body#pricesAvailability table td p.available a:hover {
		color:#666;
		text-decoration:none;
	}
	body#pricesAvailability table td p.available span {
		font-size:0.85em;
	}
	
body#pricesAvailability p.check {
	width:630px;
	padding:10px;
	background:#999 url(../images/asterix.gif) -1px -1px no-repeat;
	float:left;
	margin:10px 0 0 0;
	color:#fff;
}
	body#pricesAvailability p.check a {
		color:#fff;
	}
	body#pricesAvailability p.check a:hover {
		color:#000;
	}

/*------------------------------------------------------
	BOOKING FORM
------------------------------------------------------*/

body#booking div#colOne {
	width:150px;
	float:left;
	margin:20px 0 0 0;
}
	body#booking div#colOne div {
		width:150px;
		height:30px;
		float:left;
		text-align:left;
		margin:2px 0;
	}
	body#booking div#colOne div.address {
		height:80px;
	}
body#booking div#colTwo {
	width:205px;
	float:left;
	margin:20px 0 0 10px;
	display:inline;
	font-size:0.9em;
}
	body#booking div#colTwo div {
		width:205px;
		height:30px;
		float:left;
		text-align:left;
		margin:2px 0;
	}
	body#booking div#colTwo div .input {
		width:205px;
		height:13px;
		padding:2px;
		border:1px solid #999;
	}
	body#booking div#colTwo div .textArea {
		width:205px;
		height:60px;
		padding:2px;
		border:1px solid #999;
		clear:both;
	}
	body#booking div#colTwo div.address {
		height:80px;
	}
	body#booking div#colTwo div .dropdown {
		width:211px;
		height:18px;
		border:1px solid #999;
		clear:both;
	}
body#booking div.rightCol {
	width:240px;
	padding:10px;
	background:#999;
	margin:95px 0 0 0;
	color:#fff;
}

body#garden .rightCol div.pic1 {
	width:250px;
	height:190px;
	background:url(../images/garden_pic1.jpg) right 0 no-repeat;
	text-indent:-9999px;
	cursor:pointer;
}
body#garden .rightCol div.pic2 {
	width:250px;
	height:190px;
	background:url(../images/garden_pic2.jpg) 13px 0 no-repeat;
	text-indent:-9999px;
	cursor:pointer;
}
body#garden .rightCol div.pic3 {
	width:250px;
	height:190px;
	background:url(../images/garden_pic3.jpg) right 0 no-repeat;
	text-indent:-9999px;
	cursor:pointer;
}
body#garden .rightCol div.pic4 {
	width:250px;
	height:190px;
	background:url(../images/garden_pic4.jpg) 0px 0 no-repeat;
	text-indent:-9999px;
	cursor:pointer;
}

body#garden .rightCol h3 {
	font-size:1.05em;
	color:#404040;
	margin:0 0 15px 20px;
}
img#smallMap {
	border-left:1px dotted #ccc;
	border-right:1px dotted #ccc;
	border-top:1px dotted #ccc;
	border-bottom:none;
	margin:15px 0 0 0;
	padding:10px;
	float:left;
}
body#garden .rightCol {
	width:263px;
	margin:40px 0 0 0;
}

body#localArea .rightCol {
	width:263px;
	margin:40px 0 0 0;
}

body#localArea .rightCol div.pic1 {
	width:250px;
	height:190px;
	background:url(../images/localArea_pic1.jpg) right 0 no-repeat;
	text-indent:-9999px;
	cursor:pointer;
}
body#localArea .rightCol div.pic2 {
	width:250px;
	height:190px;
	background:url(../images/localArea_pic2.jpg) 13px 0 no-repeat;
	text-indent:-9999px;
	cursor:pointer;
}
body#localArea .rightCol div.pic3 {
	width:250px;
	height:190px;
	background:url(../images/localArea_pic3.jpg) right 0 no-repeat;
	text-indent:-9999px;
	cursor:pointer;
}
body#localArea .rightCol div.pic4 {
	width:250px;
	height:190px;
	background:url(../images/localArea_pic4.jpg) -5px 0 no-repeat;
	text-indent:-9999px;
	cursor:pointer;
}

body#localArea p.check {
	width:325px;
	padding:10px;
	border-left:1px dotted #ccc;
	border-right:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	margin:0;
	clear:both;
}
body#localArea p.clear {
	width:100%;
}
body#localArea .rightCol h3 {
	font-size:1.05em;
	color:#404040;
	margin:0 0 15px 20px;
}

/*------------------------------------------------------
	TERMS AND CONDITIONS PAGE
------------------------------------------------------*/

body#termsConditions .leftCol {
	width:650px;
	float:left;
}

body#termsConditions ol {
	margin:0;
	padding:0;
	list-style-position:inside;
}
	body#termsConditions ol li {
		margin:0 0 10px 0;
	}
	body#termsConditions ol li.noMargin {
		margin:0 !important;
	}
	
body#termsConditions strong {
	color:#FF0000;
}