/*
	Chill Website ~ Navagation CSS.

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

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

#navigation {
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 15px 0px;
	width: 964px;
}

#nav, #nav ul { 
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
	width:964px;	
	list-style: none;
	background-color: #005373;
}

#nav a {
	height:31px;
	display: block;
	font: bold 0.81em Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #ffffff;
	text-decoration: none;
/*	background:url(../images/nav_bkg.gif) repeat-x 0px -50px;*/
}

#nav li span.active {
	height:31px;
	display: block;
	font: bold 0.81em Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #ffffff;
	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;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#pass a {background:url(../images/layout/nav/pass.gif) no-repeat; width:106px; height: 31px;}
#pass a:hover {background:url(../images/layout/nav/pass.gif) no-repeat; background-position: 0px -31px; width:106px; height: 31px;}

#shop a {background:url(../images/layout/nav/shop.gif) no-repeat; width:93px; height: 31px;}
#shop a:hover {background:url(../images/layout/nav/shop.gif) no-repeat; background-position: 0px -31px ; width:93px; height: 31px;}

#news a {background:url(../images/layout/nav/news.gif) no-repeat; width:97px; height: 31px;}
#news a:hover {background:url(../images/layout/nav/news.gif) no-repeat; background-position: 0px -31px ; width:97px; height: 31px;}

#mountains a {background:url(../images/layout/nav/mountains.gif) no-repeat; width:148px; height: 31px;}
#mountains a:hover {background:url(../images/layout/nav/mountains.gif) no-repeat; background-position: 0px -31px ; width:148px; height: 31px;}

#gallery a {background:url(../images/layout/nav/gallery.gif) no-repeat; width:131px; height: 31px;}
#gallery a:hover {background:url(../images/layout/nav/gallery.gif) no-repeat; background-position: 0px -31px ; width:131px; height: 31px;}

#contact a {background:url(../images/layout/nav/contact.gif) no-repeat; width:125px; height: 31px;}
#contact a:hover {background:url(../images/layout/nav/contact.gif) no-repeat; background-position: 0px -31px ; width:125px; height: 31px;}

#travel a {background:url(../images/layout/nav/travel.gif) no-repeat; width:120px; height: 31px;}
#travel a:hover {background:url(../images/layout/nav/travel.gif) no-repeat; background-position: 0px -31px ; width:120px; height: 31px;}

#about a {background:url(../images/layout/nav/about.gif) no-repeat; width:104px; height: 31px;}
#about a:hover {background:url(../images/layout/nav/about.gif) no-repeat; background-position: 0px -31px ; width:104px; height: 31px;}