@charset "utf-8";
/* CSS Document */

#who {
	display: block;
	width: 390px;
	list-style-type: none;
	margin: 30px auto;
}

#who li {
	position: relative;
	display: block;
	float: left;
	width: 110px;
	height: 125px;
	margin: 10px;
}

#who li a {
	position: absolute;
	display: block;
	width: 110px;
	height: 125px;
	left: 0px;
	top: 0px;
	z-index: 1;
	overflow: hidden;
}

#who li a .who-hover {
	position: absolute;
	display: block;
	width: 110px;
	height: 50px;
	bottom: 0px;
	text-indent: -9999px;
}

#who li .who-shadow-1, #who li .who-shadow-2 {
	position: absolute;
	display: block;
	width: 129px;
	height: 141px;
	z-index: 0;
	opacity: 0.8;
}
#who li .who-shadow-1 { background: url(../img/who/who-shadow-1.png) no-repeat; left: -12px; top: -10px; }
#who li .who-shadow-2 { background: url(../img/who/who-shadow-2.png) no-repeat; left: -5px; top: -10px; }

#jm-link a, #jm-info .info-img .img { background: url(../img/who/mystery-guy.png) no-repeat; }
#kj-link a, #kj-info .info-img .img { background: url(../img/who/kerry-jackson.png) no-repeat; }
#ep-link a, #ep-info .info-img .img { background: url(../img/who/erin-patterson.png) no-repeat; }
#ba-link a, #ba-info .info-img .img { background: url(../img/who/brian-audia.png) no-repeat; }
#lg-link a, #lg-info .info-img .img { background: url(../img/who/larry-grays.png) no-repeat; }
#km-link a, #km-info .info-img .img { background: url(../img/who/kris-mcdaniel.png) no-repeat; }
#jg-link a, #jg-info .info-img .img { background: url(../img/who/jonathan-golden.png) no-repeat; }
#nt-link a, #nt-info .info-img .img { background: url(../img/who/nathan-tran.png) no-repeat; }
#tm-link a, #tm-info .info-img .img { background: url(../img/who/todd-mcmichen.png) no-repeat; }

#jm-link a .who-hover { background: url(../img/who/jm-hover.png) no-repeat; }
#kj-link a .who-hover { background: url(../img/who/kj-hover.png) no-repeat; }
#ep-link a .who-hover { background: url(../img/who/ep-hover.png) no-repeat; }
#ba-link a .who-hover { background: url(../img/who/ba-hover.png) no-repeat; }
#lg-link a .who-hover { background: url(../img/who/lg-hover.png) no-repeat; }
#km-link a .who-hover { background: url(../img/who/km-hover.png) no-repeat; }
#jg-link a .who-hover { background: url(../img/who/jg-hover.png) no-repeat; }
#nt-link a .who-hover { background: url(../img/who/nt-hover.png) no-repeat; }
#tm-link a .who-hover { background: url(../img/who/tm-hover.png) no-repeat; }

#who-hover-box {
	position: absolute;
	left: 30px;
	top: 150px;
	display: block;
	width: 610px;
	height: 178px;
	top: -300px;
	z-index: 10;
	text-align: left;
}
#who-hover-box .who-info {
	position: absolute;
	display: none;
	width: 610px;
	height: 178px;
	background: url(../img/who/who-hover-box.png) no-repeat;
	z-index: 1;
}
#who-hover-box-shadow {
	display: block;
	position: absolute;
	width: 634px;
	height: 200px;
	left: -10px;
	top: -10px;
	background: url(../img/who/who-hover-box-shadow.png) no-repeat;
	z-index: 0;
}
#who-hover-box-close {
	display: block;
	position: absolute;
	width: 24px;
	height: 24px;
	top: 2px;
	right: 2px;
	cursor: pointer;
	background: url(../img/who/who-hover-box-close.png) no-repeat;
	z-index: 2;
}
#who-hover-box .info-img {
	display: block;
	width: 178px;
	height: 178px;
	float: left;
}
#who-hover-box .info-img .img, #who-hover-box .info-img .shadow {
	position: absolute;
	display: block;
	width: 178px;
	height: 178px;
}
#who-hover-box .info-img .img {
	z-index: 1;
	background-position: center;
}
#who-hover-box .info-img .shadow {
	background: url(../img/who/who-shadow-1.png) no-repeat center center;
	z-index: 0;
}
#who-hover-box .who-info-content {
	display: block;
	float: left;
	width: 375px;
	height: 155px;
	margin: 10px 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #EEE;
	text-shadow: rgba(0,0,0,0.2) 0px 1px;
	line-height: 20px;
	overflow: hidden;
}
#who-hover-box-slider {
	display: block;
	position: absolute;
	right: 10px;
	top: 36px;
	float: left;
	width: 2px;
	height: 130px;
	margin: 0px 4px;
	background: #000;
	opacity: 0.3; filter: alpha(opacity = 30);
	z-index: 3;
	overflow: visible;
}
.ui-slider-range {
	
}
.ui-slider-handle {
	display: block;
	position: absolute;
	width: 12px;
	height: 12px;
	left: -5px;
	background: #000;
	border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
	z-index: 4;
}