.showreelBOX{ position:relative; overflow:hidden; clear:both; height:520px; }
.showreelBOX img{ max-width:100%; max-height:auto;}

video { display: inline-block;}

.showreelBOX video{	position:absolute; top: 0%; left:0px; display:none; transform: translateY(-0%); transition: opacity 0.3s ease-in-out 0s; width: 100%;}

.showreelBOX .videoBOX{ overflow:hidden; height:520px; left: 0; position: absolute; top: 0; width: 66%;  }
.showreelBOX .videolistBOX{ overflow:hidden; height:475px; right: 0; position: absolute; top: 0; width: 34%;}
.showreelBOX .videolistBOX ul{ float:none; padding:0px; margin:0px; list-style:none; height:100%;}
.showreelBOX .videolistBOX ul li{ cursor:pointer; position:relative; clear:both; overflow:hidden; margin-bottom:0px; height:25%; }
.showreelBOX .videolistBOX ul li a{ display:block; overflow:hidden; }

.showreelBOX .videolistBOX ul li #videoONE{ position:relative; overflow:hidden; width:100%; background: url(../images/video-1.jpg) no-repeat left top; height:100%; z-index:999; }
.showreelBOX .videolistBOX ul li #videoTWO{ position:relative; overflow:hidden; width:100%; background: url(../images/video-2.jpg) no-repeat left top; height:100%; z-index:999; }
.showreelBOX .videolistBOX ul li #videoTHREE{ position:relative; overflow:hidden; width:100%; background: url(../images/video-3.jpg) no-repeat left center; height:100%; z-index:999;}
.showreelBOX .videolistBOX ul li #videoFOUR{ position:relative; overflow:hidden; width:100%; background: url(../images/video-4.jpg) no-repeat left top; height:100%; z-index:999;}



/*
.galleryBOX { width:75%; overflow:hidden; margin:0px auto;}
.galleryBOX ul{ padding:0px; margin:0px 0 30px 0; list-style:none;}
.galleryBOX ul li{ float:left; overflow:hidden; margin-right:35px; }
.galleryBOX ul li:last-child{ margin-right:0px;}
.galleryBOX ul li img{ width:205px; border:4px solid #fff; overflow:hidden; -webkit-box-shadow: 7px 7px 5px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 7px 7px 5px 0px rgba(0, 0, 0, 0.75); box-shadow: 7px 7px 5px 0px rgba(0, 0, 0, 0.75);}
*/




.galleryBOX { width:100%; overflow:hidden; margin:0px auto;}
.galleryBOX ul{ padding:0px; margin:0px 0 0px 0; list-style:none;}
.galleryBOX ul li{ position:relative; float:left; width:25%; height:auto; padding:0px; margin:0px; overflow:hidden; }


.galleryBOX a{  transition: all 0.5s ease-in 0s; -o-transition: all 0.5s ease-in 0s; -webkit-transition: all 0.5s ease-in 0s; -moz-transition: all 0.5s ease-in 0s; }

.galleryBOX img {
	filter: url('../js/filters.svg#grayscale'); /* Firefox 3.5+ */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(1); /* Webkit Nightlies & Google Chrome Canary */
	display: block;
    height: 240px;
    margin: 0 auto; top:0px;
    max-width: 100%; position:absolute; z-index:-1;
    position: static !important; border:1px solid #141414; border-bottom:none;
}
.galleryBOX img:hover {
	filter: none; /* Applies to FF + IE */
	-webkit-filter: grayscale(0);

}