﻿*
{
	margin: 0em;
}

html
{
	background: #6699cc;
}
body
{
	width: 100%;
	background: #6699cc; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZWVmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzY2OTljYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2Njk5Y2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #ddeeff 0%, #6699cc 50%, #6699cc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ddeeff), color-stop(50%,#6699cc), color-stop(100%,#6699cc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ddeeff 0%,#6699cc 50%,#6699cc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ddeeff 0%,#6699cc 50%,#6699cc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ddeeff 0%,#6699cc 50%,#6699cc 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ddeeff 0%,#6699cc 50%,#6699cc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddeeff', endColorstr='#6699cc',GradientType=0 ); /* IE6-8 */
}

p
{
	font-family: Trebuchet MS, Tahoma, Arial;
	padding: 0.8em;
	font-size: 14px;
	line-height: 12px;
}

h1
{
	font-family: Trebuchet MS, Tahoma, Arial;
	font-size: 28px;
	padding: .1em;
	color: #135501;
	font-weight: normal;
	z-index: 12;
}

.strap { font-size:0.4em; letter-spacing:0.3em;}

#logo { text-shadow: 1px 1px 2px #333333; font-family: Trebuchet MS, Tahoma, Arial; font-size: 2em !important; padding: .5em !important; color: #ffffff !important; letter-spacing: 13px !important; font-weight: normal !important; z-index: 12 !important;}
#logo span { color:#666666 !important; }
#logo a {text-decoration:none !important; border:none !important;font-size: 1.0em !important; margin: 0 !important;}

h2, h3
{
	font-family: Trebuchet MS, Tahoma, Arial;
}

a
{
	text-decoration: none;
	/*font-family: Trebuchet MS, Tahoma, Arial;*/
}

h1 a
{
	margin-bottom: -1em;
}

	h1 a:hover
	{
		text-decoration: underline;
	}

a
{
	color: #003366;
}

	a:hover
	{
		text-decoration: underline;
	}

#pageContent
{
	width: 100%;
	height: auto;
	overflow: auto;
	margin: 0em auto;
}

#pageHeader
{
	width: 980px;
	margin: 0em auto;
	overflow: visible;
}

#pageMenu
{
	width: 988px;
	margin: 0em auto;
	overflow: auto;
	overflow: hidden;
}

#defaultBody
{
	width: 980px;
	min-height: 700px;
	margin: 0em auto;
	background: #ffffff;
	overflow: auto;
	border-left: 4px solid #336699;
	border-right: 4px solid #336699;
	border-bottom: 4px solid #336699;
	background: url('../images/footer/footer_large.jpg') bottom left no-repeat;
}

#pageBody
{
	width: 980px;
	margin: 0em auto;
	background: #ffffff;
	border-left: 4px solid #272727;
	border-right: 4px solid #272727;
	border-bottom: 4px solid #272727;
	overflow: visible;
}

#locationBody
{
	width: 980px;
	margin: 0em auto;
	background: #ffffff;
	overflow: auto;
	border-left: 4px solid #272727;
	border-right: 4px solid #272727;
	border-bottom: 4px solid #272727;
	background: #272727;
}

#propertyBody
{
	width: 980px;
	margin: 0em auto;
	overflow: auto;
	border-left: 4px solid #272727;
	border-right: 4px solid #272727;
	border-bottom: 4px solid #272727;
	background: #ffffff url('../images/footer/property_large.jpg') bottom left no-repeat;
}

#areaBody
{
	width: 980px;
	margin: 0em auto;
	background: #ffffff;
	overflow: auto;
	border-left: 4px solid #272727;
	border-right: 4px solid #272727;
	border-bottom: 4px solid #272727;
	background: #ffffff url('../images/footer/area_large.jpg') bottom left no-repeat;
}

.tools
{
	float: left;
	width: 680px;
	padding: 10px;
	border-bottom: 4px solid #272727;
	background: #ffffff;
	font-size: 14px;
	line-height: 20px;
	font-family: Trebuchet MS, Tahoma, Arial;
}

.toolsTitle
{
	border-bottom: 1px dashed #cccccc;
	width: 680px;
	color: #444444;
}

.toolsOptions
{
	border-bottom: 1px dashed #cccccc;
	width: 680px;
	overflow: auto;
	background: #ffffcc;
}

	.toolsOptions span
	{
		float: left;
		padding: 5px;
		width: 216px;
	}

#pageFooter, #page_pageFooter
{
	width: 988px;
	overflow: auto;
	margin: 0em auto;
	background: #ccccff;
	text-align: center;
}

#Ancillary
{
	clear: both;
	font-family: Trebuchet MS,Tahoma,Arial;
	font-size: 12px;
	width: 968px;
	overflow: auto;
	margin: 0em auto;
	color: #aaa;
	background: #272727;
	text-align: right;
	padding-right: 20px;
}

	#Ancillary a, #Ancillary a:link, #Ancillary a:visited
	{
		color: #aaa;
		text-decoration: none;
	}

		#Ancillary a:hover
		{
			text-decoration: underline;
			color: #fff;
		}

#comments { height:400px;overflow:auto; border:5px solid #ccc; margin: 30px; padding: 25px;}
#comments h3 { font-family: Trebuchet MS, Tahoma, Arial; }

.footerImage
{
	margin: 0em auto;
	margin: 15px 0 25px 0;
	border: 0px;
}

#vaddress
{
	color: #AAA;
	font-family: Trebuchet MS,Tahoma,Arial;
	font-size: 11px;
	width: 968px;
	overflow: auto;
	margin: 0em auto;
}

	#vaddress div, #vaddress span
	{
		display: inline;
	}

.CallKeswickCottages
{
	color: #999999;
	float: right;
	width:350px;
	font-family: Trebuchet MS,Tahoma,Arial;
	font-size: 0.8em;
	margin-right: 20px;
	margin-top: 20px;
	text-align: right;
}

	.CallKeswickCottages span
	{
		font-weight: bold;
	}
	.CallKeswickCottages div
	{
		font-weight: bold; font-size:1.2em;
	}

#fLogo
{
	width: 280px;
	float: left;
}

#fSiteMap
{
	font-family: Trebuchet MS, Tahoma, Arial;
	float: left;
	text-align: left;
	width: 700px;
	min-height: 35px;
	border-left: 4px solid #272727;
	color: #5d5d5d;
}

	#fSiteMap span
	{
		width: 90px;
		display: inline;
		float: left;
		padding: 5px;
		height: 78px;
		margin: 15px 0 25px 0;
		text-align: center;
	}

.smNavLink
{
	height: 20px;
	display: inline;
	line-height: 20px;
	padding: 0px;
	color: #5d5d5d;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px dashed #222222;
}

	.smNavLink:hover
	{
		color: #ffffff;
	}

.smNavUnderLink
{
	height: 20px;
	display: inline;
	line-height: 20px;
	color: #5d5d5d;
	font-size: 11px;
}

	.smNavUnderLink:hover
	{
		color: #ffffff;
	}

.mapOptions
{
	float: right;
	overflow: auto;
	width: 276px;
	height: 693px;
	border-bottom: 4px solid #272727;
	border-left: 4px solid #272727;
	background: #ffffff;
}

	.mapOptions p
	{
		line-height: 20px;
		text-align: justify;
	}

	.mapOptions h3
	{
		color: #336633;
	}

.roomTable
{
	width: 787px;
	overflow: auto;
	border: 1px solid #999999;
	font-family: Verdana, Trebuchet MS, Tahoma, Arial;
	font-size: 13px;
	line-height: 12px;
	padding-bottom: 1px;
	margin: 1em 0 1em 0;
}

.roomRow
{
	overflow: auto;
}

.yellowBox
{
	width: 572px;
	float: left;
	margin: 1px 1px 0 0;
	padding-left: 10px;
	line-height: 30px;
	background: #dddddd;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

.split
{
	float: left;
	text-align: left;
	margin: 1px 1px 0 1px;
	width: 200px;
	line-height: 30px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background: #dddddd;
}

.mapButtons
{
	border-top: 1px dashed #cccccc;
	border-bottom: 1px dashed #cccccc;
	background: #ffffcc;
}

.mapFrame
{
	float: right;
	padding: 0em;
	margin: 0em;
	border: 0em;
	border-right: 4px solid #272727;
	width: 700px;
	height: 500px;
}

.properties
{
	margin: auto;
	margin-top: 20px;
}

.property
{
	float: left;
	width: 448px;
	background-color: #ddeeff;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border: 1px solid #000000;
	padding: 10px;
	margin: 10px;
	text-align: center;
}

	.property img
	{
		border: solid 1px #cccccc;
	}

.proppic
{
	width: 240px;
	height: 205px;
	float: left;
	text-align: center;
}

	.proppic a {
		color: #000000;
	}

.proppic2
{
	width: 240px;
	float: left;
	text-align: center;
}

.review {
	width: 200px;
	float: left;
	text-align: center;
}

	.review a {
		color: #000000;
	}

	.property h2, .property h3
	{
		text-align: center;
		color: #333333;
	}

.property h3 {
	margin-bottom: 10px;
}

.proptext {
	text-align: center;
}

	.review .details, .proptext .details
	{
		width: 150px;
		margin: auto;
		font-size: 14px;
		font-weight: bold;
		background-color: #6699cc;
		color: #ffffff;
		padding: 7px;
		text-align: center;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border: 1px solid #003366;
		cursor: pointer;
	}

	.review .book, .proptext .book
	{
		width: 150px;
		margin: auto;
		font-size: 14px;
		font-weight: bold;
		background-color: #6699cc;
		color: #ffffff;
		padding: 7px;
		text-align: center;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border: 1px solid #003366;
		cursor: pointer;
	}

	.review a, .proptext a
	{
		color: #003366;
		text-decoration: none;
	}

		.review a:hover, .proptext a:hover
		{
			color: #99cc99;
		}

.availform
{
	border: solid 1px #000000; 
	background-color: #cccccc; 
	padding: 3px; 
}

	.availform p
	{
		margin: 1px 0px;
		padding: 0px;
	}

	.availform .title
	{
		float: left;
		width: 60px;
	}

	.availform input, .availform select
	{
		font-size: 12px;
	}

	.availform .submit
	{
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border: 1px solid #663333;
		background-color: #ffffff;
		color: #666666;
		padding: 2px 7px;
		margin-top: 2px;
		cursor: pointer;
	}

.propform
{
	border: solid 1px #000000; 
	padding: 3px; 
	width: 250px;
	margin: auto;
	margin-top: 13px;
	text-align: left;
}

	.propform h2
	{
		margin-bottom: 13px;
		padding-left: 7px;
	}

	.propform p
	{
		margin: 1px 0px;
		padding: 0px;
	}

	.propform .title
	{
		clear: both;
		float: left;
		width: 100px;
		padding-left: 7px;
	}

	.propform input, .propform select
	{
		font-size: 12px;
		margin-top: 7px;
	}

	.propform .submit
	{
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border: 1px solid #663333;
		background-color: #ffffff;
		color: #666666;
		padding: 2px 7px;
		margin-top: 7px;
		margin-bottom: 3px;
		cursor: pointer;
	}

.homeText
{
	width: 95%;
	margin: 10px auto;
	padding: 1em;
	background: #ffffff;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

	.homeText p
	{
		line-height: 24px;
		font-family: Verdana;
	}

	.homeText h2
	{
		color: #6699cc;
	}

.pagemenu
{
	padding: 1em 1em 0em 1em;
}

	.pagemenu p
	{
		font-size: 14px;
		padding: 3px 13px;
		border: 1px solid #999999;
		border-right: none;
	}

		.pagemenu p:last-of-type 
		{
			border-right: 1px solid #999999;
		}

.propertyText
{
	margin: 0em 0em 0em 1em;
	padding: 1em;
}

	.propertyText p
	{
		line-height: 24px;
		font-family: Verdana;
		text-align: justify;
	}

	.propertyText h2
	{
		color: #336633;
	}

	.propertyText h3
	{
		color: #336633;
	}

.propertyPadding
{
	float: left;
	width: 980px;
	height: 16em;
}

.local_propertyImages
{
	float: left;
	width: 248px;
	text-align: center;
	margin: 0em auto;
	margin: 1em 1em 0em 0em;
	padding: 1em;
}

	.local_propertyImages h2
	{
		color: #336633;
		text-align: left;
	}

	.local_propertyImages p
	{
		line-height: 20px;
		text-align: justify;
		font-family: Verdana;
	}

	.local_propertyImages div
	{
		margin: 0em auto;
	}

.propertyImages
{
	width: 752px;
	text-align: center;
	margin: auto;
	padding: 0em 1em;
}


	.propertyImages h2
	{
		color: #336633;
		text-align: left;
	}

	.propertyImages p
	{
		line-height: 20px;
		text-align: justify;
		font-family: Verdana;
	}

	.propertyImages div
	{
		margin: 0em auto;
	}

.menuBackground
{
	float: right;
	width: 988px;
	overflow: visible;
	background: url('../images/bg/menu_full.png') bottom right no-repeat;
}

	.menuBackground a
	{
		height: 32px;
		line-height: 32px;
		color: #ffffff;
		margin: 0px 0px 0px 11px;
		font-size: 16px;
	}

		.menuBackground a:hover
		{
			border-bottom: 5px solid #cccccc;
			text-decoration: none;
		}

.menuList
{
	width: 820px;
	float: right;
}

.menuTitle
{
	width: 450px;
	float: left;
}

.imageLarge
{
	width: 100%;
	height: 100%;
	margin: 0em auto;
	position: fixed;
	top: 0;
	left: 0;
	background: #000000;
	opacity: 0.7;
	filter: alpha(opacity=70);
	visibility: hidden;
}

.image
{
	position: fixed;
	top: 100px;
	width: 600px;
	height: 450px;
	border: 4px solid #272727;
	margin: 0em auto;
	z-index: 10;
}

.overlay
{
	width: 100%;
	height: 100%;
	position: fixed;
	margin: 0em auto;
}

	.overlay div
	{
		margin: 0em auto;
	}

.close
{
	float: right;
	position: fixed;
	top: 0;
	width: 50px;
	height: 30px;
	color: White;
	z-index: 10;
}

.close
{
	margin: 10px 0 0 10px;
	top: 0;
	left: 0;
	position: fixed;
}

.propertyTop
{
	border-top: 4px solid #272727;
	margin: 0em auto;
}

.mainimages
{
	width: 752px;
	text-align: center;
	margin: auto;
	background-color: #000000;
}

.mainimage
{
	border-right: 4px solid #272727;
	border-left: 4px solid #272727;
	border-top: 4px solid #272727;
	margin: 0px;
	padding: 0px;
}

	.mainimage img
	{
		height: 400px;
	}

.propertyImage
{
	border-right: 4px solid #272727;
	border-left: 4px solid #272727;
	border-bottom: 4px solid #272727;
	width: 180px;
	height: 120px;
	float: left;
	overflow: hidden;
}

	.propertyImage img
	{
		width: 180px;
		border: 0px;
	}

	.propertyImage Span
	{
		color: #ffffff;
		background: #272727;
		width: 240px;
		height: 20px;
		margin: 0em auto;
		line-height: 20px;
		font-size: 12px;
	}

	.propertyImage a:hover
	{
		text-decoration: none;
	}

	.propertyImage:hover
	{
	}

.localImage
{
	border-right: 4px solid #272727;
	border-left: 4px solid #272727;
	border-bottom: 20px solid #272727;
	overflow: visible;
	width: 240px;
	height: 135px;
}

	.localImage Span
	{
		color: #ffffff;
		background: #272727;
		width: 240px;
		height: 20px;
		margin: 0em auto;
		line-height: 20px;
		font-size: 12px;
	}

	.localImage a:hover
	{
		text-decoration: none;
	}

.bookingDiv
{
	margin: 0em auto;
	overflow: auto;
	padding: 1em;
}

	.bookingDiv h2
	{
		color: #336633;
		margin-bottom: .5em;
	}

.bookingColumn
{
	width: 296px;
	min-height: 551px;
	float: left;
	padding: 15px;
	border-right: 4px solid #272727;
}

	.bookingColumn p
	{
		letter-spacing: 1px;
		line-height: 20px;
		text-align: justify;
		font-family: Verdana;
	}

	.bookingColumn h2
	{
		color: #336633;
	}

	.bookingColumn ul
	{
		font-family: Verdana;
		letter-spacing: 1px;
		line-height: 20px;
		font-size: 13px;
	}

.bookingSection
{
	overflow: auto;
	display: block;
}

.bookingTitle
{
	width: 75px;
	min-height: 22px;
	overflow: auto;
	float: left;
	padding: .5em;
	font-family: Trebuchet MS, Tahoma, Arial;
}

.bookingBox
{
	display: inline;
	min-height: 22px;
	overflow: visible;
	float: left;
	padding: .5em;
}

.pbSurround
{
	overflow: auto;
}

	.pbSurround:hover
	{
		color: #336633;
	}

.pbLeft
{
	font-family: Trebuchet MS, Tahoma, Arial;
	font-size: 14px;
	line-height: 24px;
	float: left;
	background: #cccccc;
	margin: 0 0 1px 0;
	width: 229px;
	padding: 0 0 0 .5em;
}

.pbRight
{
	font-family: Trebuchet MS, Tahoma, Arial;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	float: left;
	background: #dddddd;
	margin: 0 0 1px 0;
	width: 60px;
}

.localLinks
{
	padding: 20px;
	width: 300px;
	float: left;
}

	.localLinks a
	{
		color: #999999;
	}

		.localLinks a:hover
		{
			color: #336633;
		}

	.localLinks h3
	{
		color: #336633;
		margin: 1em 0 0 0;
	}

	.localLinks h2
	{
		color: #336633;
	}

	.localLinks li
	{
		list-style: none;
		background: url('../images/bg/bullet.png') top left no-repeat;
		line-height: 25px;
		margin-left: -30px;
		padding-left: 15px;
	}

.localMain
{
	padding: 20px;
	width: 600px;
	float: left;
}

	.localMain a
	{
		margin: 1em 0 -0.5em .5em;
		font-weight: bold;
		color: #000000;
	}

	.localMain p
	{
		line-height: 24px;
		margin: 0em;
		padding: .5em 1em .5em 1em;
		font-family: Verdana;
		text-align: justify;
	}

	.localMain h2
	{
		color: #336633;
		margin-bottom: .5em;
	}

	.localMain h3
	{
		margin: 1em 0 -0.5em .5em;
		padding: 1em 0 0 0;
	}

.localOverlay
{
	overflow: auto;
	margin: 0 0 .5em 0;
}

	.localOverlay:hover
	{
		background: #ffffcc;
	}

.offertable
{
	margin-left: 13px;
}

.booknow
{
	color: #000000;
/*
	font-size: 16px;
	font-weight: bold;
	width: 150px;
	padding: 7px;
	text-align: center;
	background-color: #336633;
	color: #ffffff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 3px double #ffffff;
	cursor: pointer;
*/

}

	.booknow a
	{
		color: #ffffff;
	color: #000000;
	}