/*
 * basic layout 
 * 
 */
html,
body {
	margin:0;
	padding:0;
	height:100%;
}
body {
	font: 16px Helvetica,Arial,sans-serif;
	background-color: #454E69;
	text-align: center;
	color: #0; 
	margin: 0 auto;
}
address {text-align:center; }
img {border: 0; }
abbr {border-bottom: 1px dotted black;}
#container {
	min-height:100%;
	width: 980px;
	margin: 0 auto;
	position:relative;
}
#header {
	position:relative;
	height: 5px;
}
#kflags {
	position:absolute; 
	top:0; 
	left:770px; 
	z-index:9999;
}
#kflags img {
	cursor: pointer;
}
#body {
	padding-bottom:13px;  
}
#cookie-info {
	position:relative;
	top:0;
	width:100%;
	background-color:#f00;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	border-bottom: 1px solid #a2a2a2;
	display:none;
	z-index:99999;
	cursor:pointer;
}
#message-info {
	position:relative;
	top:0;
	width:100%;
	background-color:#fff;
	color:#0;
	font-size:16px;
	font-weight:bold;
	border: 2px solid black;
	display:none;
	z-index:99999;
	cursor:pointer;
}
#message-info h1 {font-size:30px;}


#zone1 {
	position:relative;
	top: 5px;
	background: url(images/k_space.gif) no-repeat 50% 50%;
	height: 630px;
}
#klogo {
	position:absolute; 
	z-index:999;
	top:180px; 
	left:0px; 
	width:187px; 
	height:228px; 
	padding:5px; 
	border-radius:5px; 
	background:#d4d4d4;
}
#zone1a {
	position:absolute;
	top: 0px;
	left: 40px;
	height: 600px;
	width: 900px;
	z-index:0;
}
#zone1b {
	position:absolute;
	top: 0px;
	left: 40px;
	height: 600px;
	width: 900px;
	background-color: #C3CFCF;
	z-index:0;
}
#text-box2 {
	position:relative; margin: 108px 100px 10px 180px; padding: 10px; border: none; background-color:#fff; border-radius: 10px; text-align:left;
}
#zone2 {
	width: 900px;
	margin: 0 auto; 
	border: 1px solid #000000; 
	background-color: #fff;
	text-align: left; 
	-moz-box-shadow: 0px 0px 11px rgba(0, 0, 0, .7);
	-webkit-box-shadow: 0px 0px 11px rgba(0, 0, 0, .7);
	box-shadow: 0px 0px 11px rgba(0, 0, 0, .7); 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: relative;
	z-index: 0;
	padding: 5px 15px 0px 15px; 
}
#zone3 {
	margin: 0 auto; 
	margin-top: 10px;
	margin-bottom: 10px;	
	z-index: 0;
}
#zone3a {
	border: 1px solid #000000; 
	background-color: #fff;
	-moz-box-shadow: 0px 0px 11px rgba(0, 0, 0, .7);
	-webkit-box-shadow: 0px 0px 11px rgba(0, 0, 0, .7);
	box-shadow: 0px 0px 11px rgba(0, 0, 0, .7); 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: relative;
	padding: 5px 10px 0px 10px; 
	text-align:center;
}
#zone3a p {margin: 0; padding: 2px; }
#footer {
	position:fixed;
	bottom:0;
	width:980px;
	height:22px;  
	background-color: #f5f5f5;
	border: 1px solid black;
	border-bottom:none;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	text-align:center;
	font-size:16px;
	padding:0;
	z-index: 9999;
	vertical-align:middle;	
}
#footer p {margin: 0; padding: 0; display:inline; }
#footer img {vertical-align:middle; }
.hide {visibility:hidden; height:0;}
/* End Basic Layout */


/*
 * jQuery Nivo Slider v2.7.1 (March 2010)
 * http://nivo.dev7studios.com
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * <link rel="stylesheet" href="js/nivo-slider/nivo-slider.css" type="text/css" media="screen" />
 * <link rel="stylesheet" href="js/nivo-slider/themes/kspace1/default.css" type="text/css" media="screen" />
 */
.nivoSlider {
	position:relative;
	width:900px;
	height:600px;
    margin-bottom:50px;
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	width:900px;
	height:600px;
	display:none;	
}
.nivoSlider a {
	border:0;
	display:block;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	font-family: Helvetica, Arial, sans-serif;
	text-align:left;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.nivo-caption p {
	padding:10px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
    color:#fff;
    border-bottom:1px dotted #fff;
}
.nivo-html-caption {
    display:none;
}
.nivo-caption a:hover {
    color:#fff;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:85%;
	z-index:9;
	cursor:pointer;
	display:block;
	width:30px;
	height:30px;
	background:url(images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	left:45px;
}
a.nivo-prevNav {
	left:15px;
}
.nivo-controlNav {
	position:absolute;
	left:50%;
    bottom: 6px;
    margin-left: 100px;
    position: absolute;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
	display:block;
	width:22px;
	height:22px;
	background:url(images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
    background-position: 0 -22px;
}

/* END jQuery Nivo Slider v2.7.1
 */



/* One & Two Column layout - 50%50% */
.K1col {
	padding: 5px 10px 10px 10px; 
}
.K2col1 {
	float: left; 
	width: 50%; 
	padding: 5px 5px 10px 10px; 
}
.K2col2 {
	margin-left: 51%;
	padding: 5px 5px 10px 10px; 
}
.K2col1 p, .K2col2 p, .K1col p {
	margin-left: 10px; 
	margin-right: 10px;
}
.K2col1 h2, .K2col2 h2 {
	margin-left: 10px; 
	margin-right: 10px;
	font-size: 16px;
}
/* -------- */

/*
 * Column Layouts
 */

/* END BOB */

#col1a {
	float: left; 
	width: 50%; 
	padding: 5px 5px 10px 10px; 
}
#col2a {
	margin-left: 51%;
	padding: 5px 5px 10px 10px; 
}
#col1a p, #col2a p {
	margin-left: 10px; 
	margin-right: 10px;
}
#col1a h1, #col2a h1 {
	margin-left: 10px; 
	margin-right: 10px;
	font-size: 16px;
}



/* Review Footer */
#reviewfooter {padding: 0 10px; background:#ffffff; border-top: 2px solid #889da0; text-align: left; } 
#reviewfooter h2 {font-size:20px; }
#reviewfooter p {margin: 0; }
.review_comments{ font-style:italic; }
#reviewfooter a, #reviewfooter a:visited {text-decoration: none; color: #323232;}

/* Twitter & News Footer */
.KSbody #twitterfooter {padding: 0 10px; background:#818B95; border-top: 10px; text-align: left; color: #ffffff; }
.KSbody .Knewspanel {padding: 10px; background:#FF6600; color: #ffffff; text-align:center; }
.Knewspanel h2 {color: #ffffff; font-size: 22px;}
.Knewspanel h3, h3 a, h3 a:visited {color: #000000; text-decoration:none; font-weight: normal; font-size: 20px; }
.Knewspanel p, 
.Knewspanel p a, 
.Knewspanel p a:visited {color: #ffffff; text-decoration:none; font-size: 18px;}
.Knewspanel a:hover {text-decoration: underline;}

/* Booking footer */
#bookingfooter {padding: 10px; background:#71ACCC; border-top: 4px solid #323232; text-align: center; color: #ffffff; }
#bookingfooter h2 {color: #ffffff; font-size: 22px;}
#bookingfooter p, 
#bookingfooter p a, 
#bookingfooter p a:visited {color: #000000; text-decoration:none; font-size: 18px;}
#bookingfooter a:hover {text-decoration: underline;}



.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* Information Panels - KPanel1 for main home page - KPanel2 for city pages*/

.Kpanel1 {
	width: 450px; height: 115px; background: #889da0;	
	margin: 30px 0px 30px 0px; 
	padding: 0;
}
.Kpanel1 .col1 { float: left; width: 260px;}
.Kpanel1 a, .Kpanel1 a:visited {text-decoration:none; display:block; }
.Kpanel1 dl {margin:0; padding:0;}
.Kpanel1 dt {margin:0; padding: 7px 7px 7px 15px; text-align:left; font-size: 16px; background: #71accc;}
.Kpanel1 dt a, .Kpanel1 dt a:visited {color: #000001; }
.Kpanel1 dt a:hover {color: #ffffff;}
.Kpanel1 dd {margin:0; padding:0 0 0 15px; text-align:left; font-size: 14px; font-weight:500; }
.Kpanel1 dd a, .Kpanel1 dd a:visited {color:#fff; text-decoration:none; display:block; padding:1px; background: #889da0;}
.Kpanel1 dd a:hover {background: #258; color:#9cf; }
.Kpanel1 img {width: 190px; height: 114px; border: 0; }
.Kbg-orange dt {background: #e79221; }
.Kbg-pink dt {background: #d35292; }
.Kbg-purple dt {background: #93468e; }

.Kpanel2 {width: 440px; height:310px; margin: 10px 10px 10px 10px; background: #818b95;}
.Kpanel2 .col1 { float: left; width: 252px;}
.Kpanel2 a, .Kpanel2 a:visited {text-decoration:none; display:block; }
.Kpanel2 dl {margin:0; padding:0;}
.Kpanel2 dt {margin:0; padding:10px 10px 10px 15px; text-align:left; font-size: 18px; background: #71accc; color: #000001; }
.Kpanel2 dd {margin:0; padding:0 0 5px 15px; text-align:left; font-size: 14px; font-weight:500;	color: #fff; }
.Kpanel2 dd a, .Kpanel2 dd a:visited {color:#fff; text-decoration:none; display:block; padding:0; background: #818b95;}
.Kpanel2 dd a:hover {background: #258; color:#9cf; }
.Kpanel2 img {width:180px; height:310px; border: 0; }

/*	NAVIGATION ....................................................................................................................... */	
#nav {
	height: 31px;
	background-color: #f5f5f5;
	-moz-box-shadow: 0px 0px 7px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, .5);
	box-shadow: 0px 0px 7px rgba(0, 0, 0, .5); 
	border-top: 1px solid #adadad;
	border-bottom: 1px solid #adadad;
	clear: both;

	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	position:absolute;
	top:20px;
	width:100%;
	z-index:9999;
	filter: alpha(opacity=80);
	opacity: 0.8;
	font-weight:bold;

}		

#main-nav a	{ -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -o-transition: color .2s ease-in-out, opacity .2s ease-in-out, border-color .3s ease-in-out; transition: all .2s ease-in-out; text-decoration: none; }
#main-nav li { background-image: none;}
#main-nav a:active { position: relative; top: 1px; }
#main-nav a:hover, #main-nav a:active { outline: none; }
#main-nav a:hover, #main-nav a:focus { color: #d6af5d; }
#main-nav { margin: 0; font-size: 1em; text-shadow: none; display: table-cell; vertical-align: middle; text-align:left;}
#main-nav > ul { margin: 0; float: right; }
#main-nav li { float: left; margin-left: 1px; position: relative; display: block; }
#main-nav a { display: block; padding: 5px 11px; text-transform: capitalize; border: 1px solid transparent; }
#main-nav .current_page_item a { }
#main-nav a { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
	/* Set transitions for menu links, except for opera, because versions 11.01 and below have a bug with transitioning 
     * the background property, if it hasn't been set before 
     */
	#main-nav a { -moz-transition: all .1s ease-in-out; -webkit-transition: all .1s ease-in-out; -o-transition: none; transition: all .1s ease-in-out; }
	
	/* DROPDOWN */
	#main-nav .sub-menu { position: absolute; margin: 0; z-index: 9999; left: -9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */ }
	#main-nav .sub-menu { opacity: 0; /* Set initial state to transparent */ } 
	#main-nav .sub-menu li { border-top: 1px solid transparent; margin-left: 0; float: none;  /* Introducing a padding between the li and the a give the illusion spaced items */ }
	#main-nav .sub-menu a { font-size: 1em; white-space: nowrap; /* Stop text wrapping and creating multi-line dropdown items */ }
	#main-nav li ul { -moz-transition: opacity .1s ease-in-out; -webkit-transition: opacity .1s ease-in-out; -o-transition: opacity .1s ease-in-out; transition: opacity .1s ease-in-out; }
	#main-nav li:hover ul { /* Display the dropdown on hover */ left: 0; /* Bring back on-screen when needed */ }
	#main-nav li:hover ul { opacity: 1; /* Fade to opaque */}
	#main-nav li:hover ul a { -moz-transition: -moz-transform 0.075s linear; -webkit-transition: -webkit-transform 0.075s linear; -o-transition: -o-transform 0.075s linear; transition: transform 0.075s linear;-moz-box-shadow: 0px 0px 7px rgba(0, 0, 0, .2);
-webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, .2);
box-shadow: 0px 0px 7px rgba(0, 0, 0, .2);  }
	#main-nav li:hover ul li a:hover { /* Set styles for dropdown when items are hovered */ background: #505659; background: rgba(80, 80, 80, .9); border: 1px solid transparent; color: #fff;-moz-box-shadow: 0px 0px 11px rgba(0, 0, 0, .0);
-webkit-box-shadow: 0px 0px 11px rgba(0, 0, 0, .0);
box-shadow: 0px 0px 11px rgba(0, 0, 0, .0); }
	#main-nav li:hover ul li a:hover { -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }

/* Navigation Menu */
#main-nav a { color: #4f4f4f/*#889397*/; }
#main-nav a:visited { color: #4f4f4f; }
#main-nav a:hover, #main-nav a:active, #main-nav li:hover a { color: #4f4f4f/*#929da1*/; }
#main-nav li:hover a { /* Set styles for top level when dropdown is hovered */ background: #f9f9f9; }
#main-nav li:hover ul a { /* Override some top level styles when dropdown is hovered */ background: #f9f9f9; }
#main-nav .menu li:hover a, #main-nav .sub-menu a { border: 1px solid #d0d7d8; }
#main-nav .sub-menu li { margin-bottom: 0; }

/*	END NAVIGATION ....................................................................................................................... */	

/* Title .................................................................................................... */
#ktitle {
	position:absolute; 
	z-index:999;
	top:50px; 
	left:60px; 
	width:840px; 
	height:40px; 
	padding-top:5px; 
	padding-left:10px; 
	border-radius:5px; 
	background:#fff;
	text-align:center;
}
#ktitle h1 { margin:0; }

/* Lowest Rate .................................................................................................... */

#lowestrate {
	position:absolute; 
	left:660px; 
	top:90px; 
	width: 110px; 
	height: 110px;
	background:#ce1b1b; 
	color:#fff; 
	font-size:16px;
	font-weight:bold;
	text-align:center;
	margin:0;
	padding: 0px 0px 0px 0px;
	-moz-border-radius:110px; 
	-khtml-border-radius:110px; 
	-webkit-border-radius:110px; 
	border-radius:110px; 
	box-shadow: inset 0 0 6px #fff; 
	-moz-box-shadow:inset 0 0 6px #fff; 
	-webkit-box-shadow:inset 0 0 6px #fff; 
	z-index:999; 	
}
#lowestrate>p {
	margin: 15px 10px 15px;

}

/* Booking Widget .................................................................................................... */
#bookingwidget { 
	position:absolute; left:750px; top:65px; width: 200px; clear: both; margin: 10px; 
	background:#D4D4D4; 
	-moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; 
	box-shadow:inset 0 0 4px #fff; -moz-box-shadow:inset 0 0 4px #fff; -webkit-box-shadow:inset 0 0 4px #fff; 
	z-index:999; padding: 10px; color:#454e60; font-size:14px;
}
#bookingwidget h3 {
	width:inherit;
	height:20px;
	margin: 0 0 5px; padding:0; 
	text-align:center; 
	color:#454e60
	font-weight:bold;
	}
#bookingwidget input, #bookingwidget select{
    border: 1px solid #006;
    background: #fff;
	font-size:12px;
	margin: 2px;
}
#bookingwidget input:hover, bookingwidget select:hover {
    border: 1px solid #fff;
    background: #ffc;
}
#bookingwidget input[type="submit"] { 
	-webkit-appearance: none;
	border: 1px solid #fff;
	-moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; 
    background: #464f69;
	margin: 2px;
	text-align:center;
	width: 195px; 
	height: 28px;
	color:#fff;
	font-weight:bold;
}
#bookingwidget label {
    display: block;
    width: 90px;
    float: left;
    margin: 2px 4px 6px 2px;
    text-align: right;
}
#bookingwidget br { clear: left; }


/* More functionality .................................................................................................... */
a.morelink {
	text-decoration:none;
	outline: none;
	font-size:50%;
}
.morecontent span {
	display: none;
}

/* Remove background on Google transaltor ................................................................................ */
.goog-te-combo { background: none; }

/* ktextpanel - right semi-transparent panel.............................................................................. */
#ktextpanel {
	position:absolute; 
	top:0px; 
	left:710px; 
	width: 250px; 
	height: 370px; 
	clear: both; 
	margin: 0px; 
	padding: 240px 5px 5px 5px;
	color:black;
	background:#fff; 
	text-align:left;
	filter: alpha(opacity=80);
	opacity: 0.8;
	z-index:999; 
}
#ktextpanel a {text-decoration:underline;}
#ktextpanel a:hover {text-decoration:underline;}
#ktextpanel a:visited, a:link {color:black;}
#ktextpanel>p {margin: 8px 0px; }

#kbread1 {color:black;}
#kbread1 h2 {font-size:20px; margin: 8px 0;}
#kbread1 h2 a {text-decoration:none;}
#kbread1 h2 a:hover {text-decoration:underline;}
#kbread1 h2 a:visited, h2 a:link {color:black;}
#kbread1 h3 {font-size:20px; margin: 8px 0;}
#kbread1 h3 a {text-decoration:none;}
#kbread1 h3 a:hover {text-decoration:underline;}
#kbread1 h3 a:visited, h2 a:link {color:black;}



/* Tiny Scrollbar  ....................................................................................................... */
#scrollbar1 { position:relative; width: 240px; clear: both; margin: 8px 0; z-index:999; padding: 10px;}
#scrollbar1 .viewport { width: 230px; height: 100%; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; }
#scrollbar1 .thumb .end,
#scrollbar1 .thumb { background-color: #557573; }
#scrollbar1 .scrollbar { position: relative; float: right; width: 10px; }
#scrollbar1 .track { background-color: #D8EEFD; height: 100%; width:8px; position: relative; padding: 0 1px; border-radius: 5px;}
#scrollbar1 .thumb { height: 20px; width: 8px; cursor: pointer; overflow: hidden; position: absolute; top: 0; border-radius:5px; }
#scrollbar1 .thumb .end { overflow: hidden; height: 5px; width: 8px; }
#scrollbar1 .disable{ display: none; }
#scrollbar1 .overview h3 { margin:0; }
#scrollbar1 .overview a {color:black;}
#scrollbar1 .overview ul{color: black; list-style-type:square; padding: 5px 0 20px 15px; margin: 0px; }
#scrollbar1 h2 { margin-bottom: 8px; }
#scrollbar1 p { margin-top:8px; margin-bottom: 8px; }

/* room summary section */
.roomsum {
	border: 1px solid #000000; 
	padding: 10px;
	border-radius: 5px;
}
.roomsumcap {
	border: 1px solid #000000; 
	border-radius: 5px;
	padding: 5px;
	text-align:center;
	font-weight:bold;
}
.featuresum {
	border: 1px solid #000000; 
	padding: 10px;
	border-radius: 5px;
}
.featuresumcap {
	border: 1px solid #000000; 
	border-radius: 5px;
	padding: 5px;
	text-align:center;
	font-weight:bold;
}
.featuresum table, .featuresum tr, featuresum td {
	border: none;
	
}

/* End */