body {
  behavior: url('csshover.htc'); /* WinIE behavior */
  } 

ul#nav
{
	width: 760px;
	height: 41px;
	margin: 0 auto 0;
	padding:0;
	position:absolute;
	left:30px;
	z-index:100;
}

div#header li {position: relative; list-style: none; margin: 0;
  float: left;}

ul#nav li a 
{
  display: block;
  text-decoration: none;
  height: 41px;
  background-position: top center; 
}

ul#nav li.submenu:hover ul.level2 
{
	display:block;
}
ul.level2 
{
	position: absolute; 
	width: 10em; 
	z-index: 100;
	display: none;
	top: 41px; 
	left: 1px;	
	background-color:#a62700;
	background: url(../images/submenubg.jpg) top left repeat;
}

ul#nav li a span,
ul#nav li span
{
	display: none;
}

ul#nav li.submenu a span
{
	display:block;
	visibility:hidden;
}

ul.level2 li span
{
	display:block;
	visibility:visible !important;
	padding:7px 2px 7px 15px;
	height: auto;
	color:#fe9b00;
}

ul.level2 li a
{
	display:block;
	visibility:visible !important;
	
	color:#fff !important;
	width:10em;
	height: auto !important;
}
ul.level2 li a span
{
	color:#fff !important;
}
ul#nav ul.level2 li.current span
{
	display:block !important;
	visibility:visible !important;
	color:#fff !important;
	background-color:#fe9b00;
	height: auto !important;
}

ul#nav li a:hover,
ul#nav li a:active
{
	background-position: bottom center;
}
ul#nav li.submenu:hover {
  background-position: bottom center;
  }
ul.level2 li a:hover
{
	background-color:#fe9b00 !important;
	
}

ul#nav li.current
{
	display: block !important;
	height: 41px !important;
}

#about
{
width: 106px;
background: url(../images/about.gif);
}
#offer
{
width: 59px;
background: url(../images/offer.gif);
}
#room_reservation
{
width: 126px;
background: url(../images/room_reservation.gif);
}
#gallery
{
width: 97px;
background: url(../images/gallery.gif);
}
#neighborhood
{
width: 140px;
background: url(../images/neighborhood.gif);
}
#contact
{
width: 65px;
background: url(../images/contact.gif);
}
#homepage
{
width: 56px;
background: url(../images/homepage.gif);
}
#events
{
width: 143px;
background: url(../images/events.gif);
}
#work
{
width: 181px;
background: url(../images/work.gif);
}
#panoramas
{
width: 141px;
background: url(../images/virtual_panoramas.gif);
	
}

ul#nav li {
background-position:center top;
height:41px;
}

#about,#offer,#room_reservation,#gallery,#neighborhood,#contact,#homepage, #events,#work,#panoramas
{
background-position: bottom center;	
margin:0 1px;
}

#footer
{
border-top:1px solid #3f3f3f;
font-size:10px;
color:#0e037b;
padding:1em;
text-align:right;
margin-top:2em;
}
#footer a
{
color:#6d6dfa;
}
#footer a:hover
{
color:#fff;
}