* {
	BOX-SIZING: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box
}
*:after {
	BOX-SIZING: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box
}
*:before {
	BOX-SIZING: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box
}
.wrapper {
	MARGIN: 0px auto 100px; MAX-WIDTH: 960px
}
.stage {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.scene {
	MARGIN: 30px; WIDTH: 260px; FLOAT: left; HEIGHT: 400px; -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px
}
.movie {
	WIDTH: 260px; HEIGHT: 400px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(-130px); -moz-transform: translateZ(-130px); transform: translateZ(-130px); -webkit-transition: -webkit-transform 350ms; -moz-transition: -moz-transform 350ms; transition: transform 350ms
}
.movie:hover {
	-webkit-transform: rotateY(-78deg) translateZ(20px); -moz-transform: rotateY(-78deg) translateZ(20px); transform: rotateY(-78deg) translateZ(20px)
}
.movie .poster {
	POSITION: absolute; BACKGROUND-COLOR: #fff; WIDTH: 260px; HEIGHT: 400px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden
}
.movie .info {
	POSITION: absolute; BACKGROUND-COLOR: #fff; WIDTH: 260px; HEIGHT: 400px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden
}
.movie .poster {
	BACKGROUND-REPEAT: no-repeat; -webkit-transform: translateZ(130px); -moz-transform: translateZ(130px); transform: translateZ(130px); background-size: cover
}
.movie .info {
	BORDER-BOTTOM: #b8b5b5 1px solid; BORDER-LEFT: #b8b5b5 1px solid; FONT-SIZE: 0.75em; BORDER-TOP: #b8b5b5 1px solid; BORDER-RIGHT: #b8b5b5 1px solid; -webkit-transform: rotateY(90deg) translateZ(130px); -moz-transform: rotateY(90deg) translateZ(130px); transform: rotateY(90deg) translateZ(130px)
}
.csstransforms3d .movie:after {
	POSITION: absolute; WIDTH: 260px; BOTTOM: 0px; HEIGHT: 260px; CONTENT: ''; -webkit-transform: rotateX(90deg) translateY(130px); -moz-transform: rotateX(90deg) translateY(130px); transform: rotateX(90deg) translateY(130px); -webkit-transition: box-shadow 350ms; -moz-transition: box-shadow 350ms; transition: box-shadow 350ms; box-shadow: 0 30px 50px rgba(0,0,0,0.3); -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; transform-origin: 100% 100%
}
.csstransforms3d .movie:hover:after {
	box-shadow: 20px -5px 50px rgba(0,0,0,0.3)
}
.info header {
	PADDING-BOTTOM: 7px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 195px; COLOR: #fff; PADDING-TOP: 7px; background-size: contain; text-shadow: 0px 1px 1px rgba(0,0,0,1)
}
.info header H1 {
	MARGIN: 0px 0px 2px; FONT-SIZE: 1.4em
}
.info header .rating {
	BORDER-BOTTOM: #fff 1px solid; BORDER-LEFT: #fff 1px solid; PADDING-BOTTOM: 0px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-TOP: #fff 1px solid; BORDER-RIGHT: #fff 1px solid; PADDING-TOP: 0px
}
.info P {
	PADDING-BOTTOM: 1.2em; LINE-HEIGHT: 1.4em; MARGIN: 2px 0px 0px; PADDING-LEFT: 1.4em; PADDING-RIGHT: 1.4em; COLOR: #666; BORDER-TOP: #555 10px solid; PADDING-TOP: 1.2em
}
.movie .poster {
	-webkit-transition: box-shadow 350ms; -moz-transition: box-shadow 350ms; transition: box-shadow 350ms
}
.movie .info {
	-webkit-transition: box-shadow 350ms; -moz-transition: box-shadow 350ms; transition: box-shadow 350ms
}
.movie .info header {
	-webkit-transition: box-shadow 350ms; -moz-transition: box-shadow 350ms; transition: box-shadow 350ms
}
.csstransforms3d .movie .poster {
	box-shadow: inset 0px 0px 40px rgba(255,255,255,0)
}
.csstransforms3d .movie:hover .poster {
	box-shadow: inset 300px 0px 40px rgba(255,255,255,0.8)
}
.csstransforms3d .movie .info {
	box-shadow: inset -300px 0px 40px rgba(0,0,0,0.5)
}
.csstransforms3d .movie .info header {
	box-shadow: inset -300px 0px 40px rgba(0,0,0,0.5)
}
.csstransforms3d .movie:hover .info {
	box-shadow: inset 0px 0px 40px rgba(0,0,0,0)
}
.csstransforms3d .movie:hover .info header {
	box-shadow: inset 0px 0px 40px rgba(0,0,0,0)
}
UNKNOWN {
	BACKGROUND-IMAGE: url(img/poster01.jpg)
}
UNKNOWN {
	BACKGROUND-IMAGE: url(img/poster02.jpg)
}
UNKNOWN {
	BACKGROUND-IMAGE: url(img/poster03.jpg)
}
UNKNOWN {
	BACKGROUND-IMAGE: url(img/still01.jpg)
}
UNKNOWN {
	BACKGROUND-IMAGE: url(img/still02.jpg)
}
UNKNOWN {
	BACKGROUND-IMAGE: url(img/still03.jpg)
}
.no-csstransforms3d .movie .poster {
	POSITION: relative
}
.no-csstransforms3d .movie .info {
	POSITION: relative
}

@media Unknown    
{
.scene {
	MARGIN: 30px auto 60px; FLOAT: none
}

}