@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #ffffff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: left; 
	color: #666666;
}
#container {
	width: 750px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin-left: 10px; /
	border: 0;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

img {border:0;}


#header {
	padding: 0;
	text-align: right;	
}

#headerimg {	
	height: 335px;
}

.homeimg {
	background-image: url(images/km_newheader_3.jpg);
}
.home2img {background-image: url(images/km_header_home3.jpg);}
.aboutimg {
	background-image: url(images/km_header_about.jpg);
}

.aboutarchimg {
	background-image: url(images/km_about_architecture.jpg);
}

.aboutartimg {
	background-image: url(images/km_about_artist.jpg);
}

.aboutmatimg {
	background-image: url(images/km_about_materials.jpg);
}

.aboutphotimg {
	background-image: url(images/header_extra1.jpg);
}


.accomimg {
	background-image: url(images/km_header_accomodations.jpg);
}

.accomimg1 {
	background-image: url(images/km_accomodations_amenities.jpg);
}

.accomimg2 {
	background-image: url(images/km_accomodations_common.jpg);
}

.accomimg3 {
	background-image: url(images/km_accomodations_courtyard.jpg);
}

.accomimg4 {
	background-image: url(images/km_accomodations_layout.jpg);
}

.accomimg5 {
	background-image: url(images/km_accomodations_rooms.jpg);
}

.accomimg6 {
	background-image: url(images/km_accomodations_suite.jpg);
}

.photosimg {
	background-image: url(images/km_newheader_5.jpg);
}

.eventsimg {
	background-image: url(images/km_newheader_7.jpg);
}

.reviewsimg {
	background-image: url(images/km_reviewsheader.jpg);
}

.reservations {background-image:url(images/km_extra2.jpg);}

.videosimg {
	background-image: url(images/km_newheader_5.jpg);
}

.reservimg {
	background-image: url(images/km_newheader_2.jpg);
}

	
.sceneimg2 {background-image: url(images/header_extra5.jpg);}

.genimg {background-image: url(images/km_newheader_3.jpg);}

.genimg1 {background-image: url(images/km_header_shop.jpg);}

.genimg2 {background-image: url(images/km_header_clubs.jpg);}

.genimg3 {background-image: url(images/km_header_arts.jpg);}

.genimg4 {background-image: url(images/km_header_rec.jpg);}

.genimg5 {background-image: url(images/km_header_body.jpg);}


#headerimg.aboutimg .menu ul li.about {
	font-weight: bold;
} 

#headerimg.aboutimg .menu ul li.about ul li {
	font-weight: normal;
} 



#headerimg.accomimg .menu ul li.accom {
	font-weight: bold;
} 
#headerimg.accomimg .menu ul li.accom ul li {
	font-weight: normal;
} 

#headerimg.accomimg1 .menu ul li.accom {
	font-weight: bold;
} 
#headerimg.accomimg1 .menu ul li.accom ul li {
	font-weight: normal;
} 

#headerimg.accomimg2 .menu ul li.accom {
	font-weight: bold;
} 
#headerimg.accomimg2 .menu ul li.accom ul li {
	font-weight: normal;
} 

#headerimg.accomimg3 .menu ul li.accom {
	font-weight: bold;
} 
#headerimg.accomimg3 .menu ul li.accom ul li {
	font-weight: normal;
} 


#headerimg.accomimg4 .menu ul li.accom {
	font-weight: bold;
} 
#headerimg.accomimg4 .menu ul li.accom ul li {
	font-weight: normal;
}

#headerimg.homeimg .menu ul li.home {
	font-weight: bold;
} 
#headerimg.homeimg .menu ul li.home ul li {
	font-weight: normal;
} 

#headerimg.sceneimg .menu ul li.scene {
	font-weight: bold;
} 
#headerimg.sceneimg .menu ul li.scene ul li {
	font-weight: normal;
} 


#headerimg.reservimg .menu ul li.reserv {
	font-weight: bold;
} 
#headerimg.reservimg .menu ul li.reserv ul li {
	font-weight: normal;
} 

#headerimg.photosimg .menu ul li.photos {
	font-weight: bold;
} 

#headerimg.photosimg .menu ul li.photos ul li {
	font-weight: normal;
} 
html, body {
border: none;
}

h1{
	font-size: 160%;
	font-weight: normal;
	line-height: 120%;
}

#info h1 {position:absolute;
top:-120px;}

h2{
	font-size: 145%;
	font-weight: normal;
	line-height: 110%;
}

h2{
	font-size: 130%;
	font-weight: normal;
	line-height: 100%;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyoutt.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
.menu {
	font-family: arial, sans-serif;
	width:150px;
	height:150px;
	position: relative;
	top: 65px;
	left: 80px;
	font-size: 90%;
	text-transform: uppercase;
}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#fff; width:150px; padding: 5px;}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}
.menu ul li ul li{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CECECE;
}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background-image: url(images/white_tran.png);}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:160px; width:105px;}
.menu ul li:hover ul li a.hide {background-image: url(images/white_tran.png); color:#fff;}
.menu ul li:hover ul li:hover a.hide {width:150px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background-image: url(images/white_tran.png); color:#000; width:150px;}
.menu ul li:hover ul li a:hover {background-image: url(images/white_tran.png); color:#fff;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0; color:#000;}
.menu ul li:hover ul li:hover ul li a {display:block; width:200px; background-image: url(images/white_tran.png); color:#fff;}
.menu ul li:hover ul li:hover ul li a:hover {background-image: url(images/white_tran.png); color:#fff;}




#mainContent {
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	font-size: 70%;
	line-height: 130%;
}

#main {
	margin-right: 175px;
	padding-left:20px;
	margin-top: 10px;
}

#side {float: right;
width: 150px;}

#footer {
clear:both;
	padding: 0;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #666666;
	font-size: 60%;

}

iframe {
	border: 0px none #FFFFFF;
}

#footer ul {
color: #666;
text-align: right;	
margin-top:5px;
margin-bottom: 5px;
}

#footer li {
	list-style-type: none;
	display: inline;
	padding-left: 10px;
}

#footer li.divide {	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666;
	padding-right: 10px;}

#footer li a {
text-decoration: none;

color: #666;
}
#footer li a:link {
color: #666;
}
#footer li a:visited {
color: #666;
}
#footer li a:hover {
color: #666; text-decoration: underline;
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

a {
	color: #6EA198;
	text-decoration: underline;
}

a:visited {	color: #6EA198;
	text-decoration: underline;}

a:hover {	color: #666;
	text-decoration: underline;}

.left {align:left;}