@font-face {
    font-family: 'FuturaLight';
    src: url('../font/futura_light-webfont.eot');
    src: url('../font/futura_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/futura_light-webfont.woff') format('woff'),
         url('../font/futura_light-webfont.ttf') format('truetype'),
         url('../font/futura_light-webfont.svg#FuturaLight') format('svg');
    font-weight: normal;
    font-style: normal;

}



#slider {
	height: 407px;
	width: 960px;
	position: relative;
	z-index: 1;
	margin-left: -20px;
	
	
	
	.btn_slider {
		display: block;
		position: absolute;
		z-index: 6;
		bottom: 0;
		left: 10px;
		text-indent: -9999px;
		background: url('../images/btn/control_slider.png') no-repeat;
		height: 29px;
		width: 24px;
		
		&:hover { background-position: 0 -30px; }
		
		&#btn_slider_next {
			left: 920px;
			background-position: -30px 0;
			
			&:hover { background-position: -30px -31px; }
		}
	}
	
	#control {
		position: absolute;
		bottom: 5px;
		left: 460px;
		z-index: 7;
		
		a {
			display: block;
			height: 14px;
			width: 14px;
			background: url('../images/btn/control_slider.png') no-repeat -13px -64px;
			text-indent: -9999px;
			float: left;
			
			&:hover,
			&.active { background-position: -27px -64px }
		}
	}
	
	ul {
		position: absolute;
		height: 480px;
		width: 960px;
		overflow: hidden;	
		top: -53px;
		border-radius: 0 0 5px 5px;
		-moz-border-radius: 0 0 5px 5px;
		-webkit-border-radius: 0 0 5px 5px;
		-o-border-radius: 0 0 5px 5px;
		
		li {
			
			
			.slider_item { 
				position: absolute; 
				display: block;
				font: 4em "FuturaLight", 'Helvetica Neue', Arial, sans-serif;
				font-weight: 100;
			}
			
			.slider_item_1 { z-index: 6; height: 50px; width: 400px; }
			.slider_item_2 { z-index: 5; height: 50px; width: 400px; }
			.slider_item_3 { z-index: 4; height: 50px; width: 400px; }
			.slider_item_4 { z-index: 3; height: 50px; width: 400px; }
			.slider_item_5 { z-index: 2; }
			.slider_item_6 { z-index: 6; }
			
			&#slider_1,
			&#slider_3 {
				
				.slider_item_1 { top: 78px; left: 50px;}
				.slider_item_2 { top: 135px; left: 50px;}
				.slider_item_3 { top: 190px; left: 50px;}
				.slider_item_4 { top: 240px; left: 50px;}
				.slider_item_5 { bottom: 0; right: 0;}
				.slider_item_6 { top: 105px; right: 0;}
				
			}
			
			&#slider_2 {
				
				.slider_item_1 { top: 80px; left: 550px;}
				.slider_item_2 { top: 135px; left: 550px;}
				.slider_item_3 { top: 195px; left: 550px;}
				.slider_item_4 { top: 250px; left: 550px;}
				.slider_item_5 { bottom: 0; left: 0;}
				
			}
		}
	}
}