style.css

#carousel {
	width: 600px;
	height: 400px;
	background-color: #2E2E2E;
	margin: auto; 
	overflow: hidden;
	position: relative;
	box-shadow: 0px 3px 12px #808080;
}

h1 {
	width: 550px;
	margin: 20px auto;
	color: #6B89A5;
	font-family: Arial;

}

#slider img {
	float: left;
}

#controls {
	margin: auto;
	width: 120px;
	margin-top: 10px;
}

/*img#image {
	opacity: 1;
}*/

#previous, #next {
	position: absolute;
top: 45%;
left: 10px;
width: 40px;
height: 40px;
margin-top: -20px;
font-size: 50px;
font-weight: 100;
line-height: 30px;
color: #FFF;
text-align: center;
background: #222;
border: 2px solid #FFF;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
opacity: 0.1;
z-index: 100;
cursor: hand; cursor: pointer;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#previous:hover, #next:hover {
	opacity: 0.6;
}

#previous:hover, #next:hover, #previous, #next {
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	transition-duration: 0.4s;
}

#next {
	right: 15px;
	left: auto;
}