<style type="text/css">
	

	#viewport {
		margin: 0 auto;
		width: 775px;
		overflow: hidden;
		height: 402px;
		padding: 0;
		opacity: 0.1;
	}

	#slider {
		width: 1500px;
		height: 400px;
		position: relative;
	}

	.slide {
		position: relative;
		width: 775px;
		height: 400px;
		background-color: #171718; 
		float: left;
	}


	.slide p {
		margin: 0;
		/* z-index: -10; */
	}

	.slide > h1 {
		font-family: helvetica, arial, sans-serif;
		text-align: center;
		font-size: 12px;
		font-weight: normal;
/* 
		z-index: -10;
 */
	}
	
	.slide > h2 {
		font-family: helvetica, arial, sans-serif;
		text-align: center
		font-size: 24px;
		font-weight: normal;
	}

	.icon,.icon2 {
		margin: 0px 0px 30px 0px;
		min-height: 50px;
		max-height: 400px;
		width: 30%;
		background-color: #171718;
		float: left;
/* 		z-index: 10; */
		text-align: center
		padding: 15px 0 0 0;
		
	}
	
	.icon2 {
		float: right;
	}
	
	.icon > h1,.icon2 > h1 {
		font-family: helvetica, arial, sans-serif;
		padding: 12px 0px 0px 0px;
		font-size: 18px;
		color: #F16521;
		margin-left: auto;
   		margin-right: auto;
   		text-align: center;
   		
   		
		
}

	.icon > h1:hover, .icon2 > h1:hover {
		color: white;
		
}

	.icon:hover,.icon2:hover {

		cursor: pointer;
		background-color: #F16521;
	}

	.nav-unit > h1 {
		margin: 0;
		float: left;
		display: inline;
		position: relative;
		padding: 0 ;
	}

	.nav-unit {
		width: 357px;
		
	}
	
	
	.slid {
		font-family: helvetica, arial, sans-serif;
		color: #A2A3A5;
		font-size: 12px;
		line-height: 200%;
		width: 275px;
		height: 400px;
		background-color: #171718; 
		float: left;

		
	}
	
	.slid:hover {
	cursor: pointer;
	}
	
	.slidin {
	width: 100%;
	height: 326px;
	}
	
	.slidin > p {
	 padding: 20px;
		}
		
	#viewport {
		margin: 0 auto;
		width: 100%;
		overflow: hidden;
		height: 402px;
	
	}		
		
</style>