﻿@charset "utf-8";
#bodyContainer {background:none;}
#spokespersonCtn {width:100%;min-width:1000px;margin:0 auto;}
#spokespersonCtn #content {min-width:1000px;width:100%;margin:0 auto;position:relative;}
#spokespersonCtn #content h3 {font-size:20px;font-weight:bold;color:#920783;margin:0;padding:0 0 10px 0;line-height:160%;}
#spokespersonCtn #content p {font-size:15px;font-weight:normal;color:#333;margin:0;padding:0;line-height:160%;text-align:justify;width:100%;}
#spokespersonCtn .btmbg {height:30px;margin:0 auto;background:url('/_img/spokesperson/btmbg.png') no-repeat top center;}

#spokespersonCtn #imgContainter {
	position:relative;z-index:1;
	width: 960px;
	padding:50px 20px;
	margin:0 auto;
	background:#fff;
	background:rgba(255,255,255, 0.9);
		box-shadow		:	0 0 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow		:	0 0 10px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow	:	0 0 10px rgba(0, 0, 0, 0.2);
		border-radius		:	10px;
	-moz-border-radius		:	10px;
	-webkit-border-radius	:	10px;
	*border:1px solid #ccc;/*IE7*/
	border:1px solid #ccc \9;/*IE8*/
}

#spokespersonCtn #imgContainter div.ctn {width:280px;display:block;position:relative;float:left;padding:0 20px;}
#spokespersonCtn #imgContainter div.ctn a {width:280px;height:400px;display:block;font-size:13px;color:#666;text-decoration:none;}
#spokespersonCtn #imgContainter div.ctn a:hover {color:#920783;text-decoration:none;}
#spokespersonCtn #imgContainter div.ctn span {display: block;padding:10px 0 20px 0;text-align:center;line-height:20px;}
#spokespersonCtn #imgContainter div.ctn img {
	width:200px;height:300px;
	position:absolute;
	border:3px solid #fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
	box-shadow:2px 2px 8px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:2px 2px 8px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow:2px 2px 8px rgba(0, 0, 0, 0.5);
	-moz-transition:all 0.4s ease;	
	-webkit-transition:all 0.4s ease;	
	-o-transition:all 0.4s ease;	
	transition:all 0.4s ease;
}
#spokespersonCtn #imgContainter div.ctn img.img1 {
	position:absolute;z-index:3;top:50px;left:40px;
}
#spokespersonCtn #imgContainter div.ctn img.img2 {
	position:absolute;z-index:2;top:58px;left:48px;
}
#spokespersonCtn #imgContainter div.ctn img.img3 {
	position:absolute;z-index:1;top:66px;left:56px;
}

#spokespersonCtn #imgContainter div.ctn a:hover img.img1 {
	top:50px;left:-50px;z-index:4;
	-webkit-transform:rotate(-15deg); /* safari and chrome */
	-moz-transform:rotate(-15deg);/*firefox browsers */
	transform:rotate(-15deg);/*other */
	-ms-transform:rotate(-15deg); /* Internet Explorer 9 */
	-o-transform:rotate(-15deg); /* Opera */
}
#spokespersonCtn #imgContainter div.ctn a:hover img.img2 {
	z-index:4;
	-webkit-transform:scale(1.05); /* safari and chrome */
	-moz-transform:scale(1.05);/*firefox browsers */
	transform:scale(1.05);/*other */
	-ms-transform:scale(1.05); /* Internet Explorer 9 */
	-o-transform:scale(1.05); /* Opera */
}
#spokespersonCtn #imgContainter div.ctn a:hover img.img3 {
	top:70px;left:150px;z-index:4;
	-webkit-transform:rotate(15deg); /* safari and chrome */
	-moz-transform:rotate(15deg);/*firefox browsers */
	transform:rotate(15deg);/*other */
	-ms-transform:rotate(15deg); /* Internet Explorer 9 */
	-o-transform:rotate(15deg); /* Opera */
}

#spokespersonCtn #imgContainter.katecontainer {
	margin-top:-170px;
	background:rgba(255,255,255, 0.55);
	transition			:	all 0.6s ease-out;
	-moz-transition		:	all 0.6s ease-out;
	-webkit-transition	:	all 0.6s ease-out;
	-o-transition		:	all 0.6s ease-out;
}

#spokespersonCtn #imgContainter.gloriacontainer {
	margin-top:-170px;
	background:rgba(255,255,255, 0.55);
	transition			:	all 0.6s ease-out;
	-moz-transition		:	all 0.6s ease-out;
	-webkit-transition	:	all 0.6s ease-out;
	-o-transition		:	all 0.6s ease-out;
}