/* CSS Document */

/* NAVI------------------------------------------------------ */
#nav {
	position: absolute;
	left: 253px;
	top: 240px;
	width: 519px;
}
#nav, #nav ul {
 padding: 0;
 margin: 0;
 list-style: none;
}
#nav li {
 float: left;
 position: relative;
 background: #9da1a7 url(../images/bgNav.gif) 0 100% repeat-x;
 font-size: 11px;
 font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",  Verdana, Tahoma, Helvetica;
 color: #fcfafa;
 border-right: 1px solid #9da1a7;
}
#nav li ul {
 display: none;
 position: absolute;
 top: 30px;
 left: 0;
 background: url(../images/bgSubLastHover.gif) bottom no-repeat;
 
}
#nav ul li { 
 padding: 0;
 background: transparent none;
 border-right: none;
 width: 135px;
 text-transform: none;
 float: none;
 display: block;
}
#nav li>ul { top: 30px; left: 0; }
#nav li:hover ul, #nav li.over ul { display: block; z-index: 9999; }
#nav li a {
 display: block;
 padding: 6px 6px 6px 8px;
 text-decoration: none;
 outline:none;
 color: #fcfafa;
 background: #b1b7ba;
}
#nav li li a { height: 1%; border-bottom: 1px solid #fcfafa; }
#nav li a:hover { background: #9da1a7; }
li#navHome, li#navHistory, li#navServices, li#navWeddings, li#navRooms, li#navRates, li#navReservation, li#navGallery, li#navNews, li#navContact{
 height: 22px;
 padding: 8px 5px 0 5px;
}
#navHistory:hover, #navServices:hover, #navWeddings:hover, #navRooms:hover, li#navRates:hover, li#navReservation:hover, li#navGallery:hover, li#navNews:hover, li#navContact:hover #nav li.over, #navWeddings { background: #9da1a7 url(../images/bgNavHover.gif) 0 100% repeat-x; }
#nav .baseNav  { padding: 0; margin: 0; background: transparent none; }
#nav a.baseNav:hover { background: transparent none; }
#nav #navHome { background: #b1b7ba url(../images/bgNavFirst.gif) 0 0 no-repeat; }
#nav #navHome:hover, #nav #navHome.over { background: #9da1a7 url(../images/bgNavFirstHover.gif) 0 0 no-repeat; }
#nav #navContact { background: #b1b7ba url(../images/bgNavLast.gif) 100% 0 no-repeat; border-right: none; }
#nav #navContact:hover, #nav #navcontact.over, #contact #navContact { background: #9da1a7 url(../images/bgNavLastHover.gif) 100% 0 repeat-x; }
#nav li li a.subLast {
 background: transparent url(../images/bgSubLast.gif) bottom no-repeat;
 border-bottom: none;
}
#nav li a.subLast:hover { background: transparent url(../images/bgSubLastHover.gif) bottom no-repeat;
}