/* ---------------------------
Author: Barry G. White
Author URL: http://www.etchcode.com
Website: http://www.kilconquharcastle.co.uk
Version: 2.0
Last Updated: 16 September 09
------------------------------ */

/* Colours -------------------
beige:			e9e1b2
brown:			7c6230
gold:			c0aa3c
grey:			939393
grey (mid):		4b4b4b
grey (dark):	252525
purple:			5d1146
purple (light):	f5eff9
------------------------------ */

/* Eric Meyer's CSS Reset */
/* (http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}
ol, ul {list-style: none; margin-bottom: 1em;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0; margin-bottom: 1.5em;}
caption, th, td {text-align: left; font-weight: normal; padding: 0 10px 5px 0;}
th {font-weight: bold;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* Global Styles
------------------------------ */
body {background: #303134 url(img/bg.jpg) no-repeat top center;}
a img, :link img, :visited img {border: none}

/* Classes */
.gutter {padding: 0 10px;}
.clear {clear: both;}
.float-l {float: left;}
.float-r {float: right;}
	img.float-r {margin: 10px; border: 1px solid #8B7446;}
.bottom {margin-bottom: 1em;}
.center {text-align: center; color: #4b4b4b;}
.download {background: #efefef; line-height: 4em; text-align: center; clear: both;}
.download a {display: block; color: #7c6230;}
.small {font-size: 0.9em;}
.hidden {display: none;}


/* Layout
------------------------------ */
#wrap {
	margin: 0 auto;
	padding: 0;
	background: #fff url(img/bg-body.png) no-repeat top center;
	width: 830px;
	}

#header {
	margin: 20px 0 0 20px;
	padding: 0;
	width: 740px;
	float: left;
	}
#banner {
	height: 215px;
	width: 625px;
	float: left;
	margin: -20px 0 0 82px;
	background: url(img/corners.png) no-repeat top center; 
	clear: left;
	}
	#banner img {
		margin: 20px 0 0 20px;
		}

#content {
	margin: 10px 0 0px 45px;
	padding: 0;
	width: 740px;
	float: left;
	background: #fff;
	clear: both;
	}

#main {
	margin: 0 auto;
	padding: 0;
	width: 430px;
	float: left;
	}
/* Temporary until weather displays dynamically on the home page */
#weather-page #main {width: 720px; text-align: center;}

#sidebar {
	margin: 0 auto;
	padding: 0;
	width: 290px;
	float: right;
	}
	#homepage #sidebar {margin-top: 1px;}

#footer {
	margin: 0 auto;
	padding: 15px 0 30px 0;
	clear: both;
	background: #fff url(img/conkers.jpg) no-repeat 320px 40px;
	width: 830px;
	}
#footer-wrap {
	margin: 0 auto;
	padding: 20px 0 0 0;
	background: transparent url(img/footer-bg.png) no-repeat top center;
	width: 740px;
	height: 80px;
	}
#foot-leftcol {margin: 0 0 0 20px; float: left;}
#foot-rightcol {margin: 0 20px 0 0; float: right;}


/* Typography
------------------------------ */
body {
	font: 13px/1.4em Georgia,"Times New Roman",times,serif;
	color: #252525;
	}

p, dl {margin: 0 0 1em 0;}
dd {margin: 0 0 0 10px;}
em {font-weight: bold; font-style: normal;}
address {font-style: normal;}
#main address {margin-bottom: 1em;}
acronym {border-bottom: 1px dashed #aaa;}

#footer {font-size: 0.9em; line-height: 1.2em;}
#foot-rightcol {text-align: right;}

/* Links */
a {text-decoration: underline; color: #c0aa3c;}
a:active {color: #7c6230;}
a:hover {text-decoration: none; color: #5d1146;}

form :focus {outline: #939393 dotted thin; background: #f5eff9; color: #252525;}
#banner h1:focus, #banner h1 a:focus {background: transparent;}

#main .gutter a:hover {background: #f5eff9;}

#footer a {color: #252525;}
#footer a:hover {text-decoration: none; color: #5d1146; background: #f5eff9;}

/* Blockquotes */
blockquote p {
	margin: 0 20px 0 0;
	font: 1.8em/1.2em "times new roman",georgia,times,serif;
	color: #0f0f0f;
	text-transform: lowercase;
	text-align: right;
	}
cite {
	font: 1em/1.6em tahoma,helvetica,arial,sans-serif;
	color: #939393;
	float: right;
	}
#about.testimonials blockquote p {
	margin: 0;
	font-size: 1.1em;
	line-height: 1.4em;
	text-transform: none;
	text-align: left;
	clear: both;
	}
#about.testimonials cite {
	margin: 0 0 1em 0;
	}

/* Headings */
h1 {font-size: 1.8em;}
h2 {
	margin: 0 0 1em 0;
	font-family: "Apple Chancery",Georgia,"Times New Roman",times,serif;
	font-size: 1.6em;
	text-align: center;
	}
#contact-form h2 {color: #7c6230;}
h3 {margin: 0 0 1em 0; font-size: 1.4em; color: #939393;}
	#links h3 {margin: 1em 0 0.5em 0;}
h4 {margin: 0 0 0.4em 0; font-size: 1.1em; color: #4b4b4b; font-weight: bold;}
	#gallery h4 {margin: 0.5em 0;}
h5 {margin: 0 0 0.5em 0; font-size: 1em; font-weight: bold;}

/* Image Replacement - headings */
#banner h1 {
	margin: 17px 0 0 35px;
	background: url(img/logo.gif) no-repeat center;
	width: 168px;
	height: 155px;
	text-indent: -9999px;
	float: left;
	}
#banner h1 a {display: block; height: 155px;}

#h-specialoffers {background: #fff url(img/headings/specialoffers.png) no-repeat center; width: 390px; height: 27px; text-indent: -9999px; margin: 0 auto 0.5em auto;}

#main h2 {
	margin: 0 auto 0.5em auto;
	width: 390px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: center;
	}
#h-welcome {background-image: url(img/headings/welcome.png); height: 27px;}
#h-fromgallery {background-image: url(img/headings/fromgallery.png); height: 27px;}
#h-gallery {background-image: url(img/headings/gallery.png); height: 27px;}
#h-about {background-image: url(img/headings/aboutus.png); height: 19px;}
#h-more {background-image: url(img/headings/morefromsection.png); height: 27px;}
#h-history {background-image: url(img/headings/history.png); height: 27px;}
#h-area {background-image: url(img/headings/surroundingarea.png); height: 27px;}
#h-website {background-image: url(img/headings/website.png); height: 19px;}
#h-accommodation {background-image: url(img/headings/accommodation.png); height: 19px;}
#h-dining {background-image: url(img/headings/dining.png); height: 23px; padding-top: 5px;}
#h-lastminuteclub {background-image: url(img/headings/lastminuteclub.png); height: 19px;}
#h-equestrian {background-image: url(img/headings/equestrian.png); height: 23px; padding-top: 5px;}
#h-golf {background-image: url(img/headings/golf.png); height: 27px;}
#h-tours {background-image: url(img/headings/tours.png); height: 19px;}
#h-kidsclub {background-image: url(img/headings/kidsclub.png); height: 19px;}
#h-swimming {background-image: url(img/headings/swimming.png); height: 23px; padding-top: 5px;}
#h-leisure {background-image: url(img/headings/leisure.png); height: 19px;}
#h-health {background-image: url(img/headings/health.png); height: 27px;}
#h-weddings {background-image: url(img/headings/weddings.png); height: 27px;}
#h-conferences {background-image: url(img/headings/conferences.png); height: 27px;}
#h-timeshares {background-image: url(img/headings/timeshares.png); height: 19px;}
#h-inspection {background-image: url(img/headings/inspection.png); height: 27px;}
#h-contact {background-image: url(img/headings/contact.png); height: 15px; padding-top: 8px;}
#h-links {background-image: url(img/headings/links.png); height: 19px;}
#h-testimonials {background-image: url(img/headings/testimonials.png); height: 19px;}
#h-sitemap {background-image: url(img/headings/sitemap.png); height: 23px;}
#h-vacancies {background-image: url(img/headings/vacancies.png); height: 15px;}
#h-rates {background-image: url(img/headings/rates.png); height: 15px;}
#h-types {background-image: url(img/headings/types.png); height: 27px;}
#h-sizes {background-image: url(img/headings/sizes.png); height: 27px;}
#h-tour {background-image: url(img/headings/tour.png); height: 19px;}
#h-ii {background-image: url(img/headings/ii.png); height: 19px;}
#h-rci {background-image: url(img/headings/rci.png); height: 15px;}
#h-events {background-image: url(img/headings/events.png); height: 15px;}
#h-festivities {background-image: url(img/headings/festivities.png); height: 15px; padding-top: 6px;}
#h-homes {background-image: url(img/headings/homes.png); height: 27px;}
#h-featured {background-image: url(img/headings/featured.png); height: 19px;}

#sidebar h2 {
	margin: 0 auto 0.5em auto;
	width: 270px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: center;
	}
#h-weather {background-image: url(img/headings/weather.png); height: 19px;}
#h-calendar {background-image: url(img/headings/calendar.png); height: 19px;}
#contact-form h2 {background-image: url(img/headings/getintouch.gif); height: 24px;}


/* Navigation
------------------------------ */
#nav {
	margin: -20px 0 0 0;
	padding: 0;
	width: 790px;
	}
#nav li {float: left;}
#nav li, #nav li a {
	display: block;
	height: 83px;
	text-indent: -9999px;
	background-image: url(img/nav.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
	}
#n-home a {background-position: 0 0; width: 67px;}
#n-about a {background-position: -67px 0; width: 64px;}
#n-accommodation a {background-position: -131px 0; width: 147px;}
#n-recreation a {background-position: -278px 0; width: 101px;}
#n-timeshares a {background-position: -379px 0; width: 106px;}
#n-functions a {background-position: -485px 0; width: 147px;}
#n-gallery a {background-position: -632px 0; width: 78px;}
#n-contact a {background-position: -710px 0; width: 80px;}

#n-home a:hover, #n-home a:focus {background-position: 0 -83px;}
#n-about a:hover, #n-about a:focus, #about #n-about a {background-position: -67px -83px;}
#n-accommodation a:hover, #n-accommodation a:focus, #accommodation #n-accommodation a {background-position: -131px -83px;}
#n-recreation a:hover, #n-recreation a:focus, #recreation #n-recreation a {background-position: -278px -83px;}
#n-timeshares a:hover, #n-timeshares a:focus, #timeshares #n-timeshares a {background-position: -379px -83px;}
#n-functions a:hover, #n-functions a:focus, #functions #n-functions a {background-position: -485px -83px;}
#n-gallery a:hover, #n-gallery a:focus, #gallery #n-gallery a {background-position: -632px -83px;}
#n-contact a:hover, #n-contact a:focus, #contact #n-contact a {background-position: -710px -83px;}

/* Sub Navigation */
#subnav {
	margin: 0 0 15px 0;
	width: 285px;
	font-size: 1.2em;
	line-height: 21px;
	}
#subnav li a {
	padding: 2px 0 2px 60px;
	color: #5d1146;
	text-decoration: none;
	display: block;
	}
#subnav li a.current, #subnav li a:hover {background: url(img/subnav-hover.png) no-repeat center right;}

#subnav li ul {
	margin: 0 0 5px 0;
	text-indent: 0.5em;
	}
	#subnav li ul li a {
		font-size: 0.9em;
		text-decoration: underline;
		}
	#subnav li ul li a:hover {
		background-image: none;
		color: #c0aa3c;
		}
	#subnav li ul li a.on {
		background-image: none;
		color: #c0aa3c;
		}


/* Homepage Top Content
------------------------------ */
#top {margin: 0 0 1em 0; float: left;}

#homepage #top h1 {font-size: 1.45em; line-height: 1.5em; padding: 0 1em; text-align: justify; color: #515151; margin-bottom: 0.5em;}
	#homepage #top h1 em {font-family: "Goudy Old Style", Baskerville, Palatino, "Book Antiqua", serif; font-style: italic; font-weight: normal;}
	#homepage #top h1 a {color: #802366;}
	#homepage #top h1 a:hover {background: #f5eff9; color: #5d1146;}
	
#homepage .preamble {margin: 1.5em 0 0 0; padding: 0 2em; font-style: italic; color: #666; text-align: justify;}
	#homepage .preamble a {color: #802366;}
	#homepage .preamble a:hover {background: #f5eff9; color: #5d1146;}

#specials-list {font-family: Georgia; list-style-type: none; width: 740px; height: 140px; overflow: hidden; float: left; background: #fff;}

	#specials-list li {
		width: 144px;
		height: 140px;
		background-color: #fff;
		background-repeat: no-repeat;
		background-position: center;
		float: left;
		margin: 0 2px;
		position: relative;
		}

		#specials-list li a {
			padding-top: 116px;
			display: block;
			line-height: 24px;
			font-size: 14px;
			text-align: center;
			color: #fff;
			text-decoration: none;
			}

		#specials-list li a:hover {background: transparent url(img/specials/rollover.png) repeat;}

			#specials-list li a .s-title {background: transparent url(img/specials/rollover.png) repeat; width: 144px; display: block;}

			#specials-list li a .s-description {
				display: none;
				width: 134px;
				height: 140px;
				color: #fff;
				padding: 0 5px;
				font-size: 12px;
				font-family: "Helvetica Neue", Arial, Helvetica;
				font-weight: bold;
				text-align: left;
				line-height: 1.2em;
				position: absolute;
				top: -15px;
				left: 0;
				overflow: hidden;
				cursor: pointer;
				}

			#specials-list li a:hover .s-description {display: block;}
			
			/* Vertical Centering of Specials Hover Text*/
			.s-description {
				width: 144px;
				height: 140px;
				position: relative;
				}
			
			.s-description div {
				position: absolute;
				top: 18px;
				width: 134px;
				height: 70px;
				display: table;
				}
			
			.s-description div span {
				display: table-cell;
				vertical-align: middle;
				text-align:  left;
				}
			

/* Main
------------------------------ */
/* Image Frame */
#fromgallery {float: left;}
#fromgallery a img {margin: 0 10px 0 0; padding: 3px; border: 1px solid #d7bd41; float: left;}
#fromgallery a:hover img {border: 1px solid #5d1146;}
#fromgallery img.last {margin: 0;}

/* Special Offers */
#more-specials {float: left; clear: both; margin: 1em 0 0 0;}
#specials #main img {padding: 3px; border: 1px solid #939393;}

/* Welcome to Kilconquhar */
#main dl li {padding-left: 10px; background: url(img/bullet.gif) no-repeat center left; width: 10em;}

/* Quotes */
#bigquote {margin: 0 60px 1em 0; width: 60%; float: right;}

/* Gallery
------------------------------ */
#gallery #main {width: 740px;}
#gallery #main a {
	padding: 0;
	margin: 0 20px 10px 20px;
	background: #fff url(img/gallerybg.jpg) no-repeat top center;
	float: left;
	text-align: center;
	width: 140px;
	height: 147px;
	text-decoration: none;
	font-family: "Marker Felt", "Comic Sans MS", georgia, serif;
	color: #222;
	}
#gallery #main a img {display: block;}
#gallery #main a img, #gallery #main a:hover img {border: 0; padding: 11px 0 2px 8px;}
#gallery #main a:hover {background: #fff url(img/gallerybg-hover.jpg) no-repeat top center;}
#gallery #main h3, #gallery #main h4 {clear: both; margin-top: 0.5em;}

/* Calendar
------------------------------ */
#calendar {margin: 0 0 0 15px;}

/* Weather
------------------------------ */
#weather {float: left; margin: 0 0 1em 20px;}
#weather img {width: 60px; float: left;}
#weather span {width: 200px; float: left; padding: 10px 0 0 10px;}

#weather-page #main .gutter {margin: 20px 0 100px 0;}

/* Contact Form
------------------------------ */
#contact-form {
	margin: 0;
	padding: 10px 5px 0 5px;
	background: #e9e1b2;
	border: 1px solid #d7bd41;
	clear: both;
	}
#contact-form p {margin: 0 0 0.2em 0;}
input, textarea, select {background: #fff; border: 1px solid #d7bd41; padding: 1px; font-size: 0.95em;}
#brochure {border: none; background: transparent;}
textarea {font-family: arial,helvetica,sans-serif; line-height: 1em;}
input.type, textarea.type {display: block; width: 274px;}
#forename, #surname {width: 132px;}
#nametitle {width: 80px;}
#interest {width: 182px;}
label {line-height: 1.5em;}
#submit, #submit:focus {background: transparent; border: 0; cursor: pointer; width: 58px;}

#addressfield {display: none; padding: 0.2em 10px; margin-bottom: 0.2em; background: #f5eff9;}
#accommodation.lmclub #addressfield {display: block;}
#houseno, #postcode, #towncity, #district {width: 122px;}
#street {width: 254px;}
#country {margin: 0.2em 0 0 0; width: 206px;}
#addressfield :focus {background: #fdffe5;}
#comments-sec {display: none;}
#checkallArea {margin-bottom: 0.5em; margin-left: 1em;}
#check {padding: 0.5em 0;}
	#check em {font-weight: normal; font-style: italic; color: #444;}

#gmap {width: 430px; height: 400px;}
#gmap h4, #gmap p.last {margin: 0;}

/* Sitemap
------------------------------ */
#sitemap ul li li {margin-left: 20px;}
#sitemap li.single {margin-bottom: 1em;}

/* Footer
------------------------------ */
#footer address {
	padding: 0 0 0 45px;
	background: url(img/logo-small.png) no-repeat center left;
	}
/* Foot Nav */
#footnav  li {padding: 0 0 0.1em 5px; float: left;}
#footnav li a {float: left;}

#etchcode {
	display: none;
	}
	#etchcode a {
		padding: 2px 0 2px 25px;
		background: #fff url(img/etchcode.png) no-repeat center left;
		}