@charset "utf-8";
/* CSS Document */
#nav	{
	width:220px;
	height:400px;
	position:relative;
	margin:0;
	padding:0;
	list-style-type: none;
	background-image: url(../Images/Nav/Nav-matrix.jpg);
}
#nav li a {
	margin:0;
	padding:0;
	display:block;
	height:40px;
	background-image:url(../Images/Nav/Nav-matrix.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

/*up state*/
li#nav_home a {
left: 0;
width: 220px;
background-position: 0 0;
}

li#nav_gardens a {
left: 0;
width: 220px;
background-position: 0 -40px;
}

li#nav_cottage a {
left: 0;
width: 220px;
background-position: 0 -80px;
}

li#nav_coffeeshop a {
left: 0;
width: 220px;
background-position: 0 -120px;
}

li#nav_exhibitions a {
left: 0;
width: 220px;
background-position: 0 -160px;
}

li#nav_play a {
left: 0;
width: 220px;
background-position: 0 -200px;
}

li#nav_plants a {
left: 0;
width: 220px;
background-position: 0 -240px;
}

li#nav_thatching a {
left: 0;
width: 220px;
background-position: 0 -280px;
}

li#nav_conference a {
left: 0;
width: 220px;
background-position: 0 -320px;
}

li#nav_mtp a {
left: 0;
width: 220px;
background-position: 0 -360px;
}

li#nav_links a {
left: 0;
width: 220px;
background-position: 0 -400px;
}

/*hover state*/
li#nav_home a:hover {
background-position: -220px 0px;
}

li#nav_gardens a:hover {
background-position: -220px -40px;
}

li#nav_cottage a:hover {
background-position: -220px -80px;
}

li#nav_coffeeshop a:hover {
background-position: -220px -120px;
}

li#nav_exhibitions a:hover {
background-position: -220px -160px;
}

li#nav_play a:hover {
background-position: -220px -200px;
}

li#nav_plants a:hover {
background-position: -220px -240px;
}

li#nav_thatching a:hover {
background-position: -220px -280px;
}

li#nav_conference a:hover {
background-position: -220px -320px;
}

li#nav_mtp a:hover {
background-position: -220px -360px;
}

li#nav_links a:hover {
background-position: -220px -400px;
}