/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/

#page-wrap { width: 333px; margin: 0 auto; }

#bg { float: left; width: 333px; height: 326px; background: url(/assets/images/credits/background.jpg) no-repeat top left;}
#home-photos-box {
	float: left; width: 248px;
	height: 224px;
	background: url(/assets/images/credits/full-image-show.jpg) no-repeat top left;
	padding: 0 0 0 0;
	position: relative;
	margin: 53px 0 0 38px;}
#Dave { left: 0; }
#Matt { left: 25%; }
#Rebecca { left: 50%; }
#Shaun { left: 75%; }

.home-roll-box { position: absolute; z-index: 1000; display: block;  height: 224px; top: 0; width: 25%; z-index: 9999; }
#image-Rebecca { background: url(/assets/images/credits/Rebecca.jpg) no-repeat; }
#image-Shaun { background: url(/assets/images/credits/Shaun.jpg) no-repeat; }
#image-Dave { background: url(/assets/images/credits/Dave.jpg) no-repeat; }
#image-Matt { background: url(/assets/images/credits/Matt.jpg) no-repeat; }
.single-guy { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; display: none; opacity: 0; }