.slides {
	width:500px;
	height:160px;
	
	margin:0 0 20px 0;
	
	position:relative;
	overflow:hidden;
	
	background:#000;
}
	.slides .controls {
		width:700px;
		
		margin:0;
		padding:0;
		border-top:1px solid #000;
		border-top-color:rgba(0,0,0,0.5);
	
		position:absolute;
		bottom:0;
		left:0;
		z-index:2;
		
		background:#000;
		background-color:rgba(0,0,0,0.5);
	}
		.slides .controls li {
			margin:0;
			padding:0;
			border-right:1px solid rgba(0,0,0,0.3);
		
			display:block;
			float:left;
		}
			.slides .controls li a {
				margin:0;
				padding:0.75em;
				border:0 !important;
			
				display:block;
				
				background:none;
				font-weight:bold;
				color:#fff !important;
				text-decoration:none;
				text-transform:uppercase;
				text-shadow:#000 1px 1px 1px;
			}
				.slides .controls li a:hover { background:#000; background-color:rgba(0,0,0,0.3) }
	.slides .container {
		width:3600px;
		height:260px;
		
		position:absolute;
		top:0;
		left:0;
		z-index:1;
		
		overflow:hidden;
	}
	.slides .slide {
		width:500px;
		height:160px;
		
		position:relative;
		
		display:block;
		float:left;
		overflow:hidden;
	}
		.slides .slide img {
			position:absolute;
			bottom:0;
			right:0;
		}
		.slides .slide h1 {
			height:40px;
		
			margin:5px 0 5px 10px;
			padding:10px 10px 10px 60px;
			
			position:relative;
			display:block;

			color:#fff;
			line-height:40px;
			text-shadow:#0c3569 1px 1px 1px;
		}
			.slides .slide h1 img {
				width:40px;
				height:40px;
			
				position:absolute;
				top:10px;
				left:10px;
			}
		.slides .slide p { margin-left:20px; margin-right:320px; color:#fff; text-shadow:#0c3569 1px 1px 1px; }