/** MENU COMMON */

#menu .main
{
	width: 434px;	/* this is not exact the width, but more */
	height: 46px;
	float: left;
/*	background-color: black;*/
}

#menu .sub
{
	height: 112px; /* old: 183px */
	width: 100%;
	float: left;
	vertical-align:bottom;
/*	background-color: gray;*/
}

#menu a
{
	font-size: 12px;
	color: #acacac;
	text-decoration: none;
}

/* we have imaged menu items, so hide the text */
#menu a div span
{
	visibility: hidden;
}

/* MAIN MENU */

#menu .main div
{
	height: 21px;
	margin-right: 19px;		/* -3px*2 overflow from menuitems */

	float: left;
	overflow: hidden;

	/*	background-color: green;*/
}

/** NETWORK */

#menu .network
{
	width: 214px;
	height: 46px;
	margin-top: 2px;
	margin-left: 2px;
	
	float: left;
/*	background-color: red;*/
}

#menu .network div
{
	width: 18px;
	height: 18px;
	margin-right: 5px;
	float: left;
/*	background-color: red;*/
}

#menu .network a .twitter
{
	background-image: url("../../gfx/menu/network/twitter.gif");
}

#menu .network a:hover .twitter
{
	background-image: url("../../gfx/menu/network/twitter_h.gif");
}

#menu .network a .facebook
{
	background-image: url("../../gfx/menu/network/facebook.gif");
}

#menu .network a:hover .facebook
{
	background-image: url("../../gfx/menu/network/facebook_h.gif");
}

#menu .network a .blog
{
	background-image: url("../../gfx/menu/network/blog.gif");
}

#menu .network a:hover .blog
{
	background-image: url("../../gfx/menu/network/blog_h.gif");
}

/** MAIN MENU */

#menu .main a .game, #menu .main a .game div
{
	width: 40px;
}
#menu .main a .game
{
	background-image: url("../../gfx/menu/game.png");
}
#menu .main .active a .game
{
	background-image: url("../../gfx/menu/game_a.png");
}
#menu .main a:hover .game
{
	background-image: url("../../gfx/menu/game_h.png");
}


#menu .main a .media, #menu .main a .media div
{
	width: 45px;
}
#menu .main a .media
{
	background-image: url("../../gfx/menu/media.png");
}
#menu .main .active a .media
{
	background-image: url("../../gfx/menu/media_a.png");
}
#menu .main a:hover .media
{
	background-image: url("../../gfx/menu/media_h.png");
}


#menu .main a .information, #menu .main a .information div
{
	width: 89px;
}
#menu .main a .information
{
	background-image: url("../../gfx/menu/information.png");
}
#menu .main .active a .information
{
	background-image: url("../../gfx/menu/information_a.png");	
}
#menu .main a:hover .information
{
	background-image: url("../../gfx/menu/information_h.png");
}


#menu .main a .community, #menu .main a .community div
{
	width: 80px;
}
#menu .main a .community
{
	background-image: url("../../gfx/menu/community.png");
}
#menu .main .active a .community
{
	background-image: url("../../gfx/menu/community_a.png");	
}
#menu .main a:hover .community
{
	background-image: url("../../gfx/menu/community_h.png");
}


#menu .main a .support, #menu .main a .support div
{
	width: 60px;
}
#menu .main a .support
{
	background-image: url("../../gfx/menu/support.png");
}
#menu .main .active a .support
{
	background-image: url("../../gfx/menu/support_a.png");	
}
#menu .main a:hover .support
{
	background-image: url("../../gfx/menu/support_h.png");
}


/** SUB MENUS */

#menu .sub div
{
	float: left;

/*	background-color: red;*/
}

#menu .sub .game, #menu .sub .media, #menu .sub .information, #menu .sub .community, #menu .sub .support
{
	visibility: hidden;
}

#menu .sub .game
{
	width: 55px;
	height: 75px;
	
	padding-top: 37px;
	margin-left: 0px;
	margin-right: 4px;
	
/*	background-color: yellow;*/
}

#menu .sub .media
{
	width: 51px;
	height: 50px;

	padding-top: 62px;
	margin-left: 0px;
/*	background-color: red;*/
}

#menu .sub .information
{
	width: 85px;
	height: 100px;

	padding-top: 12px;
	margin-left: 13px;
	margin-right: 12px;
/*	background-color: green;*/
}

#menu .sub .community
{
	width: 69px;
	height: 75px;

	padding-top: 37px;
	margin-left: 11px;
/*	background-color: blue;*/
}

#menu .sub .support
{
	width: 51px;
	height: 75px;

	padding-top: 62px;
	margin-left: 30px;
/*	background-color: cyan;*/
}

#menu .sub div div
{
	height: 20px;
	margin-bottom: 5px;

	float: left;
	overflow: hidden;
/*	background-color: black;*/
}


/** SUBMENU GAME */

#menu .sub a .wii, #menu .sub a .wii div
{
	width: 21px;
}
#menu .sub a .wii
{
	background-image: url("../../gfx/menu/sub/wii.png");
}
#menu .sub .active a .wii
{
	background-image: url("../../gfx/menu/sub/wii_a.png");	
}
#menu .sub a:hover .wii
{
	background-image: url("../../gfx/menu/sub/wii_h.png");
}

#menu .sub a .pcmaclinux, #menu .sub a .pcmaclinux div
{
	width: 93px;
}
#menu .sub a .pcmaclinux
{
	background-image: url("../../gfx/menu/sub/pc-mac-linux.png");
}
#menu .sub .active a .pcmaclinux
{
	background-image: url("../../gfx/menu/sub/pc-mac-linux_a.png");	
}
#menu .sub a:hover .pcmaclinux
{
	background-image: url("../../gfx/menu/sub/pc-mac-linux_h.png");
}

#menu .sub a .home, #menu .sub a .home div
{
	width: 35px;
}
#menu .sub a .home
{
	background-image: url("../../gfx/menu/sub/home.png");
}
#menu .sub .active a .home
{
	background-image: url("../../gfx/menu/sub/home_a.png");	
}
#menu .sub a:hover .home
{
	background-image: url("../../gfx/menu/sub/home_h.png");
}

/** SUBMENU MEDIA */

#menu .sub a .video, #menu .sub a .video div
{
	width: 35px;
}
#menu .sub a .video
{
	background-image: url("../../gfx/menu/sub/video.png");	
}
#menu .sub .active a .video
{
	background-image: url("../../gfx/menu/sub/video_a.png");	
}
#menu .sub a:hover .video
{
	background-image: url("../../gfx/menu/sub/video_h.png");
}

#menu .sub a .screens, #menu .sub a .screens div
{
	width: 51px;
}
#menu .sub a .screens
{
	background-image: url("../../gfx/menu/sub/screens.png");	
}
#menu .sub .active a .screens
{
	background-image: url("../../gfx/menu/sub/screens_a.png");	
}
#menu .sub a:hover .screens
{
	background-image: url("../../gfx/menu/sub/screens_h.png");
}

/** SUBMENU INFORMATION */

#menu .sub a .about, #menu .sub a .about div
{
	width: 39px;
}
#menu .sub a .about
{
	background-image: url("../../gfx/menu/sub/about.png");
}
#menu .sub .active a .about
{
	background-image: url("../../gfx/menu/sub/about_a.png");	
}
#menu .sub a:hover .about
{
	background-image: url("../../gfx/menu/sub/about_h.png");
}

#menu .sub a .contactCredits, #menu .sub a .contactCredits div
{
	width: 97px;
}
#menu .sub a .contactCredits
{
	background-image: url("../../gfx/menu/sub/contact-credits.png");	
}
#menu .sub .active a .contactCredits
{
	background-image: url("../../gfx/menu/sub/contact-credits_a.png");	
}
#menu .sub a:hover .contactCredits
{
	background-image: url("../../gfx/menu/sub/contact-credits_h.png");
}

#menu .sub a .inThePress, #menu .sub a .inThePress div
{
	width: 74px;
}
#menu .sub a .inThePress
{
	background-image: url("../../gfx/menu/sub/in-the-press.png");	
}
#menu .sub .active a .inThePress
{
	background-image: url("../../gfx/menu/sub/in-the-press_a.png");	
}
#menu .sub a:hover .inThePress
{
	background-image: url("../../gfx/menu/sub/in-the-press_h.png");
}

#menu .sub a .imprint, #menu .sub a .imprint div
{
	width: 48px;
}
#menu .sub a .imprint
{
	background-image: url("../../gfx/menu/sub/imprint.png");	
}
#menu .sub .active a .imprint
{
	background-image: url("../../gfx/menu/sub/imprint_a.png");	
}
#menu .sub a:hover .imprint
{
	background-image: url("../../gfx/menu/sub/imprint_h.png");
}

/** SUBMENU COMMUNITY */

#menu .sub a .highscores, #menu .sub a .highscores div
{
	width: 69px;
}
#menu .sub a .highscores
{
	background-image: url("../../gfx/menu/sub/highscores.png");	
}	
#menu .sub .active a .highscores
{
	background-image: url("../../gfx/menu/sub/highscores_a.png");	
}
#menu .sub a:hover .highscores
{
	background-image: url("../../gfx/menu/sub/highscores_h.png");
}

#menu .sub a .competitions, #menu .sub a .competitions div
{
	width: 80px;
}
#menu .sub a .competitions
{
	background-image: url("../../gfx/menu/sub/competitions.png");	
}	
#menu .sub .active a .competitions
{
	background-image: url("../../gfx/menu/sub/competitions_a.png");	
}
#menu .sub a:hover .competitions
{
	background-image: url("../../gfx/menu/sub/competitions_h.png");
}

#menu .sub a .forum, #menu .sub a .forum div
{
	width: 41px;
}
#menu .sub a .forum
{
	background-image: url("../../gfx/menu/sub/forum.png");	
}
#menu .sub .active a .forum
{
	background-image: url("../../gfx/menu/sub/forum_a.png");	
}
#menu .sub a:hover .forum
{
	background-image: url("../../gfx/menu/sub/forum_h.png");
}

/** SUBMENU SUPPORT */

#menu .sub a .wiisupport, #menu .sub a .wiisupport div
{
	width: 21px;
}
#menu .sub a .wiisupport
{
	background-image: url("../../gfx/menu/sub/wii.png");	
}
#menu .sub .active a .wiisupport
{
	background-image: url("../../gfx/menu/sub/wii_a.png");	
}
#menu .sub a:hover .wiisupport
{
	background-image: url("../../gfx/menu/sub/wii_h.png");
}

#menu .sub a .faq, #menu .sub a .faq div
{
	width: 33px;
}
#menu .sub a .faq
{
	background-image: url("../../gfx/menu/sub/faq.png");	
}
#menu .sub .active a .faq
{
	background-image: url("../../gfx/menu/sub/faq_a.png");	
}
#menu .sub a:hover .faq
{
	background-image: url("../../gfx/menu/sub/faq_h.png");
}

#menu .sub a .request, #menu .sub a .request div
{
	width: 51px;
}
#menu .sub a .request
{
	background-image: url("../../gfx/menu/sub/request.png");	
}
#menu .sub .active a .request
{
	background-image: url("../../gfx/menu/sub/request_a.png");	
}
#menu .sub a:hover .request
{
	background-image: url("../../gfx/menu/sub/request_h.png");
}