.galleryContainer{
	width:				1030px;
	height:				600px;
	margin-bottom:		30px;
}

.galleryNavigation{
	background-size: contain;
	background-position:center;
	background-repeat:no-repeat;
	width:				100px;
	height:				100px;
	margin-top:			250px;
	float:				left;
	margin-left:	10px;
	margin-right: 	10px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

.galleryNavigation:hover{
	 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
	cursor: pointer; 
	cursor: hand;
	
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 	0px 0px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 		0px 0px 10px 0px rgba(0,0,0,0.75);
}

.galleryMiddle{
	background-size: contain;
	background-position:center;
	background-repeat:no-repeat;
	width:				790px;
	height:				600px;
	float:				left;
	margin-top:				10px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}

#galleryOverview{
    margin: 0 auto;
	width:				960px;
	height:				100px;
}

.overviewItem{
	background-size: contain;
	background-position:center;
	background-repeat:no-repeat;
	float:				left;
	width:				100px;
	height:				100px;
	margin:				10px;
	cursor: pointer; 
	cursor: hand;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 	0px 0px 10px 0px rgba(0,0,0,0.5);
	box-shadow: 		0px 0px 10px 0px rgba(0,0,0,0.5);
}

.overviewItem:hover{
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 	0px 0px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 		0px 0px 10px 0px rgba(0,0,0,0.75);
}