body {
	margin:0px; padding:0px;
	background-color:#FFF;
}

.container {
	width:980px;
	margin:0 auto;
}

#header {
	
	margin-top:30px;
	margin-left:30px;
	margin-bottom:20px;
}

#main {
	background-color:#FFF;
	height:auto;
}

#menu {position:relative; width:980px; height:490px; background:transparent url(images/menu-base.jpg); overflow:hidden; margin:0 auto;}

#menu ul {margin:0; padding:0;}

#menu li {list-style-type:none; width:100px; height:100px; display:inline;}

#menu a {display:block; float:left; width:245px; height:0; overflow:hidden; color:#000; text-decoration:none; padding-top:245px; background:transparent url(images/menu-hover.jpg) no-repeat 500px 500px;}

* html #menu a  {height:245px; he\ight:0;}

#menu a#projects:hover {background-position: 0 0; z-index:50;}
#menu a#exhibitions:hover {background-position: -245px 0; z-index:50;}
#menu a#collections:hover {background-position: -490px 0; z-index:50;}
#menu a#publications:hover {background-position: -735px 0; z-index:50;}
#menu a#blog:hover {background-position: 0 -245px; z-index:50;}
#menu a#documents:hover {background-position: -245px -245px; z-index:50;}
#menu a#about-us:hover {background-position: -490px -245px; z-index:50;}
#menu a#rogueish:hover {background-position: -735px -245px; z-index:50;}