@charset "utf-8";
/* CSS Document */


			#wrapper {
				width: 100%;
				height: 160px;
				margin: 0 auto;
			}

			#carousel {
				width: 80%;
				position: relative;
				margin: 0 auto;
			}
			#carousel ul {
				list-style: none;
				display: block;
				margin: 0 auto;
				padding: 0;
			}
			#carousel li {
				background: transparent url(../images/carousel_polaroid.png)) no-repeat 0 0;
				font-size: 40px;
				color: #999;
				text-align: center;
				display: block;
				width: 165px;
				height: 106px;
				padding: 0px;
				margin: 6px;
				float: left;
				position: relative;
			}

			#carousel li img {
				width: auto;
				height: auto;
				margin-top: 14px;
			}
			

			.clearfix {
				float: none;
				clear: both;
			}
			#carousel .prev, #carousel .next {
				background: transparent url(../images/carousel_control.png) no-repeat 0 0;
				text-indent: -999px;
				display: block;
				overflow: hidden;
				width: 15px;
				height: 21px;
				margin-left: 10px;
				position: absolute;
				top: 70px;				
			}
			
			#carousel .prev {
				background-position: 0 0;
				left: -30px;
			}
			#carousel .prev:hover {
				left: -31px;
			}			
			#carousel .next {
				background-position: -18px 0;
				right: -20px;
			}
			#carousel .next:hover {
				right: -21px;
			}				
			#carousel .pager {
				text-align: center;
				margin: 0 auto;
			}
			
			#carousel .pager a {
				background: transparent url(images/carousel_control.png) no-repeat -2px -32px;
				text-decoration: none;
				text-indent: -999px;
				display: inline-block;
				overflow: hidden;
				width: 8px;
				height: 8px;
				margin: 0 5px 0 0;
			}
			
			#carousel .pager a.selected {
				background: transparent url(images/carousel_control.png) no-repeat -12px -32px;
				text-decoration: underline;				
			}
			
			#source {
				text-align: center;
				width: 100%;
				position: absolute;
				bottom: 10px;
				left: 0;
			}
			#source, #source a {
				font-size: 12px;
				color: #999;
			}