/*****************************************************************************
* Copyright © 2010 Gameloft Romania.
*
* Groups style
* v1.0
*
* Description:
* Twitter, Facebook, Linkedin and YouTube icon styles.
*
* Author: Bogdan Amartisoaie <bogdan.amartisoaie@gameloft.com>
* Last modifications: Friday, February 26, 2010
*
* History:
* 1.0 - creation of the file
*****************************************************************************/

.groups {
	position: relative;
	float: right;
	left: 0px;
	top: 0px;
	z-index: 3;
}

.groups ul {
	list-style: none;
	margin: auto;
}

.groups li {
	display: inline;
}

.groups li a {
	display: block;
	outline: none;
}

/***************************************************************************** GROUP ITEMS */

.groups li a.twitter {
	width: 40px;
	height: 40px;
	
	margin-top: 32px;
	margin-left: 0px;
	margin-right: 60px;
	
	background: url('../images/twitter.gif');
}

.groups li a.twitter:hover {
	background-position: -40px 0px;
}

.groups li a.twitter span {
	display: none;
}

.groups li a.facebook {
	width: 40px;
	height: 40px;
	
	margin-top: 20px;
	margin-left: 0px;
	margin-right: 60px;
	
	background: url('../images/facebook.gif');
}

.groups li a.facebook:hover {
	background-position: -40px 0px;
}

.groups li a.facebook span {
	display: none;
}

.groups li a.linkedin {
	width: 40px;
	height: 40px;
	
	margin-top: 20px;
	margin-left: 0px;
	margin-right: 60px;
	
	background: url('../images/linkedin.gif');
}

.groups li a.linkedin:hover {
	background-position: -40px 0px;
}

.groups li a.linkedin span {
	display: none;
}

.groups li a.youtube {
	width: 40px;
	height: 41px;
	
	margin-top: 20px;
	margin-left: 0px;
	margin-right: 60px;
	
	background: url('../images/youtube.gif');
}

.groups li a.youtube:hover {
	background-position: -42px 0px;
}

.groups li a.youtube span {
	display: none;
}