body {
  background-color: #ffcc00;
}

/* ***** MAIL *****/
#menu {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -64px;
	margin-top: -234px;
	font-size: 10px;
}
#menu li a span {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
#menu li a {
	overflow: hidden;
	margin-left: -40px;
}
#menu li#mail a {
	display: block;
	width: 128px;
	height: 128px;
}
#menu li a.mail span {
	background: url('/img/mail.png') left top no-repeat;
	width: 128px;
}
#menu li a.mail:hover span {
	background: url('/img/mail.png') left -128px no-repeat;
	width: 128px;
}


/* ***** SKYPE *****/
#menu2 {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: 106px;
	margin-top: -134px;
	font-size: 10px;
}
#menu2 li a span {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
#menu2 li a {
	overflow: hidden;
	margin-left: -40px;
}
#menu2 li#skype a {
	display: block;
	width: 128px;
	height: 128px;
}
#menu2 li a.skype span {
	background: url('/img/skype.png') left top no-repeat;
	width: 128px;
}
#menu2 li a.skype:hover span {
	background: url('/img/skype.png') left -128px no-repeat;
	width: 128px;
}


/* ***** JABBER *****/
#menu3 {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: 106px;
	margin-top: 6px;
	font-size: 10px;
}
#menu3 li a span {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
#menu3 li a {
	overflow: hidden;
	margin-left: -40px;
}
#menu3 li#jabber a {
	display: block;
	width: 128px;
	height: 128px;
}
#menu3 li a.jabber span {
	background: url('/img/jabber.png') left top no-repeat;
	width: 128px;
}
#menu3 li a.jabber:hover span {
	background: url('/img/jabber.png') left -128px no-repeat;
	width: 128px;
}


/* ***** ME *****/
#menu4 {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -64px;
	margin-top: 106px;
	font-size: 10px;
}
#menu4 li a span {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
#menu4 li a {
	overflow: hidden;
	margin-left: -40px;
}
#menu4 li#me a {
	display: block;
	width: 128px;
	height: 128px;
}
#menu4 li a.me span {
	background: url('/img/me.png') left top no-repeat;
	width: 128px;
}
#menu4 li a.me:hover span {
	background: url('/img/me.png') left -128px no-repeat;
	width: 128px;
}


/* ***** MSN *****/
#menu5 {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -234px;
	margin-top: 6px;
	font-size: 10px;
}
#menu5 li a span {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
#menu5 li a {
	overflow: hidden;
	margin-left: -40px;
}
#menu5 li#msn a {
	display: block;
	width: 128px;
	height: 128px;
}
#menu5 li a.msn span {
	background: url('/img/msn.png') left top no-repeat;
	width: 128px;
}
#menu5 li a.msn:hover span {
	background: url('/img/msn.png') left -128px no-repeat;
	width: 128px;
}


/* ***** ICQ *****/
#menu6 {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -234px;
	margin-top: -134px;
	font-size: 10px;
}
#menu6 li a span {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
#menu6 li a {
	overflow: hidden;
	margin-left: -40px;
}
#menu6 li#icq a {
	display: block;
	width: 128px;
	height: 128px;
}
#menu6 li a.icq span {
	background: url('/img/icq.png') left top no-repeat;
	width: 128px;
}
#menu6 li a.icq:hover span {
	background: url('/img/icq.png') left -128px no-repeat;
	width: 128px;
}


/* ***** PHOTOGALLERY *****/
#menu7 {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -64px;
	margin-top: -64px;
	font-size: 10px;
}
#menu7 li a span {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
#menu7 li a {
	overflow: hidden;
	margin-left: -40px;
}
#menu7 li#photogallery a {
	display: block;
	width: 128px;
	height: 128px;
}
#menu7 li a.photogallery span {
	background: url('/img/photogallery.png') left top no-repeat;
	width: 128px;
}
#menu7 li a.photogallery:hover span {
	background: url('/img/photogallery.png') left -128px no-repeat;
	width: 128px;
}