/* Why is the top level nvaigation list items producing a double padding */
#navigation {
	position:absolute;
	top:0;
	left:50%;
	margin:0 0 0 -379px;
	padding:99px 0 0 0px;
	width: 758px;
	text-align:center;
	z-index:10;
	border:0px solid #999;
	clear:right;
}

	*:first-child+html #navigation {
		margin-left: -380px;
	}
	
	* html #navigation {
		margin-left: -380px;
	}

#navigation ul { margin:0; padding:0; 
	background: #5F9DC4;
}

	

#navigation li {
	float:left;
	list-style:none;
	font-weight:bold; /* font properties added to fool IE */
	margin:0;
	padding:0;
	border-bottom: 1px solid #fff;
}

#navigation li a {
	padding:5px 6px;
	color:#fff!important;
	background: #5F9DC4;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	display: block;
	max-height: 20px;
	border:0px dashed #999;
	white-space: nowrap;
	
}

#navigation li a:hover {
	color:#fff;
	background:#ACC766;
	border: 0px;
}

/* ELEMENT WIDTHS */
.home {width:42px;}
.aboutus {width:58px;}
.guestrooms {width:155px;}
.special {width:43px;}
.tariffs {width:45px;}
.touristinfo {width:118px;}
.testimonials {width:50px;}
.contact {width:70px;}
.bookonline {width:110px;}
.extra {width: 2px !important; width: 3px;}

/* stop the extra spacer rollover state */

#navigation li a.extra:hover {
	background: #5F9DC4;
}