BODY {
	font-family:				Arial,sans-serif;
	font-size:					small;
	margin:						0px;
	padding:					0px;
	
}	

#layout {
	position:					relative;
	margin:						0px auto;
	padding:					0px;
}

#layout #content {
    position: relative;
    overflow: hidden;
	background:				#D3F9D2 url(../images/background.png) bottom repeat-x;
}

.emph {
	font-weight:				bold;
}

/* Banner Styles */
.banner {
	height:						6em;
}

.banner HR {
	margin-left:				5px;
	margin-right:				50px;
}

.banner .heading {
	font-family:				David Transparent,Georgia,MS Serif4;
	font-size:					165%;
	font-weight:				bold;
	text-align:					center;
	padding-top:				0.5em;
}

.strapline {
	font-family:				David Transparent,Georgia,MS Serif4,;
	text-align:					center;
	font-size:					100%; 
	padding-top:				0.5em;
	font-weight:				bold;
}

.contact {
	float:						right;
	font-size:					101%;
	margin:						0px;
	padding:					0px;

}

.contact UL {
	margin:						0px;
	padding:					0px;
	margin-left:				2em;
	padding-top:				1em;
	padding-right:				1em;
	list-style:					none;
}

.contact UL LI {
	font-weight:				bold;
}

.rotatedContent {
	float:						left;
}

.left {
	float:						left;
}

.right {
	float:						right;
}


.homepicture {
	float:						left;
	padding-top:				12px;
	padding-left:				1em;
}

/* Menu Styles */

 .absWidget
  {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 200px;
    height: 100%;
    background: #E3FCE3;
    z-Index: -1; /* push this behind the menu */
   }

*HTML .absWidget{
	left: -200px;
}


.menu {
	position:				relative;
    width:					200px;
	float:					left;
	/*float:						left;
	width:						20%;*/

}

.menu DIV {
	font-weight:				bold;
}

.menu UL {
	margin:						0px;
	padding:					0px;
	list-style:					none;
}

.menu UL LI {
	padding:					0.4em;
	padding-left:				1em;
	line-height:				16px;
}

*HTML .menu UL LI A{
	padding-bottom:				0.2em;
	padding-top:				0.2em;
	line-height:				1em;
}

.menu UL LI A {
	display:block;
	overflow:hidden;
	font-weight:				bold;
}

* html .menu UL LI a {
	height:1em;
}


.menu .logo {
	text-align:					center;
	margin-top:					1em;
	margin-bottom:				1em;
	margin-top:					24em;
}

/* Conent Styles */

.content {
	margin-left:				200px;
	padding-bottom:				1em;
	font-size:					105%;
	padding-left:				0.5em;
	border-left:				1px solid yellow;
}

.content H1 {
	font-size:					140%;
	margin:						0px;
	padding:					0px;
	margin-top:					0.5em;
	font-weight:				bold;
}

.content H2 {
	font-size:					110%;
	margin:						0px;
	padding:					0px;
	margin-top:					0.5em;
	font-weight:				bold;
}

.content H3 {
	font-size:					90%;
	margin:						0px;
	padding:					0px;
	margin-top:					0.5em;
	font-weight:				bold;
}

.content .wrapper {
	padding-left:				0.5em;
	padding-right:				0.5em;
	padding-top:				0.5em;
}

.content .wrapper P {
	margin-top:					0.2em;
}

.content .wrapper IMG{
	margin:						0.6em;
}

.content .wrapper .lakes LI {
	margin-bottom:				0.5em;
}

.content .wrapper.sales IMG,  .content .wrapper .criteriaimage IMG{
	margin:0px;
}

.content .wrapper .criteriaimage {
	float:						right;
	margin:						0.5em;
	border:						1px solid yellow;
}

.content .rightImage {
	margin:						0.5em; 
	float:						right;
}

.content .imagefade {
	margin-left:				4%;
}

.fadingimage {
	margin-top:					0.5em;
	text-align:					center;
	margin-right:				115px;
}


.button {
 	padding:						1px 6px 1px 6px;
    overflow:						visible;
	display:							block;
	min-height:							18px;
}


.button a,
.button input
{
	outline:							none;
	line-height:						normal;
	display:							block;
	font-weight:						bold;
	border:								none;
	background:							transparent;
	font:								1em;
	text-decoration:					none;
	padding:							0px;
	margin:								0px;
	overflow:							visible;
	padding:							0em 0.6em 0em 0em;
	cursor:								pointer;
	background-position:				6px 1px;
	background-repeat:					no-repeat;
	padding-left:						2em;
}

* HTML .button a,
* HTML .button input
{
	display:							inline-block;
}

* HTML .button a,
* HTML .button input
{
	height:								18px;
}

.buttonwrapper {
	margin-left:				1.5em;
	margin-bottom:				0.1em;

}

.buttons {
	margin-bottom:				0.3em;
}

#alert {
	padding:					0.5em;

}

/* Table styles */

TABLE {
	clear:				both;
	width:				98%;
	margin:				auto;
	margin-top:			0.5em;
	margin-bottom:		1em;
}

TABLE THEAD {
	background:			#D3F9D3 url(../images/menu-bg.gif) top repeat-x;
	color:				yellow;
}
TABLE THEAD TH {
	border-top:			1px solid #546C75;
}

TABLE TD {
	text-align:			center;
}

TABLE TD.longtext {
	text-align:			left;
	padding:			0.3em;
}

TABLE TR.odd {
	background:			#EEFDEE;
}

TABLE TR.even {
	background:			white;
}

TABLE TD {
	border-bottom:		1px solid #546C75;
	padding:			0.1em;
}

.bookingpanel {	
	width:				80%;
	margin:				auto;
	margin-bottom:		0.5em;
}

.bookingpanel H2{
	font-size:			90%;
	background:			#D3F9D3 url(../images/menu-bg.gif) top repeat-x;
	padding:			0.2em;
	margin:				0px;
	color:				yellow;
}

.bookingpanel .bookingcontent {
	border:				solid #697C83;
	border-width:		1px 1px 1px 1px;
	padding:			0.5em;
	background:			white;
}


.booking .bookingcontent .button {
	padding:			0.05em;
}

TABLE.callayout {
	width:				50%;
	clear:				both;
	margin:				auto;
	margin-top:			0.5em;
	margin-bottom:		1em;

}


TABLE.callayout TD {
	border-bottom:		none;
	padding:			0.1em;
	vertical-align:		top;
}

TABLE#calendar {
	width:				16em;
	clear:				both;
	margin:				0.1em;
	margin-top:			0.5em;
	margin-bottom:		1em;
}

TABLE#calendar TD {
	 border:				1px solid yellow;
}

TABLE#calendar TD {
	background:			white;
	color:				#387456
}


TABLE#calendar TH {
 border:				none;
 padding:				2px;
}

TABLE#calendar THEAD TR TH {
	background:			white;
	color:				#387456;
}

TABLE#calendar THEAD TR TH.price {
	border-left:		1px solid yellow;
}

TABLE#calendar TBODY TR TD.price {
	
}

TABLE#calendar THEAD TR TH.monthname {
	border:				1px solid yellow;
	background:			#D3F9D3 url(../images/menu-bg.gif) top repeat-x;
	color:				yellow;
}


TABLE#calendar TBODY TD.noday {
	background:			white;
}

TABLE#calendar TBODY TD#free {
	background:			#E3FCE3;
	color:				#387456;
	font-weight:		bold;
}


TABLE#calendar TBODY TD#offer {
	background:			yellow;
	color:				black;
	font-weight:		bold;
}
TABLE#calendar TBODY TD#booked {
	background:			#993300;
	color:				white;
	font-weight:		bold;
}

TABLE#calendar TBODY TD#prov {
	background:			blue;
	font-weight:		bold;
}

/* Form styles*/
.row {
	overflow:hidden; 
	padding-top:						0.3em;
	padding-bottom:						0.3em;
}        
* HTML .row {  
	overflow:							visible!important;
	height:								1em;
}        
.row .col1 {        
	float:left;   
	width:10em;   
	text-align:right;  
	font-weight:bold;   
	vertical-align:middle; 
	margin-right:0.5em;  
}        

.row .longcol{
	font-weight:				bold;
}

.row .col2 {        
	margin-left:10.4em; 
}

.row .col2 UL {
	list-style:					none;
	margin:						0px;
	padding:					0px;
}

* HTML .row .col2 SPAN
{
	margin-left:-4px;
}

* HTML .row .col2 .data .indent {
	margin-left:	4px;
}

* HTML .row  .col2 SPAN, * HTML .row .col2 .data .backdent
{
	height:								1px;
}




/* Caravan sales */

.topwrapper {
	margin-top:			0.5em;
}

.description {
	width:				49%;
}

.description H2 {
	font-size:			100%;
}

.image {
	float:				right;
}

.image IMG {
	border:				1px solid yellow;
}
/* Footer Styles */

.footer {
	clear:					both;
	padding:				0.5em;
	font-weight:			bold;
}

#innerwrapper
{
	overflow:							auto;
	width:								99%;
	margin-left:						auto;
	margin-right:						auto;

}
* HTML #innerwrapper
{
	overflow-y:							visible;
	overflow-x:							auto;
	padding-bottom:						1em;
}

.booking P {
	margin:					0px;
	margin-bottom:			1em;
	margin-top:				1em;
	padding:				0px;
}
/*--------------------------*/
.rightcol {
	float:					right;
	width:					49%;
}

.leftcol {
	width:					49%;
}

.cabin {
	clear:					both;
	margin-top:				0.5em;
	background:				#F0FCF0;
	border:					1px solid #697C83;
	min-height:				210px;
}

.cabin H2 {
	padding:				0.3em;
	padding-bottom:			0.2em;
	font-size:				medium;
	margin:					0px;
	margin-bottom:			0.3em;
	border-bottom:			2px solid yellow;
	background:				url(../images/menu-bg4.gif);
	color:					yellow;
}

.cabin H2 A {
	color:					yellow;
	text-decoration:		none;
	display:				block;
}


.cabin H2 A:hover {
	color:					#EAFEEA;
}

.cabin .cabincontent {
	margin:					0.2em;
}

.cabin H3 {
	font-size:				100%;
	margin-top:				0px;
	margin-bottom:			0.2em;
	display:				inline;
}

.cabin p {
	margin:					0px;
}

.cabin .subheading {
	margin-top:				0.2em;
}


.cabin IMG {
	float:					left;
	border:					1px solid yellow;
	margin-right:			0.5em!important;
	margin-bottom:			0.5em!important;
}

.cabin .findmore {
	margin-top:				0.5em;
}

.cabin .details {
	clear:					left;
}


.featurewrapper {
	clear:				both;
	margin-top:			1em;
}

.featurewrapper UL.tabs {
	list-style:			none;
	margin:				0px;
	padding:			0px;
}

.featurewrapper UL.tabs LI{
	display:			inline;
	font-size:			small;
}

.featurecontainer {
	width:				60%;
}

.featurecontent H3 {
	margin:				0px;
	padding:			0px;
	font-size:			100%;
}

.gallary {
	width:				225px;
	clear:				both;
	margin-top:			1.5em;
	float:				right;
	background:			#F0FCF0;
}

.gallary H2{
	font-size:			90%;
	background:			url(../images/container-header.gif) left top no-repeat;
	padding:			0.2em;
	margin:				0px;
	color:				yellow;
}

.gallary .gallcontent {
	border:				solid #697C83;
	border-width:		1px 1px 1px 1px;
}

.gallary .rightcol{
	float:				right;
}

.gallary .gallcontent DIV DIV {
	margin:				0.3em;

}

.gallary IMG {
	border:				1px solid yellow;
}

.price {
	margin-top:				0.5em;
}

.navback {
	float:				right;
	margin:				0px;
	margin-top:			0.7em;
	margin-right:		0.7em;
}	

.navback A {
	color:				#697C83;
}

.interested H3{
	font-size:					90%;
	margin-bottom:				0px;
	padding-bottom:				0px;
}

.interested P {
	margin:						0px;
	margin-top:					0.2em;
	padding-top:				0.2em;
}

dl dt {
	margin-top:					0.5em;
	margin-bottom:				0.5em;
	font-weight:				bold;
}

dl dd {
	margin-bottom:				1.3em;
}

.caption {
	font-size:					small;
	text-align:					center;
}

.person {
	margin-top:					0.5em;
}

.person img {
	float:						left;
	margin-right:				1em;
}

.person H3, .person .contactwho {
	display:					inline;
}

.person .contactwho {
	font-size:					80%;
}

.person .jobtitle {
	font-size:					small;
	margin-top:					0.2em;
}

.person .about {
	font-size:					small;
	margin-top:					0.5em;
}