/* CSS Document */

#navigation ul {
	display: inline;
	height: 89px;
}

#navigation ul li {
	display: block;
	float: left;
	height: 89px;
	line-height: 89px;
}


#navigation ul li span {
	display: none;
}

#navigation ul li a {
	display: block;
	height: 89px;
}

#nav-start {
	background:url(../grfx/navigation/nav-start.jpg) top left no-repeat;
	width: 21px;
	height: 89px;
}

#nav-stop {
	background:url(../grfx/navigation/nav-stop.jpg) top left no-repeat;
	width: 27px;
	height: 89px;
}

#home a {
	background:url(../grfx/navigation/home.jpg) bottom left no-repeat;
	width: 74px;
	height: 89px;
}

#home a:hover, #home .selected {
	background-position: top left;
}

#about a {
	background:url(../grfx/navigation/about.jpg) bottom left no-repeat;
	width: 103px;
	height: 89px;
}

#about a:hover, #about .selected  {
	background-position: top left;
}

#lesson a {
	background:url(../grfx/navigation/lesson.jpg) bottom left no-repeat;
	width: 165px;
	height: 89px;
}

#lesson a:hover, #lesson .selected {
	background-position: top left;
}

#info a {
	background:url(../grfx/navigation/info.jpg) bottom left no-repeat;
	width: 128px;
	height: 89px;
}

#info a:hover, #info .selected {
	background-position: top left;
}

#contact a {
	background:url(../grfx/navigation/contact.jpg) bottom left no-repeat;
	width: 102px;
	height: 89px;
}

#contact a:hover, #contact .selected {
	background-position: top left;
}