@charset "utf-8";

#PortfolioPage {
	height: 607px;
}
#MSDHandout {
	height: 500px;
}
#MSDSocial {
	margin-top: 80px;
	height: 500px;
}
#MSDMagazine {
	margin-top: 80px;
	height: 802px;
}
#MSDMagazine img{
	border: 1pt solid #cbcbcb;
}
.magWrapper {
	width: 612px;
	margin-right: 20px;
	float: left;
	position: relative;
	padding-left: 37px;
}
.portfoioBorder {
	border: 1pt solid #cbcbcb !important;
}


/*--------------------- Portfolio Carousel --------------------*/

#pi-wrapper {
	width: 649px;
	height: 500px;
	margin-right: 20px;
	float: left;
	position: relative;
}
#pi-largeimage {
	width: 647px;
	height: 398px;
	overflow: hidden;
	margin-bottom: 20px;
	border: 1pt solid #FFFFFF;
}
	#pi-largeimage ol {
		width: 400%;
		height: 398px;
		margin-left: 0;
		list-style: none;
	}
	#pi-largeimage ol li {
		width: 647px;
		height: 398px;
		float: left;
	}
	#pi-nav div{
		width: 70px;
		height: 398px;
		text-indent: -9999px;
		cursor: pointer;
		position: absolute;
	}
	#pi-prev {
		background: url(../images/icons/previous-arrow.png) center no-repeat;
	}
	#pi-next {
		right: 0;
		background: url(../images/icons/next-arrow.png) center no-repeat;
	}
	#pi-nav div:hover{
		background-color: rgba(0,0,0,0.05);
	}
#pi-list li {
	width: 128px;
	height: 78px;
	margin-right: 20px;
	border: 1pt solid #FFFFFF;
	float: left;
	cursor: pointer;
}

/*--------------------- Portfolio Carousel --------------------*/

.pi-wrapper {
	width: 649px;
	height: 500px;
	margin-right: 20px;
	float: left;
	position: relative;
}
.pi-largeimage {
	width: 647px;
	height: 398px;
	overflow: hidden;
	margin-bottom: 20px;
	border: 1pt solid #FFFFFF;
}
	.pi-largeimage ol {
		width: 400%;
		height: 398px;
		margin-left: 0;
		list-style: none;
	}
	.pi-largeimage ol li {
		width: 647px;
		height: 398px;
		float: left;
	}
	.pi-nav div{
		width: 70px;
		height: 398px;
		text-indent: -9999px;
		cursor: pointer;
		position: absolute;
	}
	.pi-prev {
		background: url(../images/icons/previous-arrow.png) center no-repeat;
	}
	.pi-next {
		right: 0;
		background: url(../images/icons/next-arrow.png) center no-repeat;
	}
	.pi-nav div:hover{
		background-color: rgba(0,0,0,0.05);
	}
.pi-list li {
	width: 128px;
	height: 78px;
	margin-right: 20px;
	border: 1pt solid #FFFFFF;
	float: left;
	cursor: pointer;
}