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



	#outer {
				width: 100%;
				height: 100%;
				min-width: 1200px;
				min-height: 300px;
				position: relative;
			}
	#inner {
				width: 1200px;
				height: 300px;
				position: relative;
			}
	#inner:after {
				opacity: 0.5;
				position: absolute;
				bottom: -50px;
				left: 70px;
			}
	.carousel {
				width: 600px;
				height: 300px;
				overflow: hidden;
				float: left;
			}
	.carousel img {
				display: block;
				float: left;
			}
	#carousel-txt {
				height: 30px;
				position: absolute;
				top: 135px;
				right: 0;
				z-index: 2;
			}
	#carousel-txt h3 {
				text-shadow: 0 2px 5px rgb( 0, 0, 0 );
				color: #fff;
				font-size: 30px;
				font-weight: bold;
				line-height: 30px;
				width: 600px;
				height: 30px;
				padding-left: 30px;
				margin: 0;
				float: left;
			}
	#overlay {
				background: rgba( 255, 255, 255, 0.5 );
				width: 600px;
				height: 300px;
				position: absolute;
				top: 0;
				right: 0;
			}
	#prev,
	#next {
				background: rgb( 255, 255, 255 );
				color: #000;
				font-size: 30px;
				font-weight: bold;
				line-height: 37px;
				text-align: center;
				text-decoration: none;
				display: block;
				width: 40px;
				height: 40px;
				margin-top: -20px;
				position: absolute;
				top: 50%;
				z-index: 4;
			}
			#prev {
				right: 50px;
			}
			#next {
				right: 0;
			}
			#prev:hover {
				text-indent: -5px;				
			}
			#next:hover {
				text-indent: 5px;
			}