.navigation {
	clear: both;
	display: none;
	margin: 10px 0;
}
.navigation ul {
}
.navigation ul li {
	list-style: none;
	display: block;
	float: left;
	width: 40px;
	margin-right: 6px;
	margin-bottom: 6px;
}

.navigation ul li a {
	background: url(../img/rollover.gif) no-repeat;
	text-decoration: none;
	display: block;
	height: 40px;
}

.navigation ul li a:hover {
	background-position: 0 -40px;
}
.navigation ul li a:active {
	background-position: 0 -80px;
	text-decoration: none;
	border: none;
}

.navigation li span {
	position: relative;
	right: 9000px;
	font-size: 0.5em;
	font-weight: bold;
}

#mainContent .text {
	font-size: 0.5em;
	display: none;
}
#container #mainContent .navigation ul li .j {
	background-image:url(../img/on.gif);
}
/*Project Image Code ---------------------------------------------------------------------------*/
/*
This is where you add the custom rollover images for each project.
To add a new project Copy from "#" to "}" and paste a new copy.
Change the "project_01" to the new project number you created on the main page.

*/
#mainContent .navigation ul li .rollover_project_01:hover {
	background: url(../img/project%20001994_MAXXI_Rome/hover.jpg) no-repeat;
}

/*--------------------------------------------------------------------------- Project Image Code*/