/* GENERAL STYLES */
* {margin: 0; padding: 0; line-height: 1.5em;}
ol,ul {list-style: none;}
a {text-decoration: none; color: #6B2E00;}
a:hover {text-decoration:underline; color:#421c00;}
a img, a:hover img {border: 0;}

h1, h2, h3, h4 {font-weight: normal;}

body {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	background: #383327;
	color: #383327;
	font-size: 75%;
	}

#fade {
	margin: 0px auto;
	width: 940px;
	background: url('../media/chrome/woodgrain.jpg') repeat-y center top;
	margin-top: 20px;
	padding-bottom: 20px;
	}
	
#wrapper {
	margin: 0px auto;
	width: 870px;
	overflow: hidden; zoom:1;
	}
	
/*****************************************************/
/*************** HEADER + NAVIGATION *****************/
/*****************************************************/
	
#header {
	width: 870px;
	height: 100px;
	}

.kinloch-logo {
	float: left;
	margin-top: 20px;
	}
	
.jack-logo {
	float: right;
	margin-top: 20px;
	}

#navigation {
	height: 27px;
	width: 864px;
	background: #ece6dc;
	clear: both;
	margin-bottom: 10px;
	border: 3px #FFF solid;
	}

#navigation li {
	float: left;
	margin: 0 10px;
	}
	
#navigation a {
	display:block;
	margin:0;
	text-align:center;
	text-indent:-9999px;	
	}
	
#tab-the-course a {width: 99px; height: 27px; background: url('../media/chrome/tab-the-course.png');}
#tab-rates-and-bookings a {width: 143px; height: 27px; background: url('../media/chrome/tab-rates-and-bookings.png');}
#tab-restaurant-and-bar a {width: 140px; height: 27px; background: url('../media/chrome/tab-restaurant-and-bar.png');}
#tab-accommodation a {width: 134px; height: 27px; background: url('../media/chrome/tab-accommodation.png');}
#tab-getting-here a {width: 111px; height: 27px; background: url('../media/chrome/tab-getting-here.png');}
#tab-about-us a {width: 87px; height: 27px; background: url('../media/chrome/tab-about-us.png');}

#navigation a {background-position: left top;}
#navigation a:hover {background-position: left bottom;}
#navigation .selected a, #navigation .selected a:hover {background-position: left bottom;}

#deck {
	border: 5px #FFF solid;
	width: 860px;
	height: 300px;
	margin-bottom: 10px;
	}

#side-navigation {
	width: 163px;
	float: left;
	margin-top: 15px;
	margin-right: 22px;
	font-size: 105%;
	}

#side-navigation ul li a {
	width: 160px;
	padding: 5px 0 5px 10px;
	color: #FFF;
	display: block;	
	font-weight: bold;
	background: transparent;
	}

#side-navigation ul li.selected a {
	padding: 10px 0 10px 10px;
	background: url('../media/chrome/sidenav-arrow.png') no-repeat left;
	font-weight: bold;
	color: #383327;
	}
	
#side-navigation ul li a:hover.selected {
	text-decoration: none;
	}
	
#breadcrumb {
	padding-bottom: 25px;
	*padding-bottom: 10px;
	width: 645px;
	font-size: 100%;
	background: url('../media/chrome/breadcrumb-bevel.png') repeat-x left bottom;
	margin-left: 5px;
	clear: both;
	}

#breadcrumb ul li {
	float: left;
	margin-right: 6px;
	}

#breadcrumb ul li a {
	margin-right: 6px;
	color: #6b2e00;
	}

#breadcrumb ul li a:hover {
        text-decoration:underline;
        color: #421c00;
	}

#breadcrumb ul li:first-child a {
	font-weight: bold;
        background: #8d6344;
        color: #FFF;
        padding: 0 5px;
	}

#breadcrumb ul li:first-child a:hover {
        background: #5f3c23;
        text-decoration: none;
	}

/*****************************************************/
/*************** MAIN STRUCTURE & STYLES *************/
/*****************************************************/
	
#content {
	float: left;
	width: 665px;
	min-height: 400px;
	border: 5px #FFF solid;
	background: #e9e2d7 url('../media/chrome/notepaper.jpg') repeat;
	padding: 10px 0 10px 10px;
	}

	
#full-content {
	float: left;
	width: 846px;
	min-height: 200px;
	border: 5px #FFF solid;
	background: #e9e2d7 url('../media/chrome/notepaper.jpg') repeat;
	padding: 10px 0 10px 10px;
	margin-top: 20px;
	}

h2 {
	color: #485000;
	font-size: 140%;
	margin: 5px 0 10px 5px;
	font-family: Georgia, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;	
	}

p.intro {
	font-size: 115%;
	margin-bottom: 20px;
	}
	
p {
	margin-bottom: 15px;
	}	

#left410 {
	width: 410px;
	float: left;
	margin-left: 5px;
	}

#left410 img.holeview {
	border: 3px #b2a491 solid;
	margin-bottom: 10px;
	}

.sketch {
	float: right;
	}
	
#left440 {
	width: 440px;
	float: left;
	margin-left: 5px;
	xborder-top: 1px red solid;	
	}
	
#right200 {
	width: 200px;
	float: right;
	margin-right: 15px;
	xborder-top: 1px red solid;
	}

#right200 img.sideimg {
	border: 3px #b2a491 solid;
	margin-bottom: 10px;
	float: right;	
	}
	
#full {
	width: 635px;
	margin-left: 5px;
	}


/*****************************************************/
/*************** HOMEPAGE SPECIFIC *******************/
/*****************************************************/

#home-content {
	float: left;
	width: 850px;
	min-height: 400px;
	border: 5px #FFF solid;
	background: #e9e2d7 url('../media/chrome/notepaper.jpg') repeat;
	padding: 10px 0 10px 10px;
	}

#home-maincol {
	float: left;
	width: 530px;
	}

#home-maincol h1 {
        color: #485000;
        margin-bottom: 10px;
        font-size:  180%;
	}
	
.homeblock {
	float: left;
	width: 164px;
	min-height: 0;
        margin-bottom: 20px;
        *margin-bottom: 0;        
	}
	
.margin18 {margin-right: 18px;}
	
.homeblock h3 {
	margin-bottom: 0;
        font-size: 120%;
	}	
	
.homeblock h3 a {
	color: #6B2E00;
	font-family: Georgia, serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: 10px;
	display: block;
	font-size: 95%;
	*font-size: 90%;	
	}

.homeblock h3 a:hover {
	color: #421C00;	
	}

.homeblock span {
	font-size: 100%;
	line-height: 1.2em;
	}
	
.homeblock a img {
	border: 2px solid #adb396;
	}

.homeblock a:hover img {
	border: 2px solid #868c6e;
	}

#home-body {
        clear: both;
        Xpadding: 20px;
	Xbackground: transparent url('../media/chrome/transparent.png') repeat;
        Xborder: 1px solid #CCC;
        margin-bottom: 20px;
        }

#home-subcol {
	float: right;
	width: 240px;
	margin: 0 10px;
        padding: 30px 20px;
	background: transparent url('../media/chrome/transparent.png') repeat;
        border: 1px solid #CCC;
	}

/*****************************************************/
/*************** HOLE BY HOLE NAV ********************/
/*****************************************************/

#holenav {
	xbackground: #c6c2ba;
	overflow: hidden; zoom:1;
	width: 650px;
	height: 55px;
	margin-bottom: 20px;
	}

#holenav li {
	float: left;
	}

#holenav li a {
	width: 36px;
	height: 55px;
	display: block;
	}

#holenav li a:hover {
        text-decoration: none;
	}

#holenav #hole-tab-1 a {background: transparent url('../media/chrome/01.png') no-repeat left top;}
#holenav #hole-tab-2 a {background: transparent url('../media/chrome/02.png') no-repeat left top;}
#holenav #hole-tab-3 a {background: transparent url('../media/chrome/03.png') no-repeat left top;}
#holenav #hole-tab-4 a {background: transparent url('../media/chrome/04.png') no-repeat left top;}
#holenav #hole-tab-5 a {background: transparent url('../media/chrome/05.png') no-repeat left top;}
#holenav #hole-tab-6 a {background: transparent url('../media/chrome/06.png') no-repeat left top;}
#holenav #hole-tab-7 a {background: transparent url('../media/chrome/07.png') no-repeat left top;}
#holenav #hole-tab-8 a {background: transparent url('../media/chrome/08.png') no-repeat left top;}
#holenav #hole-tab-9 a {background: transparent url('../media/chrome/09.png') no-repeat left top;}
#holenav #hole-tab-10 a {background: transparent url('../media/chrome/10.png') no-repeat left top;}
#holenav #hole-tab-11 a {background: transparent url('../media/chrome/11.png') no-repeat left top;}
#holenav #hole-tab-12 a {background: transparent url('../media/chrome/12.png') no-repeat left top;}
#holenav #hole-tab-13 a {background: transparent url('../media/chrome/13.png') no-repeat left top;}
#holenav #hole-tab-14 a {background: transparent url('../media/chrome/14.png') no-repeat left top;}
#holenav #hole-tab-15 a {background: transparent url('../media/chrome/15.png') no-repeat left top;}
#holenav #hole-tab-16 a {background: transparent url('../media/chrome/16.png') no-repeat left top;}
#holenav #hole-tab-17 a {background: transparent url('../media/chrome/17.png') no-repeat left top;}
#holenav #hole-tab-18 a {background: transparent url('../media/chrome/18.png') no-repeat left top;}

#holenav #hole-tab-1.selected a {background: transparent url('../media/chrome/01-on.png') no-repeat left top;}
#holenav #hole-tab-2.selected a {background: transparent url('../media/chrome/02-on.png') no-repeat left top;}
#holenav #hole-tab-3.selected a {background: transparent url('../media/chrome/03-on.png') no-repeat left top;}
#holenav #hole-tab-4.selected a {background: transparent url('../media/chrome/04-on.png') no-repeat left top;}
#holenav #hole-tab-5.selected a {background: transparent url('../media/chrome/05-on.png') no-repeat left top;}
#holenav #hole-tab-6.selected a {background: transparent url('../media/chrome/06-on.png') no-repeat left top;}
#holenav #hole-tab-7.selected a {background: transparent url('../media/chrome/07-on.png') no-repeat left top;}
#holenav #hole-tab-8.selected a {background: transparent url('../media/chrome/08-on.png') no-repeat left top;}
#holenav #hole-tab-9.selected a {background: transparent url('../media/chrome/09-on.png') no-repeat left top;}
#holenav #hole-tab-10.selected a {background: transparent url('../media/chrome/10-on.png') no-repeat left top;}
#holenav #hole-tab-11.selected a {background: transparent url('../media/chrome/11-on.png') no-repeat left top;}
#holenav #hole-tab-12.selected a {background: transparent url('../media/chrome/12-on.png') no-repeat left top;}
#holenav #hole-tab-13.selected a {background: transparent url('../media/chrome/13-on.png') no-repeat left top;}
#holenav #hole-tab-14.selected a {background: transparent url('../media/chrome/14-on.png') no-repeat left top;}
#holenav #hole-tab-15.selected a {background: transparent url('../media/chrome/15-on.png') no-repeat left top;}
#holenav #hole-tab-16.selected a {background: transparent url('../media/chrome/16-on.png') no-repeat left top;}
#holenav #hole-tab-17.selected a {background: transparent url('../media/chrome/17-on.png') no-repeat left top;}
#holenav #hole-tab-18.selected a {background: transparent url('../media/chrome/18-on.png') no-repeat left top;}



/*****************************************************/
/*************** BOOKING FORM SPECIFIC ***************/
/*****************************************************/

#booking-table {
	margin-left: 5px;
        width: 570px;
	}
	
#booking-table .table_section {
        width: 400px;
	margin: 10px 0 0 -5px;
	font-weight: bold;
        color: #FFF;
        background: #485000;
        padding: 2px 5px;
	}
	
#booking-table .table_row {
	height: 25px;
	padding-top: 10px;
	display: inline-block;	
	}	
	
#booking-table .table_row span {
	width: 180px;
	display: inline-block;
	}
	
#booking-table .table_row input {
	width: 200px;
	display: inline-block;
	}

#booking-table .table_row input span.required {
        width: 10px !important;
        }
	

/*****************************************************/
/*************** FOOTER ******************************/
/*****************************************************/

#footer {
	margin: 0px auto;
	width: 900px;
	padding: 10px;
	text-align: center;
	}
	
#footer p {
	color: #988351;
	font-size: 80%;
	line-height: 1.2em;
	}
	
#footer a {
	color: #988351;	
	}

/* EDITOR PROPERTIES */