/* CSS Document */

	#wrapper {
		background-color: #fff;
		width: 100%;
		height: 500px;
		__margin-top: -225px;
		overflow: hidden;
		position: relative;
		__position: absolute;
		__top: 50%;
		__left: 0;
	}
	#carousel .slide {
		display: block;
		float: left;
		width: 960px;
		height: 500px;
		position: relative;
	}
	#prev, #next {
		background-color: rgba(255, 255, 255, 0.4);
		display: block;
		height: 500px;
		width: 50%;
		top: 0;
		position: absolute;
	}
	#prev:hover, #next:hover {
		background-color: #fff;
		background-color: rgba(255, 255, 255, 0.8);
	}
	/* #prev, #next { background-color: transparent; } */
	#prev {
		left: -480px; /* Half width of slides */
	}
	#next {
		right: -480px; /* Half width of slides */
	}
	#pager {
		margin-left: -455px; /* prev/next value minus 25 */
		position: absolute;
		left: 50%;
		bottom: 10px;
	}
	#pager a {
		border: 2px solid #fff;
		border-radius: 10px;
		display: inline-block;
		width: 10px;
		height: 10px;
		margin: 0 5px 0 0;
	}
	#pager a:hover {
		background-color: rgba(255, 255, 255, 0.5);
	}
	#pager a span {
		display: none;
	}
	#pager a.selected {
		background-color: #fff;
	}