/*
Theme created for use with Sequence.js (http://www.sequencejs.com/)

Theme:   Sliding Horizontal Parallax (Responsive)
Version:   0.2.2 Beta
Theme Author:   Ian Lunn @IanLunn
Author URL:   http://www.ianlunn.co.uk/
Theme URL:   http://www.sequencejs.com/themes/sliding-horizontal-parallax/

This is a FREE theme and is dual licensed under the following: 
http://www.opensource.org/licenses/mit-license.php | http://www.gnu.org/licenses/gpl.html

Sequence.js and its dependencies are (c) Ian Lunn Design 2012 unless otherwise stated.
Aside from these comments, you may modify and distribute this file as you please. Have fun!
 */
#sequence { height: 348px; margin: 0 auto; position: relative; width: 956px; overflow: hidden;}

.leftimage { left: 100px; opacity: 0; position: absolute; top: 0; -webkit-transition-duration: 2s; -moz-transition-duration: 2s; -o-transition-duration: 2s; -ms-transition-duration: 2s; transition-duration: 2s; border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0;}
.leftimage.animate-in { left: 0; opacity: 1; top: 0; -webkit-transition-duration: 1.5s; -moz-transition-duration: 1.5s; -o-transition-duration: 1.5s; -ms-transition-duration: 1.5s; transition-duration: 1.5s;}
.leftimage.animate-out { left: 0; opacity: 0; top: 0; -webkit-transition-duration: 1.2s; -moz-transition-duration: 1.2s; -o-transition-duration: 1.2s; -ms-transition-duration: 1.2s; transition-duration: 1.2s;}

.rightimage { left: -100px; opacity: 0; position: absolute; top: 0; -webkit-transition-duration: 2s; -moz-transition-duration: 2s; -o-transition-duration: 2s; -ms-transition-duration: 2s; transition-duration: 2s; border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px;}
.rightimage.animate-in { left: 0; opacity: 1; top: 0; -webkit-transition-duration: 1.5s; -moz-transition-duration: 1.5s; -o-transition-duration: 1.5s; -ms-transition-duration: 1.5s; transition-duration: 1.5s;}
.rightimage.animate-out { left: 0; opacity: 0; top: 0; -webkit-transition-duration: 1.2s; -moz-transition-duration: 1.2s; -o-transition-duration: 1.2s; -ms-transition-duration: 1.2s; transition-duration: 1.2s;}

.endimage { top: 0; left: 0; opacity: 0; position: absolute; -webkit-transition-duration: 20s; -moz-transition-duration: 20s; -o-transition-duration: 20s; -ms-transition-duration: 20s; transition-duration: 20s; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.endimage.animate-in { top: 0; left: 0; opacity: 1; position: absolute; -webkit-transition-duration: 2s; -moz-transition-duration: 2s; -o-transition-duration: 2s; -ms-transition-duration: 2s; transition-duration: 2s;}
.endimage.animate-out { top: 0; left: 0; opacity: 0; position: absolute; -webkit-transition-duration: 2s; -moz-transition-duration: 2s; -o-transition-duration: 2s; -ms-transition-duration: 2s; transition-duration: 2s;}


.intro { z-index: 3; position: absolute; left: 0; top: 0; opacity: 0; -webkit-transition-duration: 2s; -moz-transition-duration: 2s; -o-transition-duration: 2s; -ms-transition-duration: 2s; transition-duration: 2s;}
.intro.animate-in { left: 0; top: 0; opacity: 1; -webkit-transition-duration: 1.5s; -moz-transition-duration: 1.5s; -o-transition-duration: 1.5s; -ms-transition-duration: 1.5s; transition-duration: 1.5s;}
.intro.animate-out { left: 0; top: 0; opacity: 0; -webkit-transition-duration: 1.2s; -moz-transition-duration: 1.2s; -o-transition-duration: 1.2s; -ms-transition-duration: 1.2s; transition-duration: 1.2s;}

.slide1 { z-index: 3; position: absolute; left: 0; top: 0; opacity: 0; -webkit-transition-duration: 2s; -moz-transition-duration: 2s; -o-transition-duration: 2s; -ms-transition-duration: 2s; transition-duration: 2s;}
.slide1.animate-in { left: 0; top: 0; opacity: 1; -webkit-transition-duration: 1.5s; -moz-transition-duration: 1.5s; -o-transition-duration: 1.5s; -ms-transition-duration: 1.5s; transition-duration: 1.5s;}
.slide1.animate-out { left: 0; top: 0; opacity: 0; -webkit-transition-duration: 1.2s; -moz-transition-duration: 1.2s; -o-transition-duration: 1.2s; -ms-transition-duration: 1.2s; transition-duration: 1.2s;}

.slide2 { z-index: 3; position: absolute; left: 0; top: 0; opacity: 0; -webkit-transition-duration: 2s; -moz-transition-duration: 2s; -o-transition-duration: 2s; -ms-transition-duration: 2s; transition-duration: 2s;}
.slide2.animate-in { left: 0; top: 0; opacity: 1; -webkit-transition-duration: 1.5s; -moz-transition-duration: 1.5s; -o-transition-duration: 1.5s; -ms-transition-duration: 1.5s; transition-duration: 1.5s;}
.slide2.animate-out { left: 0; top: 0; opacity: 0; -webkit-transition-duration: 1.2s; -moz-transition-duration: 1.2s; -o-transition-duration: 1.2s; -ms-transition-duration: 1.2s; transition-duration: 1.2s;}



.slide3 { z-index: 3; position: absolute; left: 0; opacity: 0; top: 0; -webkit-transition-duration: 20s; -moz-transition-duration: 20s; -o-transition-duration: 20s; -ms-transition-duration: 20s; transition-duration: 20s;}
.slide3.animate-in { left: 0; opacity: 1; top: 0; -webkit-transition-duration: 3.5s; -moz-transition-duration: 3.5s; -o-transition-duration: 3.5s; -ms-transition-duration: 3.5s; transition-duration: 3.5s;}
.slide3.animate-out { left: 0; opacity: 0; top: 0; -webkit-transition-duration: 2.5s; -moz-transition-duration: 2.5s; -o-transition-duration: 2.5s; -ms-transition-duration: 2.5s; transition-duration: 2.5s;}

.slide4 { z-index: 3; position: absolute; left: 0; opacity: 0; top: 0; -webkit-transition-duration: 20s; -moz-transition-duration: 20s; -o-transition-duration: 20s; -ms-transition-duration: 20s; transition-duration: 20s;}
.slide4.animate-in { left: 0; opacity: 1; top: 0; -webkit-transition-duration: 9s; -moz-transition-duration: 9s; -o-transition-duration: 9s; -ms-transition-duration: 9s; transition-duration: 9s;}
.slide4.animate-out { left: 0; opacity: 0; top: 0; -webkit-transition-duration: 2.5s; -moz-transition-duration: 2.5s; -o-transition-duration: 2.5s; -ms-transition-duration: 2.5s; transition-duration: 2.5s;}