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

/* --------------
* Filename: navigation.css
* Version: 1.0.0 (2008-03-10)
* Website: www.waxperts.com.au
* 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.png);
	background-position:0 0;
	background-repeat:no-repeat;
	width: 108px;
	height: 24px;
}
#navbar #about:hover {
	background-position:0 -24px;
}

#navbar #waxing {
	background-image:url(../images/btn_waxing.png);
	background-position:0 0;
	background-repeat:no-repeat;
	width: 82px;
	height: 24px;
}
#navbar #waxing:hover {
	background-position:0 -24px;
}


#navbar #lasehairremoval {
	background-image:url(../images/btn_laserhairremoval.png);
	background-position:0 0;
	background-repeat:no-repeat;
	width: 170px;
	height: 24px;
}
#navbar #lasehairremoval:hover {
	background-position:0 -24px;
}


#navbar #eyelashes {
	background-image:url(../images/btn_eyelashes.png);
	background-position:0 0;
	background-repeat:no-repeat;
	width: 101px;
	height: 24px;
}
#navbar #eyelashes:hover {
	background-position:0 -24px;
}

#navbar #skincare {
	background-image:url(../images/btn_skincare.png);
	background-position:0 0;
	background-repeat:no-repeat;
	width: 97px;
	height: 24px;
}
#navbar #skincare:hover {
	background-position:0 -24px;
}

#navbar #pricelist {
	background-image:url(../images/btn_pricelist.png);
	background-position:0 0;
	background-repeat:no-repeat;
	width: 98px;
	height: 24px;
}
#navbar #pricelist:hover {
	background-position:0 -24px;
}


#navbar #contact {
	background-image:url(../images/btn_contact.png);
	background-position:0 0;
	background-repeat:no-repeat;
	width: 106px;
	height: 24px;
}
#navbar #contact:hover {
	background-position:0 -24px;
}