body {
 font-family: arial, helvetica, sans-serif;
 text-align: center;
}

#page {
  width: 900px;
  margin: 0 auto;
  text-align: left;
}

#page #content p {
	display: block;
	color: #fff;
	background: #444;
	margin: 0;
	padding: 1em 3em;
	text-align: center;
}

#page #content ul,
#page #content ul li {
	display: inline;
	padding: 0;
	margin: 0;
}

#page #content ul li a {
	display: block;
	float: left;
	background-repeat: no-repeat;
	background-image: url("/images/front_image.jpg");
	height: 531px;
	text-align: center;
/*	border: 1px solid #f00;*/
	text-decoration: none;
	color: #444;
}

#page #content ul li a:hover {
	background-position: 0px -531px;
}

#page #content ul li a span {
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 17px;
	position: relative;
	top: 431px;
}

#page #content ul li a span { display: none; }

/* Picture 1 */

	#page #content ul li.profile a {
		display: block;
		width: 190px;
	}
	
	#page #content ul li.profile a:hover {
		background-position: 0px -531px;
	}

	#page #content ul li.profile a:hover span {
		display: block;
	}

/* Picture 2 */

	#page #content ul li.work a {
		display: block;
		width: 135px;
		background-position: -190px 0px;
	}
	
	#page #content ul li.work a:hover {
		background-position: -190px -531px;
	}

	#page #content ul li.work a:hover span {
		display: block;
	}

/* Picture 3*/

	#page #content ul li.phd a {
		display: block;
		width: 133px;
		background-position: -325px 0px;
	}
	
	#page #content ul li.phd a:hover {
		background-position: -325px -531px;
	}

	#page #content ul li.phd a:hover span {
		display: block;
	}

/* Picture 4 */

	#page #content ul li.knowledge a {
		display: block;
		width: 102px;
		background-position: -458px 0px;
	}
	
	#page #content ul li.knowledge a:hover {
		background-position: -458px -531px;
	}

	#page #content ul li.knowledge a:hover span {
		display: block;
	}

/* Picture 5 */

	#page #content ul li.research a {
		display: block;
		width: 134px;
		background-position: -560px 0px;
	}
	
	#page #content ul li.research a:hover {
		background-position: -560px -531px;
	}

	#page #content ul li.research a:hover span {
	display: block;
}

/* Picture 6 */

	#page #content ul li.objects a {
		display: block;
		width: 206px;
		background-position: -694px 0px;
	}
	
	#page #content ul li.objects a:hover {
		background-position: -694px -531px;
	}

	#page #content ul li.objects a:hover span {
		display: block;
	}


#page #footer {
	display: block;
	clear: both;
	color: #fff;
	background: #444;
	margin: 0;
	padding: 0.3em 3em;
	text-align: center;
}