body {
	background-color: #4f1613;
	background-image:url(images/ki-knot-back.png);
	background-repeat:no-repeat; 
	background-position:center 352px;
	}


/* "back-cont" is the div to hold the background image behind container	*/
#back-cont {
	width: 649px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0;
	margin-bottom: 0;
	padding:0;
}
/* "container" is everything on page that is not in full background	*/
#container {
	width: 649px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0;
	margin-bottom: 0;
	padding:0;
	background-color:#e9e3cb;
	background-image:url(images/bars-green.png);
	background-repeat:repeat-y;
	border-bottom:8px solid #a5862f;
	z-index:6;
	}
	
#header {
	background-image:url(images/parch.jpg);
	height:112px;
	margin:0 8px 0 8px;
}

#header h1 {
	font-size: 18px;
	font-weight: bold;
	margin:0;
	padding:0;
	position:relative; top:-200px; left: 0;
	}
/* these styles create the rollover effects in the Header */
a.ki-logo-home {
	display: block;
	background-image:url(images/ki-logo-top-on.png);
	width:169px;
	height:143px;
	text-decoration: none;
	margin:-6px 60px 0 70px;
}
a.ki-logo {
	display: block;
	background-image:url(images/ki-logo-top.png);
	width:169px;
	height:143px;
	text-decoration: none;
	margin:0 60px 0 70px;
}
a.ki-logo:hover {
	background-position: -169px 0;
	}
a.ws-logo {
	display: block;
	width: 150px;
	height: 150px;
	text-decoration: none;
	background-image:url(images/fc-logo-top.png);
background-repeat:no-repeat;
	margin:0 0 0 20px;
	}

a.ws-logo:hover {
	background-position: -150px 0;
	}

.displace {
	position: absolute;
	left: -5000px;
	}

a.pi-logo {
	display: block;
	width: 140px;
	height: 140px;
	text-decoration: none;
	background-image:url(images/pi-logo-top.png);
	margin:-9px 0 0 -1px;
	}

a.pi-logo:hover {
	background-position: -139px 0;
	}

#slides-ki {
	border-top:6px solid #a5862f;
	border-bottom:6px solid #a5862f;
	height:230Px;
	margin:0 8px 0 8px;
	z-index:3;
}

/* menu styles */
.menu {
	margin:4px 0 0 20px;
	padding:7px 0 2px 0;
	font-size: 12px;
	white-space: nowrap;
	color:#4f1613;
	-webkit-text-size-adjust: none;/*this keeps Safari on iPhone from changing the font sizes*/
	}
.menu a {
	color: #4f1613;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 2px dotted #e9e3cb;	
	}
.menu a:hover {
	border-bottom: 2px dotted #6d4f1f;
	}
.menu ul {
	list-style-type:none;
	margin: 0;
	padding:0;
	}
.menu li {
	display: inline;
	padding:2px 2px 2px 2px;
	margin:0 14px 0 0;
	}
.mhere {
	padding:2px 4px 2px 4px;
	margin:0;
	font-weight:bold;
	border-bottom:2px solid #6d4f1f;
	}
a.pi-link  {
	color:#0a5530;
}
a.ws-link  {
	color:#0b3252;
}
a.ki-link  {
	color:#4f1613;
}
.submenu {
	margin:4px 10px 0 190px;
	padding:2px 0 2px 0;
	font-size: 12px;
	white-space: nowrap;
	color:#4f1613;
	border-top:1px solid #6d4f1f;
	-webkit-text-size-adjust: none;/*this keeps Safari on iPhone from changing the font sizes*/
	}
.submenu a {
	color: #4f1613;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 2px dotted #e9e3cb;	
	}
.submenu a:hover {
	border-bottom: 2px dotted #6d4f1f;
	}
.submenu ul {
	list-style-type:none;
	margin: 0;
	padding:0;
	}
.submenu li {
	display: inline;
	padding:2px 2px 2px 2px;
	margin:0 14px 0 0;
	}
.submhere {
	padding:2px 4px 2px 4px;
	margin:0;
	font-weight:bold;
	border-bottom:2px solid #6d4f1f;
	}
/* main is all content below the menu */
.main {
	margin:20px 30px 20px 20px;
	padding:0;
	color:#6d4f1f;
	font-size:110%;
	line-height:140%;
	background-image:url(images/ki-knot-main.png);
	background-repeat:no-repeat;
	background-position:140px top;
	}
.main-alt {
	margin:20px 30px 20px 20px;
	padding:0;
	color:#6d4f1f;
	font-size:110%;
	line-height:140%;
	}

.main h3 {
	color:#6d4f1f;
	border-top:2px solid #4f1613;
	padding: 4px 0 0 4px;
	margin: 20px 0 6px 140px;
	}
.main h4 {
	font-size: 90%;
	color:#005F5D;
	padding: 0 0 4px 0;
	margin: 10px 20px 0 0;
	}

.main a {
	color:#4f1613;
	font-weight: bold;
	text-decoration: none;
	}
.main a:hover {
	text-decoration: underline;
	}
.main-alt a {
	color:#4f1613;
	font-weight: bold;
	text-decoration: none;
	}
.main-alt a:hover {
	text-decoration: underline;
	}
.main ul {
	list-style-image:none;
	margin:0 0 0 160px;
	padding:0;
}
.main li {
	padding:0 0 4px 0;
	margin:0;
}
.rm-img-table {
	border:none;
	margin:6px 0 10px 0;
	padding:0;
	font-size:80%;
}
.caption {
	padding:0;
	margin:0 0 10px 0;
}

.ki-space {
	margin:-80px -22px -20px -12px;
	padding:0;
	height:350px;
	background-image:url(images/ki-space-fill.png);
	background-repeat:no-repeat;
	background-position:center;
}
/*online booking button*/
#book-butt {
	color: #4f1613;
	float:right;
	/*width:100px;*/
	font-size: 100%;
	font-weight:bold;
	padding:0;
	margin:6px 15px 10px 0;
	-webkit-text-size-adjust: none;/*this keeps Safari on iPhone from changing the font sizes*/
}
#book-butt a {
	font-weight: bold;
	text-decoration: none;
	background-color: #a5862f;
	padding:4px 6px 4px 6px;
	margin:0;
	border:2px solid #6d4f1f;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    }
	
#book-butt a:hover {
	text-decoration:none;
	background-color: #f8d77b;
	margin:0;
	border:2px solid #a5862f;
	}	
/* css for the slide show*/
#page_swapImageCycle{
			position:relative;
			width:634px;
			height:230px;
			background:url(images/bagslides/slide-back.png);
			margin:auto;
			/*border-width:1px;*/
			/*border-style:solid;*/
		/*	z-index:2;*/
}
#page_swapImageCycle1{
			position:relative;
			width:634px;
			height:230px;
			background:none;
			margin: auto;
			margin-top:-230px;
			/*border-width:1px;*/
			/*border-style:none;*/
			/*z-index:1;*/
}
.SwapImageCycleOrder1{
			z-index:2;
}
.SwapImageCycleOrder2{
			z-index:1;
}