/* ################# MagicSolver Team Photos ########################### */
.team-photos{
	padding-left:30px;	
}
.thumb{
	float:left;
	margin:0 20px 20px 0;
	position:relative;
	font-family: 'Gloria Hallelujah', cursive;
	width:170px;
	height:200px;
	display:none;
	cursor:pointer;
	position:relative;
}
.thumb .frame{
	background:url('/images/imagesAboutus/polaroid-frames.png');
	width:170px;
	height:200px;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
.thumb .photo {
    height: 150px;
    left: 8px;
    position: absolute;
    top: 8px;
    width: 150px;
    z-index: 0;
	opacity:0.7;
}
.thumb .text {
    color: #666666;
    font-size: 18px;
    font-weight: bold;
    height: 30px;
    left: 7px;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 160px;
    width: 154px;
    z-index: 3;
}

/* Set the Text Transform Positions */
.thumb .text.text1{
	-webkit-transform: rotate(-7deg); 
	-moz-transform: rotate(-7deg);	
	-o-transform: rotate(-7deg);	
    top: 157px;
}
.thumb .text.text2{
	-webkit-transform: rotate(3deg); 
	-moz-transform: rotate(3deg);	
	-o-transform: rotate(3deg);	
	top: 158px;
}
.thumb .text.text3{
	-webkit-transform: rotate(-3deg); 
	-moz-transform: rotate(-3deg);	
	-o-transform: rotate(-3deg);	
}
.thumb .text.text4{
	-webkit-transform: rotate(2deg); 
	-moz-transform: rotate(2deg);	
	-o-transform: rotate(2deg);	
}

/* Set the Frame Background Positions */
.thumb .frame.frame1{
	background-position:0px 0px;
}
.thumb .frame.frame2{
	background-position:0px -198px;
}
.thumb .frame.frame3{
	background-position:0px -398px;
}
.thumb .frame.frame4{
	background-position:0px -597px;
}

.thumb .photo.photo1 {
    left: 10px;
    top: 10px;
    width: 146px;
	-webkit-transform: rotate(-4deg); 
	-moz-transform: rotate(-4deg);	
	-o-transform: rotate(-4deg);		
}
.thumb .photo.photo2 {
    left: 10px;
    top: 10px;
    width: 148px;
	-webkit-transform: rotate(3deg); 
	-moz-transform: rotate(3deg);	
	-o-transform: rotate(3deg);		
}
.thumb .photo.photo3 {
    top: 10px;
    width: 148px;
	-webkit-transform: rotate(-3deg); 
	-moz-transform: rotate(-3deg);	
	-o-transform: rotate(-3deg);	
}
.thumb .photo.photo4 {
    left: 11px;
    top: 10px;
    width: 144px;
	-webkit-transform: rotate(2deg); 
	-moz-transform: rotate(2deg);	
	-o-transform: rotate(2deg);		
}
.cloud-preloader{
	width:1px;
	height:1px;
	background:url('../images/imagesAboutus/cloud.png');
}
.thumb .cloud {
    background: url("../images/imagesAboutus/cloud.png") repeat scroll 0 0 transparent;
    bottom: 135px;
    height: 235px;
    left: 27px;
    position: absolute;
    width: 341px;
    z-index: 4;
	display:none;
}
.thumb .cloud.right {
    background-position: 0 -235px;
    left: -150px;
}
.thumb .cloud .inner {
    font-size: 12px;
    height: 130px;
    left: 36px; 
    position: absolute;
    top: 20px;
    width: 256px;
}
.thumb .cloud .inner > .title {
    color: #3399FF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 14px;
    margin: 7px 16px 3px;
    text-align: center;
}
.thumb .cloud .inner > .position {
    color: #666666;
    font-family: arial;
    font-size: 12px;
    height: 15px;
    line-height: 16px;
    text-align: center;
	margin-left: 5px;
}
.thumb .cloud .inner > .quote {
    display: table-cell;
    height: 83px;
    text-align: center;
    vertical-align: middle;
    width: 300px;
	color:#333;
}
.thumb .cloud .inner > .link{
    color: #3399FF;
    font-family: Arial,Helvetica,sans-serif;
	text-align:center;
	margin:-10px 0 0 0;
}
.thumb .cloud .inner .quote > .open, .thumb .cloud .inner .quote > .close {
    font-family: arial;
    font-size: 36px;
    height: 10px;
    line-height: 6px;
    margin: 0 4px;
    vertical-align: bottom;
}