#marquee {
	width: 600px;
	height: 400px;
	background-color: #111;
}

.mainImage {
	height: 300px;
	background-color: #666;
	position: relative;
}
.mainImage img {
	display: block;
	position:absolute;
	left: 0px;
	top: 0px;
	-webkit-transition: opacity 0.6s ease-out;
	   -moz-transition: opacity 0.6s ease-out;
	    -ms-transition: opacity 0.6s ease-out;
	     -o-transition: opacity 0.6s ease-out;
	        transition: opacity 0.6s ease-out;
}
.mainImage img.fade_away {
	opacity: 0;
}

.thumbContainer {
	height: 100px;
	background-color: #DDD;
}

.button {
	width: 100px;
	height: 100px;
	background-color: #eee;
	position: relative;
	float: left;
}

.button .border {
	width: 90px;
	height: 90px;
	position: absolute;
	opacity: 0;
	border: 5px solid orange;
	-webkit-transition: opacity 0.3s ease-out;
	   -moz-transition: opacity 0.3s ease-out;
	    -ms-transition: opacity 0.3s ease-out;
	     -o-transition: opacity 0.3s ease-out;
	        transition: opacity 0.3s ease-out;
	cursor: pointer;
}
.button:hover .border {
	opacity: .5;
}
.button.selected .border {
	opacity: 1;
}