img {
	border: 0;
	}

body { 
	margin: 0px;
	padding: 0px;	
	background: url('img/1600x1200.jpg') #000000 fixed center center;
	font: arial #000;
	}

#container {
	position:absolute; 
	top:50%; 
	left:50%; 
	margin: -312px auto auto -419px;
	width: 838px;
	height: 624px;
	background: url('img/background.jpg') #000;
	}


/* --------------- MENU ------------- */

#menu {

 width: 838px;

 height: 624px;

 background: url(img/background.jpg) no-repeat;

 margin: 0; padding: 0;

 position: relative;


}

#menu li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#wwd a {height: 130px;}

#au a {height: 192px;}

#cu a {height: 215px;}

#p a {height: 290px;}

#menu a {
	display: block; 
	text-indent: -9999px; 
	text-decoration: none;
	}

#wwd {left: 310px; top: 0px; width: 210px; height: 130px;}

#au {left: 0px; top: 105px; width: 265px; height: 192px;}

#cu {left: 540px; top: 168px; width: 290px; height: 215px;}

#p {left: 200px; top: 329px; width: 360px; height: 290px;}

.bwwd #wwd a, #wwd a:hover {background: url(img/background.jpg) -310px -623px no-repeat;}

.bau #au a, #au a:hover {background: url(img/background.jpg) -1px -728px no-repeat;}

.bcu #cu a, #cu a:hover {background: url(img/background.jpg) -540px -790px no-repeat;}

.bp #p a, #p a:hover {background: url(img/background.jpg) -200px -952px no-repeat;}