div.container {
	position: relative;
	left: -1%;
	width: 102%;
	background-color: #2056AE;
}
div.slides {
	position: relative;
	height: 400px;
	width: 940px;
	margin: 0 auto;
}
div.slides img {
	display: none;
	position: absolute;
}
div.slides div.arrow {
	visibility: hidden;
	background-image: url('../img/slider/Arrows.png');
	position: absolute;
	height: 65px;
	width: 65px;
	top: 168px;
	z-index: 2;
	opacity: 0.4;
	-webkit-transition: opacity 1s; /* For Safari 3.1 to 6.0 */
	transition: opacity 1s;
}
div.container:hover div.slides div.arrow {
	visibility: visible;
}
div.slides div.arrow:hover {
	opacity: 0.9;
}
div.slides div.arrow.left {
	left: -65px;
	background-position: left top;
}
div.slides div.arrow.left:hover {
	background-position: left bottom;
}
div.slides div.arrow.right {
	right: -65px;
	background-position: right top;
}
div.slides div.arrow.right:hover {
	background-position: right bottom;
}