/**
* author: Thierry Koblentz
* Copyright 2011 - css-101.org
* http://www.css-101.org/articles/ken-burns_effect/css-transition.php
*/
#slideshow {
	position:relative;
	width:900px;
	height:360px;
	overflow:hidden;
	border:2px solid #000000;
	margin: auto;
	margin-top: 14px;
}
#slideshow img {
	position:absolute;
	width:930px;
	height:390px;
	top:50%;
	left:50%;
	margin-left:-465px;
	margin-top:-195px;
	opacity:0;
	-webkit-transition-property: opacity, -webkit-transform;
	-webkit-transition-duration: 3s, 8s;
	-moz-transition-property: opacity, -moz-transform;
	-moz-transition-duration: 3s, 8s;
	-o-transition-property: opacity, -o-transform;
	-o-transition-duration: 3s, 8s;
	transition-property: opacity, transform;
	transition-duration: 3s, 8s;
}
#slideshow img  {
	-webkit-transform-origin: bottom left;
	-moz-transform-origin: bottom left;
	-o-transform-origin: bottom left;
	transform-origin: bottom left;
}
#slideshow :nth-child(2n+1) {
	-webkit-transform-origin: top right;
	-moz-transform-origin: top right;
	-o-transform-origin: top right;
	transform-origin: top right;
}
#slideshow :nth-child(3n+1) {
	-webkit-transform-origin: top left;
	-moz-transform-origin: top left;
	-o-transform-origin: top left;
	transform-origin: top left;
}
#slideshow :nth-child(4n+1) {
	-webkit-transform-origin: bottom right;
	-moz-transform-origin: bottom right;
	-o-transform-origin: bottom right;
	transform-origin: bottom right;
}
#slideshow .fx:first-child + img ~ img {
	z-index:-1;
}
#slideshow .fx {
	-webkit-transform: scale(1.05) translate(0px);
	-moz-transform: scale(1.05) translate(0px);
	-o-transform: scale(1.05) translate(0px);
	transform: scale(1.05) translate(0px);
	opacity:1;
}
#myCanvas {
	display: inline-block;
	position: absolute;
	width: 900px;
	height: 360px;
	z-index: 1;
	margin: auto;
}

#moving_lines {
	position: relative;
    width:900px;
	margin: auto;
}

@media (min-width:1001px)
{
	#moving_lines {
		bottom: 362px;
	}
}

@media (max-width:1000px)
{
	#moving_lines {
		bottom: 360px;
	}
}