/*****************************************************************************
* Copyright © 2010 Gameloft Romania.
*
* Menu style
* v1.0
*
* Description:
* Menu style used in the header of site.
*
* Author: Bogdan Amartisoaie <bogdan.amartisoaie@gameloft.com>
* Last modifications: Friday, February 26, 2010
*
* History:
* 1.0 - creation of the file
*****************************************************************************/

.menu {
	position: absolute;
	top: 22px;
	left: 21px;
	
	width: 792px;
	height: 265px;
	
	/*background: #121212 url('../images/menu_separator.png') no-repeat;*/
	background: #111111 url('../images/menu_separator.png') no-repeat;
	background-position: 0px -1px;
	
	z-index: -1;
}

.menu_items{
	position: absolute;
	z-index: 3;
	top: 22px;
	left: 55px;
}

.menu_items_bottom{
	position: absolute;
	z-index: 3;
	top: 0px;
	left: 0px;
	
	margin-top: 10px;
	margin-left: 39px;
}

.menu_items ul {
	list-style: none;
	margin: auto;
	left: 0px;
	top: 0px;
	padding: 0px;
}

.menu_items_bottom ul {
	list-style: none;
	margin: auto;
	left: 0px;
	top: 0px;
	padding: 0px;
}

.menu_items li {
	display: inline;
}

.menu_items_bottom li {
	display: inline;
}

.menu_items li a {
	display: block;
	float: left;
	outline: none;
}

.menu_items_bottom li a {
	display: block;
	float: left;
	outline: none;
}

/***************************************************************************** MENU ITEMS */

/*TOP*/

.menu_items li a.home {
	width: 54px;
	height: 70px;
	
	margin-top: -2px;
	margin-left: 0px;
	
	background: url('../images/menu/home.png');
}

.menu_items li a.home:hover {
	background-position: -60px 0px;
}

.menu_items li a.home span {
	display: none;
}

/*BOTTOM*/

.menu_items_bottom li a.home {
	width: 39px;
	height: 53px;
	
	margin-top: 0px;
	margin-left: 0px;
	
	background: url('../images/menu/home_small.png');
}

.menu_items_bottom li a.home:hover {
	background-position: -45px 0px;
}

.menu_items_bottom li a.home span {
	display: none;
}

/*TOP*/

.menu_items li a.presentation {
	width: 91px;
	height: 70px;
	
	margin-top: -2px;
	margin-left: 17px;
	
	background: url('../images/menu/presentation.png');
}

.menu_items li a.presentation:hover {
	background-position: -90px 0px;
}

.menu_items li a.presentation span {
	display: none;
}

/*BOTTOM*/

.menu_items_bottom li a.presentation {
	width: 68px;
	height: 53px;
	
	margin-top:  0px;
	margin-left: 10px;
	
	background: url('../images/menu/presentation_small.png');
}

.menu_items_bottom li a.presentation:hover {
	background-position: -67px 0px;
}

.menu_items_bottom li a.presentation span {
	display: none;
}

/*TOP*/

.menu_items li a.jobs {
	width: 64px;
	height: 70px;
	
	margin-top: -2px;
	margin-left: 20px;
	
	background: url('../images/menu/jobs.png');
}

.menu_items li a.jobs:hover {
	background-position: -60px 0px;
}

.menu_items li a.jobs span {
	display: none;
}

/*BOTTOM*/
.menu_items_bottom li a.jobs {
	width: 47px;
	height: 52px;
	
	margin-top: 0px;
	margin-left: 10px;
	
	background: url('../images/menu/jobs_small.png');
}

.menu_items_bottom li a.jobs:hover {
	background-position: -45px 0px;
}

.menu_items_bottom li a.jobs span {
	display: none;
}

/*TOP*/

.menu_items li a.newsm {
	width: 62px;
	height: 70px;
	
	margin-top: -2px;
	margin-left: 14px;
	
	background: url('../images/menu/news.png');
}

.menu_items li a.newsm:hover {
	background-position: -60px 0px;
}

.menu_items li a.newsm span {
	display: none;
}

/*BOTTOM*/
.menu_items_bottom li a.newsm {
	width: 44px;
	height: 53px;
	
	margin-top: 0px;
	margin-left: 10px;
	
	background: url('../images/menu/news_small.png');
}

.menu_items_bottom li a.newsm:hover {
	background-position: -45px 0px;
}

.menu_items_bottom li a.newsm span {
	display: none;
}

/*TOP*/
.menu_items li a.contact {
	width: 67px;
	height: 70px;
	
	margin-top: -2px;
	margin-left: 10px;
	
	background: url('../images/menu/contact.png');
}

.menu_items li a.contact:hover {
	background-position: -70px 0px;
}

.menu_items li a.contact span {
	display: none;
}

/*BOTTOM*/

.menu_items_bottom li a.contact {
	width: 51px;
	height: 52px;
	
	margin-top: 0px;
	margin-left: 10px;
	
	background: url('../images/menu/contact_small.png');
}

.menu_items_bottom li a.contact:hover {
	background-position: -53px 0px;
}

.menu_items_bottom li a.contact span {
	display: none;
}