/*
	Chill Website ~ Navagation CSS.

	Crated by Nick hughes nick@nickhughes.co.nz.
*/

/*Navagation
----------------------------------------------- */

#navigation {
	float:none;
	margin:0px 0px 15px 0px;;
	padding:0px 0px 0px 0px;
	width: 964px;
	background-image: url(../images2/menu_bg.jpg);
	background-repeat: no-repeat;
	height: 35px;
}

#nav a {
	height:35px;
	display: block;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;/*	background:url(../images/nav_bkg.gif) repeat-x 0px -50px;*/
}

#nav li span.active {
	height:35px;
	display: inline;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;/*	background:url(../images/nav_bkg.gif) repeat-x 0px 0px;*/
}

#nav a:hover, #nav a.active, .hover {
	/*background:url(../images/nav_bkg.gif) repeat-x;*/
}

#nav li {
	float: left;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#navigation ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#home a {background:url(../images2/nav/home.png) no-repeat; width:70px; height: 35px;}
#home a:hover {background:url(../images2/nav/home.png) no-repeat; background-position: 0px -35px; width:70px; height: 35px;}

#about a {background:url(../images2/nav/about.png) no-repeat; width:74px; height: 35px;}
#about a:hover {background:url(../images2/nav/about.png) no-repeat; background-position: 0px -35px; width:74px; height: 35px;}

#staff a {background:url(../images2/nav/staff.png) no-repeat; width:155px; height: 35px;}
#staff a:hover {background:url(../images2/nav/staff.png) no-repeat; background-position: 0px -35px ; width:155px; height: 35px;}

#events a {background:url(../images2/nav/events.png) no-repeat; width:221px; height: 35px;}
#events a:hover {background:url(../images2/nav/events.png) no-repeat; background-position: 0px -35px ; width:221px; height: 35px;}

#testimonials a {background:url(../images2/nav/testimonials.png) no-repeat; width:130px; height: 35px;}
#testimonials a:hover {background:url(../images2/nav/testimonials.png) no-repeat; background-position: 0px -35px ; width:130px; height: 35px;}

#contacts a {background:url(../images2/nav/contacts.png) no-repeat; width:101px; height: 35px;}
#contacts a:hover {background:url(../images2/nav/contacts.png) no-repeat; background-position: 0px -35px ; width:101px; height: 35px;}