@charset "utf-8";

#navigation {
	width: 470px;
	height: 50px;
	padding-left: 196px;
	padding-top: 272px;
	color: #FFF;
}
#navigation li {
	display: inline;
	list-style-type: none;
}


ul#nav {
	background-image: url(imgs/navigation.jpg);
}
ul#nav li { float:left; list-style-type:none }
ul#nav li a { height:50px; display:block; text-indent:-9999px; outline:none }

li#nav01 a, li#nav02 a, li#nav03 a, li#nav04 a  { background-image: url(imgs/navigation.jpg); }

li#nav01 a										{ background-position:0 0; width:113px; left:0px }
li#nav01 a:hover 								{ background-position:0 -50px }
body#page01 li#nav01 a							{ background-position:0 -50px }

li#nav02 a 										{ background-position:-113px 0; width:112px; left:113px }
li#nav02 a:hover 								{ background-position:-113px -50px }
body#page02 li#nav02 a							{ background-position:-113px -50px }

li#nav03 a 										{ background-position:-225px 0; width:136px; left:225px }
li#nav03 a:hover 								{ background-position:-225px -50px }
body#page03 li#nav03 a							{ background-position:-225px -50px }

li#nav04 a 										{ background-position:-361px 0; width:99px; left:361px }
li#nav04 a:hover 								{ background-position:-361px -50px }
body#page04 li#nav04 a							{ background-position:-361px -50px }



/* ------------------------------------ MINI NAVIGATION MENU -------------------------- */