/*
==================================
    *** Leadership Page Style  ***
==================================
*/
#leadership-wrapper {
	max-width:860px;
	margin:30px auto;
	position:relative;
}
#leaderdetails .content-area {
	margin:0;
	padding:50px 0;
}
#leaderdetails .content-area .left img { text-align:center; margin:0 auto; }
#leaderdetails .content-area .right {
	margin:50px 0 0 0;
	padding:50px 20px;
	font-size:13px;
	line-height:1.5;
	background:#f3f3f3;
}
#leaderdetails .content-area h2 {
	font-size:50px;
	text-transform:uppercase;
	color:#015289;
}
.leader_short_info {
	padding:20px;
	text-align:left;
	color:#fff;
	background:#015289;
}
#leaderthumbs div {
	padding: 0;
	cursor: pointer;
	display:block;
	float:left;
	background:#015289;
}

#leaderthumbs div { opacity:0.7;}
#leaderthumbs div.selected {  margin-top:0;}

#leaderthumbs div img {  width:100%; height:auto;}
#leaderthumbs div.selected, #leaderthumbs div:hover { opacity:1; border-color: #333; }

#leaderthumbs div h3 { display:block; font-size:16px; font-weight:600; color:#fff; padding:10px 15px 0; margin-bottom:0;}
#leaderthumbs div span  { display:block; font-size:14px; color:#fff; padding:5px 15px 10px;}

#prev, #next {
	width: 25px;
	height: 50px;
	display: block;
	text-indent: -999em;
	background: transparent url(images/leadershipnextprev.png) no-repeat 0 0;
	position: absolute;
}
#prev {
	background-position: 0 0;
	left: 15px;
}
#prev:hover {
	left: 14px;
}
#next {
	background-position: -25px 0;
	right: 15px;
}
#next:hover { right: 14px; }

/*
==================================
   *** Media queries  ***
==================================
*/
@media only screen and (min-width :960px) {
	
	#leaderthumbs div { margin: 35px 10px 0; width:220px;}
	#leaderthumbs div.selected { width:240px;}
	#prev, #next { top:130px;}
	
	#leaderdetails .content-area { width:860px; min-height:500px; }
	#leaderdetails .content-area .left { width:310px; }
	#leaderdetails .content-area .right { float:left; width:500px;}

}

/* iPads (portrait) ----------- */

@media only screen and (min-width :768px) and (max-width :960px) {}

@media only screen and (max-width :960px) {
	
	#leadership-wrapper { max-width:700px;}

	#leaderthumbs div { margin: 25px 5px 0; width:170px;}
	#leaderthumbs div.selected { width:210px;}
	#prev, #next { top:90px;}
	
	#leaderdetails .content-area { width:700px; min-height:500px; }
	#leaderdetails .content-area .left { width:280px; }
	#leaderdetails .content-area .right { float:left; width:370px;}
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width :480px) {

	#leadership-wrapper { max-width:100%;}

	#leaderthumbs div { margin:0 30px; width:220px;}
	#leaderthumbs div.selected { width:220px;}
	#prev, #next { top:80px;}
	
	#leaderdetails .content-area { width:100%; min-height:800px; }
	#leaderdetails .content-area .left { width:100%;}
	#leaderdetails .content-area .right { float:left; width:100%; padding:30px 0; margin:0}
	#leaderdetails .content-area h2 { font-size:25px; padding:0 10px;}
	#leaderdetails .content-area p { padding:0 10px;}

}