/*http://tympanus.net/codrops/2011/11/02/original-hover-effects-with-css3/*/
/* Modified for peeps section*/

.view {
   width: 200px;
   height: 250px;
   margin: 10px;
   float: left;
   /*border: 6px solid #EBEBE6;*/
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
   background: #ffffff;
}
.view .mask,.view .content {
   width: 200px;
   height: 250px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-variant:small-caps;
   color: #ffffff;
   text-align: center;
   position: relative;
   font-size: 18px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 15px 0 0 0;
}
.view h2 span{
	font-size:12px;
	font-style:italic;
	font-weight:bold;
}
.view p {
   font-family:Arial, Helvetica, sans-serif;
   font-size: 12px;
   position: relative;
   color: #ffffff;
   padding: 10px;
   text-align: center;
}
/*.view.peepname{
	width:200px;
	position:absolute;
	left:0px;
	padding: 0px;
	opacity: 1;
	display: block;
	height:350px;
	z-index:100;
	}
.view.peepname p{
		margin:208px 10px 0px 10px;
		font:Arial, Helvetica, sans-serif;
		text-align:center;
		font-variant:small-caps;
		color: #000D78;
		font-weight:bold;
		font-size:14px;
		opacity:1;
		z-index:100;
	}
	.view.peepname p span{
		font-size:11px;
		font-variant:normal;
		font-weight:300;
	}*/

.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #ffffff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}
.view-fifth img {
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.view-fifth .mask {
	background-color: #EBEBE6;
	-webkit-transform: translateX(-200px);
	-moz-transform: translateX(-200px);
	-o-transform: translateX(-200px);
	-ms-transform: translateX(-200px);
	transform: translateX(-200px);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border-radius:9px;-moz-border-radius:9px;-webkit-border-radius:9px;
}
.view-fifth h2 {
	background: rgba(255, 255, 255, 0.5);
	color: #034E78;
	-webkit-box-shadow: 0px 1px 3px rgba(111, 180, 63, 0.5);
	-moz-box-shadow: 0px 1px 3px rgba(111, 180, 63, 0.5);
	box-shadow: 0px 1px 3px rgba(111, 180, 63, 0.5);
	line-height: 20px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.view-fifth p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   color: #444444;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
   margin-top:0px;
}
.view-fifth:hover .mask {
   -webkit-transform: translateX(0px);
   -moz-transform: translateX(0px);
   -o-transform: translateX(0px);
   -ms-transform: translateX(0px);
   transform: translateX(0px);
}
.view-fifth:hover img {
   -webkit-transform: translateX(200px);
   -moz-transform: translateX(200px);
   -o-transform: translateX(200px);
   -ms-transform: translateX(200px);
   transform: translateX(200px);
}
.view-fifth:hover p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
#content-apeeps {
	width: 350px;
	height: 180px;
	margin-left: 0px;
	padding: 0px;
	background: url('images/caro/home-news.jpg');
	/*border-radius: 10px;
	-moz-border-radius: 10px;
	-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);*/
}
#content-apeeps ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#content-apeeps li {
	display: none;
	position: absolute;
}
#content-apeeps li.pcurrent {
	display: block;
}
#content-apeeps img {
	border-radius: 3px;
	-moz-border-radius: 3px;
	width: inherit;
	height: inherit;
}
#content-apeeps-pages {
	width: 350px;
	margin-top: 4px;
	margin-left: -4px;
	padding: 4px 4px;
	background: url('images/transwhite.png');
}
#content-apeeps-pages ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}
#content-apeeps-pages li {
	display: inline;
}
#content-apeeps-pages a {
	cursor: pointer;
	padding: 0 10px;
	text-decoration: none; /* shouldn't be necessary, but just in case */
	color: #999999;
}
#content-apeeps-pages a.pcurrent {
	color: #333333;
}
#content-half-left, #content-half-right {
	background: url('images/transwhite.png');
	width: 350px;
	padding: 5px 20px 20px;
	margin-bottom: 20px;
	float: right;
}
#content-half-right { margin-left: 10px; }
.textsmb{
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:12px;
	 color:#333333;
	 font-weight:bold;
	/* margin: 2px 250px 10px 50px;*/
	 text-align:left;
	 line-height:20px;
 }
.textsmbc{
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:12px;
	 color:#333333;
	 font-weight:bold;
	/* margin: 2px 250px 10px 50px;*/
	 text-align:center;
	 line-height:20px;
 }
 
/* @group .bio #personal-links */
#content.bio #personal-links {
	display: block;
	overflow: auto;
	margin: 4em 0 0;
	padding: 0;
	font-size:11px;
	color:#777777;
}
#personal-links a, #personal-links a:link, #personal-links a:visited,
#personal-links a:hover, #personal-links a:active {
	padding: 8px 11px 5px 30px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 8px 5px;
	font-weight: 400;
	font-size:11px;
	color:#777777;
	line-height:20px;
	}

#personal-links p {
	display: block;
	float: left;
	margin-right: 2em;
	overflow: hidden;
	padding-right: 4px;
	color:#777777;
	}

#personal-links .email a, #personal-links .email a:link, #personal-links .email a:visited {
  display: inline-block;
	padding: 2px 11px 3px 30px;
	background-image: url("../images/icon-email.gif");
	border-width: 1px;
	border-style: solid;
	border-color: #d1d1d1;
	color:#777777;
	}

#personal-links ul {
	display: block;
	float: left;
	margin: 0;
	overflow: hidden;
	padding: 2px 0 3px;
	border-width: 1px 0 1px 1px;
	border-style: solid;
	border-color: #d1d1d1;
	color:#777777;
	}

#personal-links ul li {
	display: inline;
	margin: 0;
	padding: 0;
	}

#personal-links li a, #personal-links li a:link, #personal-links li a:visited{
	background-image: url("../images/people/icon-misc.gif");
	color:#777777;
	border-width: 0 1px 0 0;
	border-style: solid;
	border-color: #d1d1d1;
	
	}

#personal-links a.email, #personal-links a.email:link, #personal-links a.email:visited {
	background-image: url("../images/icon_email.gif");
	color:#777777;
	}

#personal-links a.facebook, #personal-links a.facebook:link, #personal-links a.facebook:visited {
	background-image: url("../images/icon_facebook.gif");
	color:#777777;
	}
	
#personal-links a.yahoo, #personal-links a.yahoo:link, #personal-links a.yahoo:visited {
	background-image: url("../images/icon_yahoo.gif");
	color:#777777;
	}

#personal-links a.linkedin, #personal-links a.linkedin:link, #personal-links a.linkedin:visited {
	background-image: url("../images/icon_linkedin.gif");
	color:#777777;
	}

#personal-links a.personal, #personal-links a.personal:link, #personal-links a.personal:visited {
	background-image: url("../images/icon_personal.gif");
	color:#777777;
	}
	
#personal-links a.phone, #personal-links a.phone:link, #personal-links a.phone:visited {
	background-image: url("../images/icon_phone.gif");
	color:#777777;
	}
/* Green #6FB43F | Navy #3651b5 */
#personal-links a.vcf, #personal-links a.vcf:link, #personal-links a.vcf:visited {
	background-image: url("../images/icon_vcard.gif");
	color:#777777;
	}

#personal-links a.twitter, #personal-links a.twitter:link, #personal-links a.twitter:visited
 {
	background-image: url("../images/icon-twitter.gif");
	color:##777777;
	}
	
#personal-links li a:hover, #personal-links li a:active, #personal-links a.twitter:hover, #personal-links a.twitter:active,
#personal-links a.vcf:hover, #personal-links a.vcf:active,
#personal-links a.phone:hover, #personal-links a.phone:active,
#personal-links a.personal:hover, #personal-links a.personal:active,
#personal-links a.linkedin:hover, #personal-links a.linkedin:active,
#personal-links a.yahoo:hover, #personal-links a.yahoo:active,
#personal-links a.facebook:hover, #personal-links a.facebook:active,
#personal-links a.email:hover, #personal-links a.email:active{
	color:#3651b5;
}
/* @end .bio #personal-links */