@CHARSET "ISO-8859-1";

body {
	background-color: purple;
}

h1,h2,h3 {
	color: white;
}

#bannerSwitch {
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	background-color: white;
	height: 640px;
	width: 960px;
	position: relative; /*960px;*/
}

#nextButton,#backButton {
	display: none;
	height: 100%;
	width: 33%;
	max-width: 200px;
	opacity: 0.5;
	background-image: url("media/arrow.png");
	background-repeat: no-repeat;
	background-position: center right;
	opacity: 0.5;
	cursor:pointer/*,url()*/;
}

#nextButton:hover,#backButton:hover {
	opacity: 0.9;
	background-color: rgba(255, 255, 255, 0.2);
}

#nextButton {
	float: right;
}

#backButton {
	float: left;
	-ms-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);
}

#bannerSwitch img {
	display: none;
}

#bannerSwitch img:first-child{
	display: block;
}

#optionalText {
	display: none;
	/*opacity: 0.8;*/
	/*background-color: rgba(255, 255, 255, 0.5);*/
	color: black;
	vertical-align: middle;
	position: absolute;
	top: 100%;
	width: 100%;
	padding: 5px 5px 5px 0px;
	min-height: 30px;
	position: absolute;
	valign: middle;
}