/* CSS - Stylist */

/***********************************
************************************
	General Rules 
------------------------------------
*/

body {
	background: #2b0401 url(../kas_images/back_body.jpg) repeat-x;
}

#wrapper {
	background-color: #520c02;
	color: #000000;
}

.clear {
	background: none;
}

.space-vert {
	background-color: #2b0401;
	border: none;
}

.highlight {
	color: #2b0401;
}

/*------------------------------------
	LINKS
------------------------------------*/

a {
	color: #520c02;
}

/*------------------------------------
	Headers, Paragraphs, Text style
------------------------------------*/

/*------------------------------------
	LISTS
------------------------------------*/

ol li {
	list-style-type: decimal;
}

ul li {
	list-style-type: disc;
}

/***********************************
************************************
	Header
------------------------------------
*/

#header {
	background: #520c02 url(../kas_images/back_header.jpg) repeat-x;
}

#header a {
	color: #b8c84f;
}

/*------------------------------------
	Header-Image 
------------------------------------*/

#header-img {
	background-color: #060403;
}

/*------------------------------------
	Logo 
------------------------------------*/

#logo {
	background-color: #3c0801;
}

/***********************************
************************************
	Navigation 
------------------------------------
*/

#navigation {
	background: #520c02 url(../kas_images/back_main_nav.jpg) repeat-x;
}

#navigation li {
	list-style-type: none;
}

#menu-left a {
	color: #ffffff;
}

#menu-right a {
	color: #adbd06;
}

/*------------------------------------
	Main Menu 
------------------------------------*/

ul.main-menu li span a {
	text-decoration: none;
}

ul.main-menu li a:hover {
	background: #672a21 url(../kas_images/main_nav_hover.jpg) repeat-x;
}

ul.main-menu li.active span a {
	background: #773f38 url(../kas_images/main_nav_active.jpg) repeat-x;
}

/***********************************
************************************
	Page Content
------------------------------------
*/

#content-container {
	background-color: #b8c84f;
}

/*------------------------------------
	Title 
------------------------------------*/

#page-title {
	background: #120d0a url(../kas_images/back_page_title.jpg) repeat-x;
}

#page-title a {
	color: #d1d1cf;
}

#page-title img {
	background-color: #3d0901;
}

/*------------------------------------
	Content 
------------------------------------*/

#content {
	background-color: #b8c84f;
}

/*------------------------------------
	Content -> Sub-Navigation 
------------------------------------*/

#sub-nav {
	background: #2b0401 url(../kas_images/back_sub_nav.jpg) repeat-y;
	color: #fbfbfb;
	border-top: 4px solid #050302;
	border-bottom: 4px solid #050302;
	border-right: 2px solid #050302;
	border-left: 2px solid #050302;
}

#sub-nav hr {
	background: #3a0503;
	border: none;
	height: 5px;
	border-top: 2px solid #200301;
	border-bottom: 2px solid #300704;
}

/*------------------------------------
	Sub-Navigation  -> Sub-Menu 
------------------------------------*/

ul.sub-menu li {
	list-style-type: none;
}

ul.sub-menu li a {
	background: #2b0401 url(../kas_images/sub_nav_bottom.jpg) repeat-x left bottom;
	color: #fbfbfb;
	text-decoration: none;
}

ul.sub-menu li a:hover {
	background: #42201d url(../kas_images/sub_nav_hover.jpg) repeat-x left bottom;
}

ul.sub-menu li.active a {
	background: #4d2c2a url(../kas_images/sub_nav_active.jpg) repeat-x left bottom;
}

/*------------------------------------
	Content -> Page-Contents 
------------------------------------*/

#page-contents h2 {
	color: #0a0805;
}

/*------------------------------------
	Page-Contents -> Guestbook
------------------------------------*/

#page-contents .guestbook h3 {
	color: #2b0401;
}

#page-contents .guestbook .guest-name {
	color: #2B0401;
}

/*------------------------------------
	Page-Contents -> Panoramic Photos
------------------------------------*/

.panorama-photo img {
	border: 1px solid #2A0401;
}

/*------------------------------------
	Page-Contents -> Page Photos
------------------------------------*/

#page-photos img {
	border: 1px solid #2A0401;
	padding: 1px;
}

/***********************************
************************************
	Footer
------------------------------------
*/

#footer {
	background-color: #b8c84f;
}

#footer li {
	list-style-type: none;
}

/*------------------------------------
	Footer-Navigation
------------------------------------*/

#footer-nav {
	background-color: #2b0401;
	border: 2px solid #d1d1cf;
}

#footer-menu-left a {
	color: #ffffff;
}

#footer-menu-right a {
	color: #adbd06;
}

/*------------------------------------
	Footer-Navigation -> Footer-Menu
------------------------------------*/

ul.footer-menu li span a {
	background: url(../kas_images/nav_menu_div.jpg) no-repeat 0 0;
	text-decoration: none;
}

ul.footer-menu li a:hover {
	background: #672a21 url(../kas_images/nav_menu_div.jpg) no-repeat left top;
}

ul.footer-menu li.active span a {
	background: #773f38;
}

/*------------------------------------
	Certifications
------------------------------------*/

#certifications {
	background-color: #2b0401;
	border: 2px solid #d1d1cf;
	color: #ffffff;
}

#certifications a {
	color: #b8c84f;
	text-decoration: none;
}

#certifications a:hover {
	text-decoration: underline;
}

/*------------------------------------
	Footer-Info
------------------------------------*/

/***********************************
************************************
	Forms
------------------------------------
*/

form.data-forms legend {
	color: #2b0401;
	font-weight: bold;
}

form.data-forms h3 {
	color: #050302;
}

form.data-forms label {
	color: #0a0805;
}

form.data-forms label.f-details {
	color: #2b0401;
}

form.data-forms input.f-input,
form.data-forms textarea.f-textarea {
	border: 1px solid #a5a5a5;
}

form.data-forms .req-field,
form.data-forms span.errormsg,
form.data-forms span.errormsg-textarea {
	color: #2b0401;
}

/***********************************
************************************
	Tables
------------------------------------
*/

/*------------------------------------
	Site table
------------------------------------*/

#content .site-tables {
	border: 2px solid #151618;
	background: #FFFFFF;
}

#content .site-tables caption{
	color: #1a1a1a;
}

#content .site-tables thead,
#content .site-tables tbody th {
	color: #fbfbfb;
	background: #111111;
}

#content .site-tables thead th {
	border-right: 1px solid #151618;
	border-bottom: 1px solid #151618;
}

#content .site-tables tbody td,
#content .site-tables tbody th {
	border-right: 1px solid #151618;
	border-bottom: 1px solid #151618;
}

#content .site-tables tbody tr {
	background: #FAFAFA;
	color: #000000;
}

#content .site-tables tbody tr td p {
	color: #000000;
}

#content .site-tables tr.alt {
	background: #eeeeee;
}

/*------------------------------------
	Calendar
------------------------------------*/
 table.calendar {
	color: #616B76;
	border-left: 1px solid #151618;
	background: #FAFAFA;
}
 table.calendar .cal-nav, .cal-nav a {
	color: #1a1a1a;
	background: #FBFBFB;
}

 table.calendar caption {
	color: #1a1a1a;
}
 table.calendar th {
	color: #fbfbfb;
	border-right: 1px solid #151618;
	border-bottom: 1px solid #151618;
	border-top: 1px solid #151618;
	background: #111111;
}
 table.calendar .booked, 
 table.calendar td.booked a, 
 table.calendar td.booked a:link,
 table.calendar td.booked a:visited {
	color: #000;
	background: #520C02;
}

 table.calendar .available, 
 table.calendar td.available a, 
 table.calendar td.available a:link,
 table.calendar td.available a:visited {
	color: #151618;
	background: #ADBD05;
}
 
  table.calendar td.booked a:hover,
 table.calendar td.booked a:active,
 table.calendar td.available a:hover,
 table.calendar td.available a:active {
	color: #bfd067;
	background: #333333;
}


 table.calendar td {
	border-right: 1px solid #151618;
	border-bottom: 1px solid #151618;
}

/*------------------------------------
	Calendar -> Popup
------------------------------------*/

#popup-cal{
		background-color: #B8C84F;
}

#popup-cal table.calendar .cal-nav, .cal-nav a {
	color: #1a1a1a;
	background: #bfd067;
}

#popup-cal table.calendar a.cal-nav:hover {
	background-color: #1a1a1a;
	color: #B8C84F;
}

#popup-cal img{
	border: 1px solid #2A0401;
	padding: 1px;
	
}

/*------------------------------------
	Calendar -> Reservations
------------------------------------*/

#view-reserv h2 {
	color: #1a1a1a;
}

#view-reserv table.calendar .cal-nav, .cal-nav a {
	color: #1a1a1a;
	background: #bfd067;
}

#view-reserv table.calendar a.cal-nav:hover {
	background-color: #1a1a1a;
	color: #B8C84F;
}

#view-reserv img{
	border: 1px solid #2A0401;
	padding: 1px;
	
}

/***********************************
************************************
	Pagination
------------------------------------
*/

#pagination {
	background-color: #2B0401;
	color: #fbfbfb;
	border: 1px solid #050302;
}

#pagination a:link, 
#pagination a:visited {
	background-color: #0a0805;
	color: #fbfbfb;
}

#pagination p .extra-links {
	background-color: #2B0401;
	color: #fbfbfb;
}

#pagination p a.extra-links {
	background-color: #0a0805;
	color: #fbfbfb;
}

#pagination .pages-count {
	color: #B8C84F;
}

#pagination a:hover,
#pagination p a.extra-links:hover {
	background-color: #0e0e0e;
	color: #B8C84F;
}

#pagination .active_link {
	background-color: #B8C84F;
	color: #0a0805;
}

/***********************************
************************************
	Panorama Preview
------------------------------------
*/

.preview-unit {
	background: #B8C84F;
	border: 2px solid #ddd;
}
.preview-unit h2 {
	border: 1px solid #ddd;
	background: #f0f0f0;
	color: #111;
}