div#carousel-wrapper {
	width: 1152px;
	overflow: hidden;
	position: relative;
	left: 5px;
	top: 190px;
	z-index: 3;
}

div#carousel {
	z-index: 3;
	/* Width is set programmatically in index.js once images have loaded
	   (recomputeCarouselScrollBounds). Aim is total-image-width / 3 so
	   the carousel wraps into 3 rows — matches the legacy layout that
	   was driven by the controller-injected `${carouselWidth}px` style. */
}

div#banners {
	position: absolute; 
	top: 63px;
	left: 240px;
}

div#banners a {
	position: absolute;
}

div#banners a img {
	border: solid 1px #fff;
}

div#banners a img:hover {
	border: solid 1px #e36c0a;
}

img.dock {
	position: absolute;
	display: none;
	z-index: 5;
	cursor: pointer;
}

div#carousel img, div#carousel a {
	border: none;
	outline: none;
	margin: 0;
	display: inline;
	z-index: 5;
}

div#carousel img.hilite {
	-moz-box-shadow: 3px 3px 8px #4c3d33;
	-webkit-box-shadow: 3px 3px 8px #4c3d33;
	box-shadow: 3px 3px 8px #4c3d33;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#4c3d33')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#4c3d33');
}

div#carousel img.faded {
	opacity: 0.35;
	filter: alpha(opacity = 35);
}

div#caption {
	position: absolute;
	font-weight: bold;
}

img#philosophy {
	z-index: -5;
	position: absolute;
	top: 150px;
	left: 0px;
	opacity: 0.4;
	filter: alpha(opacity = 40);
}

div#thanks {
	position: absolute;
	top: 300px;
	width: 250px;
	left: 430px;
	z-index: 10;
}

div#thanks p {
	position: relative;
	top: -260px;
	left: 70px;
	width: 180px;
	font-size: 16pt;
	font-weight: bold;
}