/*remove browser defaults*/
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 }
a img,:link img,:visited img { border:none }
div { text-align: left; }

body {
	margin: 0;
	text-align: center;	
	font: 76% "Trebuchet MS", Arial, Helvetica, sans-serif;
}

body#bodyhome { background-repeat: no-repeat; background-position: top center; } /* image is set by JS (or NOSCRIPT) */
body#bodyfind { background: #DACAB0 url(images/backgrounds/2.jpg) top center no-repeat; }
body#bodygreat { background: #C5DDA9 url(images/backgrounds/3.jpg) top center no-repeat; }
body#bodyinside { background: #DACAB0 url(images/backgrounds/2.jpg) top center no-repeat; }
body#bodyfaqs { background: #C5DDA9 url(images/backgrounds/3.jpg) top center no-repeat; }
body#bodycontact { background: #C5DDA9 url(images/backgrounds/3.jpg) top center no-repeat; }
body#bodyterms { background: #C5DDA9 url(images/backgrounds/3.jpg) top center no-repeat; }
body#bodysitemap { background: #C5DDA9 url(images/backgrounds/3.jpg) top center no-repeat; }

div.pnglink { text-indent: -10000px; }
div.pnglink a { display: block; width: 100%; height: 100%; position: relative; }

div.visitwebsitebutton {
	width: 119px;
	height: 23px;
	background: url(images/body/visitwebsitebutton.png) no-repeat;
	cursor: pointer;
	text-indent: -10000px;
}

div.lodge {
	margin: 10px 0 20px 0;
	padding: 10px;
}



div#warmwell { border-top: 2px solid #839A31; border-bottom: 2px solid #839A31; background-color: #E0E6CB; }
div#tummel { border-top: 2px solid #7CADE5; border-bottom: 2px solid #7CADE5; background-color: #DEEAF8; }
div#glade { border-top: 2px solid #646373; border-bottom: 2px solid #646373; background-color: #D8D8DC; }
div#trehawks { border-top: 2px solid #646373; border-bottom: 2px solid #646373; background-color: #F1D9AE; }
div#argyll { border-top: 2px solid #A94164; border-bottom: 2px solid #A94164; background-color: #E9CFD8; }

	div.lodge div.map {
		width: 180px;
		height: 134px;
		margin: 0 0 10px 10px;
		border: 5px solid white;
		float: right;
	}

div#starfeature {
	position: absolute;
	top: 220px;
	right: 5px;
	background: url(images/features/starfeature.png) no-repeat;
	width: 141px;
	height: 141px;
	text-indent: -10000px;
	margin-top:20px;
}

div#tagline {
	width: 469px;
	height: 19px;
	background: url(images/body/tagline.png) no-repeat;
	position: relative;
	top: 0px;
}

/* relatively positioned map links mess with tagline on this page, so position absolutely */
/*body#bodyfind div#tagline { position: absolute; top: 10px; }*/


div#container {
	width: 966px;
	margin: 0 auto;
	

}

div#leftcolumn {
	float: left;
	width: 234px;
}

		div#logo {
			background: url(images/body/leftcolumnwhitebg.png) repeat-y;
			height: 95px;
			padding: 0 7px;
		}
		
		div#logo h1 { margin: 0 auto; text-indent: -10000px; background: url(images/body/logo.gif) no-repeat; height:88px; width:190px; }
		div#logo a { display: none; }
		
		div.menuspacer {
			background: url(images/body/leftcolumntransbg.png) repeat-y;
			height: 7px;
		}
	
		div#menu ul li {
			text-indent: -10000px;
			overflow: hidden;
		}
		
		div#menu ul li a {
			display: block;
			height: 30px;
		}
		
		div#menu ul li#home a { background-image: url(images/menunew/menu1.png); }
		div#menu ul li#home a:hover { background-image: url(images/menunew/menu1on.png); }
		body#bodyhome div#menu ul li#home a { background-image: url(images/menunew/menu1selected.png); }
		
		div#menu ul li#find a { background-image: url(images/menunew/menu2.png); }
		div#menu ul li#find a:hover { background-image: url(images/menunew/menu2on.png); }
		body#bodyfind div#menu ul li#find a { background-image: url(images/menunew/menu2selected.png); }
		
		div#menu ul li#great a { background-image: url(images/menunew/menu3.png); }
		div#menu ul li#great a:hover { background-image: url(images/menunew/menu3on.png); }
		body#bodygreat div#menu ul li#great a { background-image: url(images/menunew/menu3selected.png); }
		
		div#menu ul li#inside a { background-image: url(images/menunew/menu4.png); }
		div#menu ul li#inside a:hover { background-image: url(images/menunew/menu4on.png); }
		body#bodyinside div#menu ul li#inside a { background-image: url(images/menunew/menu4selected.png); }
		
		div#menu ul li#faqs a { background-image: url(images/menunew/menu5.png); }
		div#menu ul li#faqs a:hover { background-image: url(images/menunew/menu5on.png); }
		body#bodyfaqs div#menu ul li#faqs a { background-image: url(images/menunew/menu5selected.png); }
		
		div#menu ul li#contact a { background-image: url(images/menunew/menu6.png); }
		div#menu ul li#contact a:hover { background-image: url(images/menunew/menu6on.png); }
		body#bodycontact div#menu ul li#contact a { background-image: url(images/menunew/menu6selected.png); }

		
		div#email {
			background: url(images/body/leftcolumnwhitebg.png) repeat-y;
			padding: 10px 24px 5px 24px;
			margin-top: -1px;
		}
		
			div#email p {
				padding-bottom: 10px;
				color: #000 !important;
				font-size: 0.9em !important;
				margin: 0 !important;
				font-weight: bold !important;
				line-height: 1.4em !important;
			}
			
			div#email input#field { width: 125px; font-size: 1.2em; }
			div#email input#submit { vertical-align:middle;padding: 0 0 5px 10px; }
	
	div#bottom {
		height: 15px;
		background: url(images/body/emailbg.png) no-repeat;
	}
	
	div#brochure {
		width: 234px;
		height: 115px;
		background: url(images/body/orderbrochure.png) no-repeat;
	}

div#maincolumn {
	width: 472px;
	margin-left: 262px;
	padding-top: 10px;
}

	
	div#maincolumn div#main div#contenttop { height: 12px; background: url(images/body/maincontenttop.png) no-repeat; }
	div#maincolumn div#main div#contentmain { background: url(images/body/maincontentbg.png) repeat-y; width: 444px; padding: 20px 25px 10px 25px; }
	div#maincolumn div#main div#contentbottom { height: 12px; background: url(images/body/maincontentbottom.png) no-repeat; }
	
	
	
	div#contentmain a { color: #8D052A; font-weight: bold; text-decoration: underline;}
	
	/* page specific main content layout */
	body#bodyhome div#maincolumn div#main { margin: 160px 0 0 145px; }
	body.innerpage div#maincolumn div#main { position: absolute; width: 494px; top: 96px; margin-left: -12px;}
	
	/* page specific headers */
	body#bodyhome h2 { text-indent: -10000px; background: url(images/headers/home1.png) no-repeat; height: 69px; width:292px; }
	body#bodyhome h3 { text-indent: -10000px; background: url(images/headers/home2.png) no-repeat; height: 81px; width:349px; margin-top: 10px; }
	body#bodyhome p { font-size: 1.1em; line-height: 1.4em; font-weight: bold; color: #FFF; margin-left: 5px; margin-top: 20px; }
	
	body#bodyfind h2 { text-indent: -10000px; background: url(images/headers/find.gif) no-repeat; height: 30px; width:246px; padding-bottom: 2em; }
	body#bodygreat h2 { text-indent: -10000px; background: url(images/headers/great.gif) no-repeat; height: 30px; width:262px; padding-bottom: 2em; }
	body#bodyinside h2 { text-indent: -10000px; background: url(images/headers/inside.gif) no-repeat; height: 38px; width:313px; padding-bottom: 2em; }
	body#bodyfaqs h2 { text-indent: -10000px; background: url(images/headers/faqs.gif) no-repeat; height: 33px; width:97px; padding-bottom: 2em; }
	body#bodycontact h2 { text-indent: -10000px; background: url(images/headers/contact.gif) no-repeat; height: 29px; width:195px; padding-bottom: 2em; }
	body#bodyterms h2 { text-indent: -10000px; background: url(images/headers/terms.gif) no-repeat; height: 31px; width:418px; padding-bottom: 2em; }
	body#bodysitemap h2 { text-indent: -10000px; background: url(images/headers/sitemap.gif) no-repeat; height: 37px; width:155px; padding-bottom: 2em; }
	
	body.innerpage h3 { font-size: 1.1em; line-height: 1.4em; font-weight: bold; color: #666; padding-bottom: 1em; }
	body.innerpage h4 { font-size: 1.1em; padding-top: 1em; }
	body.innerpage div#main p { font-size: 1em; line-height: 1.4em; padding: 1em 0;}
	
	body.innerpage h3 ul { list-style: square; margin: 1em 0 0 1.4em;}
	body#bodysitemap div#main ul { list-style: square; margin: 0.6em 0 0.6em 1.4em; line-height: 2em;}
	body#bodysitemap div#main li { font-size: 1em; }
	body#bodysitemap div#main li li { font-size: 1em; font-style: italic; }
	
div#footer {
	margin: 5px 0 0 14px;
	font-size: 0.8em;
}
	
	div#footer li a {
		color: #333;
		background-color: #FFF;
		padding: 3px;
		line-height: 1.8em;
		border: 1px dotted;
	}

div#rightcolumn {
	width: 200px;
	float: right;
}

	div#rightcolumn ul {
		margin-top: 105px;
	}
	
	body#bodyfind div#rightcolumn ul {
		margin-top: 330px;
	}

	div#rightcolumn ul li {
		margin-bottom: 20px;
	}

	div#rightcolumn ul li a {
		display: block;
		color: #000;
		padding-top: 75px;
		font-size: 0.9em;
		position: relative;
	}
	
	div#rightcolumn ul li a span { display: block; }
	div#rightcolumn ul li a span.header { text-indent: -10000px; }
	div#rightcolumn ul li span.text { margin: 0 0 7px 0; padding: 5px; background-color: #FFF; }
	div#rightcolumn ul li a span.bottom { background: url(images/features/featurebottom.png) bottom left no-repeat !important; height: 7px; margin-top: -7px; }
	
	/* Firefox: spans have background written out as each component, and 5px left border (padding not being applied) */
	div#rightcolumn ul li#feature1 { background: url(images/features/feature1bg.png) no-repeat; }
	div#rightcolumn ul li#feature1 a span.header { border-left: 5px solid white; background-color: #FFF; background-image: url(images/features/feature1header.gif); background-position: bottom left; background-repeat: no-repeat; height: 14px; }
	div#rightcolumn ul li#feature2 { background: url(images/features/feature2bg.png) no-repeat; }
	div#rightcolumn ul li#feature2 a span.header { border-left: 5px solid white; background-color: #FFF; background-image: url(images/features/feature2header.gif); background-position: bottom left; background-repeat: no-repeat; height: 14px; }
	div#rightcolumn ul li#feature3 { background: url(images/features/feature3bg.png) no-repeat; }
	div#rightcolumn ul li#feature3test { background: url(images/features/feature3testbg.png) no-repeat; }
	div#rightcolumn ul li#feature3 a span.header, div#rightcolumn ul li#feature3test a span.header { border-left: 5px solid white; background-color: #FFF; background-image: url(images/features/feature3header.gif); background-position: bottom left; background-repeat: no-repeat; height: 15px; }

body#bodyterms h4 { font-size: 1.4em; }

div#contentmain ul {
	list-style-type: square;
	margin-left: 1.6em;
}

div#contentmain li {
	margin-bottom: 0.6em;
}

div#locationmap {
	background: url(images/body/locationmap.png) no-repeat;
	width: 280px;
	height: 417px;
	position: absolute;
	margin: 0 0 0 686px;
	z-index: 1;
}

div#maptummel a, div#mapargyll a, div#mapglade a, div#mapwarmwell a, div#maptrehawks a { display: none; }
div#maptummel { width: 80px; height: 26px; top: 90px; left: 820px; z-index: 2; position: relative; cursor: pointer; }
div#mapargyll { width: 93px; height: 26px; top: 105px; left: 795px; z-index: 2; position: relative; cursor: pointer; }
div#mapglade { width: 88px; height: 24px; top: 306px; left: 758px; z-index: 2; position: relative; cursor: pointer; }
div#maptrehawks { width: 88px; height: 24px; top: 274px; left: 758px; z-index: 2; position: relative; cursor: pointer; }
div#mapwarmwell { width: 86px; height: 20px; top: 306px; left: 828px; z-index: 2; position: relative; cursor: pointer; }



label { font-weight: bold;}
	
	dl {
	  width: 440;
	}

	dt {
	  	clear: both;
	  	float:left;
	  	width: 100px;
	  	padding: 4px 0 15px 0;
	  	text-align: left;
		font-weight: bold;
	}
	

	dd {
	 	float: left;
	 	width: 330px;
	 	margin: 0 0 8px 0;
	 	padding-left: 10px;
	}

	dd input {
		width: 290px;
	}
	
	dd input, dd select, dd textarea { background-color: #E8F1DD; }
	
	dd img { vertical-align: middle; margin-left: 10px; }
	
	dd.req { background: url(resource/images/body/pencil.gif) top right no-repeat; }
	dd.req input { width: 290px; }
	dd.req input#fpostcode { width: 195px; }

	dd input.autowidth {
		width: auto;
		margin-top: 2px;
	}

	dd textarea {
		width: 300px;
		height: 100px;
	}
	
	
	
	.photoright {
		width: 210px;
	}
	.photoleft {
		width: 210px;
		margin-left: 230px;
	}
	
	div.photoframeright img {
		border: 3px solid #E3E2C3;	
		margin: 0 0 0 14px;
	}
	div.photoframeleft img {
		border: 3px solid #E3E2C3;	
		margin: 0 12px 0 0;
	}
	
	div.photoframeright {
		float: right;
		margin-top: 1em;
	}
	div.photoframeleft {
		float: left;
		margin-top: 1em;
	}
	
	
	#photo_area {
		background-color: #E3E2C3;
		height: 190px;
		width: 234px;
		padding: 3px;
		position: absolute;
	}

	#roomNameContainer {
		text-transform:uppercase;
		background-color:#8D052A;
		padding:3px;
		top:176px;
		left:3px;
		position:absolute;
		font-size:10px;
		color:#FFF;
		font-weight:bold;
	}