.team {
	margin: 0 -8px;
}
.member {
	text-align: center;
	width: 25%;
	float: left;
	margin: 14px 0 20px;
}
.member hgroup {
	text-transform: uppercase;
	margin: 20px 0 10px;
}
.member h2 {
	font-size: 14px;
	margin-bottom: 1px;
	margin-top:10px;
	line-height: 15px;
}
.member span {
	font-size:11px;	
}
.member p.intro {
	text-align: center;
	max-width: 195px;
	margin: 10px auto;
	font-size: 13px;
	line-height: 18px;
}
.member .avatar {
	width: auto;
	height: auto;
	overflow: hidden;
	position: relative;
	display: block;
	margin: 0 8px;
}
.member .avatar img {
	border-radius: 0;
	max-width: 100%;
	height: auto;
}
.rad10 .member .avatar img {
	border-radius: 10%;
}
.rad50 .member .avatar img {
	border-radius: 50%;
}
.member figcaption a {
	width: 30px;
	height: 30px;
	display: block;
	float: left;
	margin: 0 2px;
	background:#FFF url(../images/social-icons.gif) no-repeat;
	opacity: 0;
	border: none;
}
.member figcaption a:hover {
	opacity: 0.7;
}
.member figcaption a.envelope {
	background-position: 0 0;
}
.member figcaption a.facebook {
	background-position: -31px -1px;
}
.member figcaption a.delicious {
	background-position: -61px -1px;
}
.member figcaption a.digg {
	background-position: -91px -1px;
}
.member figcaption a.reddit {
	background-position: -121px -1px;
}
.member figcaption a.flickr {
	background-position: -151px -1px;
}
.member .social a.stumbleupon {
	background-position: -181px -1px;
}
.member figcaption a.newsvine {
	background-position: -211px -1px;
}
.member figcaption a.pinterest {
	background-position: -241px -1px;
}
.member figcaption a.mixx {
	background-position: -271px -1px;
}
.member figcaption a.technorati {
	background-position: -301px -1px;
}
.member figcaption a.rss {
	background-position: -331px -1px;
}
.member figcaption a.xing {
	background-position: -361px -1px;
}
.member figcaption a.myspace {
	background-position: -391px -1px;
}
.member figcaption a.google {
	background-position: -421px -1px;
}
.member figcaption a.twitter {
	background-position: -451px -1px;
}
.uk-icon-envelope:before {
	margin-left: 1px;
}
.avatar figcaption::before,
.avatar figcaption::after {
	pointer-events: none;
}
.avatar figcaption,
.avatar figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.avatar ul {
	width: 100%;
	text-transform: none;
	font-size: 121%;
	line-height: 2;
	list-style:none;
	position: absolute;
	top: 50%;
	left: 50%;
	margin:0;
	margin-top: 5px;
	padding:0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
}

.avatar ul li {
	display:inline-block;
	margin:2px;
}
.avatar ul li a {
	opacity: 0;
	width:30px;
	height:30px;
	-webkit-transition: color 0.35s, -webkit-transform 0.35s;
	transition: color 0.35s, transform 0.35s;
}
.avatar ul li a:hover {
  	opacity: 1;
  	color: #444;
  	background-position:inherit bottom;
}
.member figcaption a.envelope:hover {
	background-position: 0 -30px;
}
.member figcaption a.facebook:hover {
	background-position: -31px -31px;
}
.member figcaption a.delicious:hover {
	background-position: -61px -31px;
}
.member figcaption a.digg:hover {
	background-position: -91px -31px;
}
.member figcaption a.reddit:hover {
	background-position: -121px -31px;
}
.member figcaption a.flickr:hover {
	background-position: -151px -31px;
}
.member .social a.stumbleupon:hover {
	background-position: -181px -31px;
}
.member figcaption a.newsvine:hover {
	background-position: -211px -31px;
}
.member figcaption a.pinterest:hover {
	background-position: -241px -31px;
}
.member figcaption a.mixx:hover {
	background-position: -271px -31px;
}
.member figcaption a.technorati:hover {
	background-position: -301px -31px;
}
.member figcaption a.rss:hover {
	background-position: -331px -31px;
}
.member figcaption a.xing:hover {
	background-position: -361px -31px;
}
.member figcaption a.myspace:hover {
	background-position: -391px -31px;
}
.member figcaption a.google:hover {
	background-position: -421px -31px;
}
.member figcaption a.twitter:hover {
	background-position: -451px -31px;
}
.avatar ul li a::before {
	line-height:30px;
}
.avatar ul li:first-child a {
	-webkit-transform: translate3d(-60px,-60px,0);
	transform: translate3d(-60px,-60px,0);
}

.avatar ul li:nth-child(2) a {
	-webkit-transform: translate3d(60px,-60px,0);
	transform: translate3d(60px,-60px,0);
}

.avatar ul li:nth-child(3) a {
	-webkit-transform: translate3d(-60px,60px,0);
	transform: translate3d(-60px,60px,0);
}

.avatar ul li:nth-child(4) a {
	-webkit-transform: translate3d(60px,60px,0);
	transform: translate3d(-60px,-60px,0);
}
.avatar ul li:last-child a {
	-webkit-transform: translate3d(-60px,60px,0);
	transform: translate3d(60px,60px,0);
}

.avatar:hover ul li a:empty {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	opacity: 1;
}


.case20 .member { width:20%; }
.case25 .member { width:25%; }
.case33 .member { width:33.3%; }
.case50 .member { width:50%; }
.case100 .member { width:100%; }

@media (max-width: 900px) {
	.case20 .member { width:25%; }
	.case25 .member { width:25%; }
	.case33 .member { width:50%; }
}
@media (max-width: 650px) {
	.case20 .member { width:33.3%; }
	.case25 .member { width:50%; }
	.case33 .member { width:50%; }
	.case50 .member { width:100%; }
}
@media (max-width: 400px) {
	.case20 .member { width:100%; }
	.case25 .member { width:100%; }
	.case33 .member { width:100%; }
	.case50 .member { width:100%; }
}