@charset "UTF-8";
/* CSS Document */

/* --------------
* Filename: navigation.css
* Version: 1.0.0 (2008-04-16)
* Website: www.metropole.org
* Author: Ari Rizos
* Description: Handles the navigation links, normal and hover states
*/


#navbar ul {
	margin: 0;
	padding: 0;
}

/* Changes the vertical navbar into a harizontal navigation bar */
#navbar li {
	float:left;
	text-decoration:none;
	list-style:none;
}

#navbar a {
	text-decoration:none;
	display:block;
	float: left;
	text-indent:-9000px; /* Hides the Floating Navigation Text */ 
}

#navbar #about {
	background-image:url(../images/btn-about.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	width: 64px;
	height: 36px;
}
#navbar #about:hover {
	background-position:0 -36px;
}

#navbar #latestoffers {
	background-image:url(../images/btn-latestoffers.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	width: 90px;
	height: 36px;
}
#navbar #latestoffers:hover {
	background-position:0 -36px;
}


#navbar #apartments {
	background-image:url(../images/btn-apartments.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	width: 95px;
	height: 36px;
}
#navbar #apartments:hover {
	background-position:0 -36px;
}


#navbar #conferencecentre {
	background-image:url(../images/btn-conferencecentre.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	width: 126px;
	height: 36px;
}
#navbar #conferencecentre:hover {
	background-position:0 -36px;
}

#navbar #facilities {
	background-image:url(../images/btn-facilities.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	width: 136px;
	height: 36px;
}
#navbar #facilities:hover {
	background-position:0 -36px;
}


#navbar #catering {
	background-image:url(../images/btn-catering.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	width: 75px;
	height: 36px;
}
#navbar #catering:hover {
	background-position:0 -36px;
}

#navbar #location {
	background-image:url(../images/btn-location.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	width: 74px;
	height: 36px;
}
#navbar #location:hover {
	background-position:0 -36px;
}

#navbar #contact {
	background-image:url(../images/btn-contact.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	width: 80px;
	height: 36px;
}
#navbar #contact:hover {
	background-position:0 -36px;
}