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

Theme:   Sliding Horizontal Parallax (Responsive)
Version:   0.2.1 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!
*/

.sq_header { height: 600px; margin: 0 auto; position: relative; max-width: 1280px; width: 100%; }
.sq_container #nav { bottom: 1%; display: none; right: 6%; position: absolute; margin:0;
-webkit-transition-duration: .5s; -moz-transition-duration: .5s; -o-transition-duration: .5s; -ms-transition-duration: .5s; transition-duration: .5s; }
.sq_container #nav li {display: inline-block; margin-left:10px; margin-bottom:0;}
.sq_container #nav li:first-child {margin-left:0;}
.sq_container #nav li a {display:block; width:10px; height:10px; background:#000; border:1px solid #222;}
.sq_container #nav li img {cursor: pointer;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);opacity: 0.5;-webkit-transition-duration: 1s;-moz-transition-duration: 1s;-o-transition-duration: 1s;-ms-transition-duration: 1s;transition-duration: 1s;}
.sq_container #nav li img.active { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
.sq_controls { margin:0; padding:0; list-style:none; top:50%; right:0; width:39px; height:117px; z-index:4; position:fixed; margin-top:-58px; }
.sq_controls li { margin:1px 0 0; padding:0; }
.sq_controls li:first-child { margin:0; }
.sq_controls li a {display:block; width:39px; height:39px; background-image:url(../images/slider3_controls.png); background-repeat:no-repeat; cursor:pointer;
-webkit-transition: background-position 0.15s ease-in; -moz-transition: background-position 0.15s ease-in; -ms-transition: background-position 0.15s ease-in; transition: background-position 0.15s ease-in;}
body.dark .pause,
body.light .pause:hover {background-position:0 -78px;}
body.dark .pause:hover,
body.light .pause {background-position:-39px -78px;}
body.dark .next,
body.light .next:hover {background-position:-39px -39px;}
body.dark .next:hover,
body.light .next {background-position:-39px 0;}
body.dark .prev,
body.light .prev:hover {background-position:0 0;}
body.dark .prev:hover,
body.light .prev {background-position:-0 -39px;}


.sq_container #nav li img:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1;
-webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; -ms-transition-duration: 1s; transition-duration: 1s; }

#sequence > ul {margin:0;}
#sequence li{ height: 100%; position: absolute;width: 100%; margin:0;}
#sequence li * { position: absolute; } 
#sequence li .link {position:static;}
#sequence li img{ height: 96%; }
#sequence { display: block; height: 100%; margin: 0; position: absolute; max-width: 1280px; width: 100%; }
#sequence .title { font-size: 3.4em; left: 65%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); width: 35%; opacity: 0; top: 40%; z-index: 50; font-weight: 700; text-shadow: 0 10px 20px rgba(0, 0, 0, 0.7); }
#sequence .title.animate-in { left: 50%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1;  
-webkit-transition-duration: .5s; -moz-transition-duration: .5s; -o-transition-duration: .5s; -ms-transition-duration: .5s; transition-duration: .5s;}
#sequence .title.animate-out { left: 35%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; 
-webkit-transition-duration: .5s; -moz-transition-duration: .5s; -o-transition-duration: .5s; -ms-transition-duration: .5s; transition-duration: .5s; }
#sequence .subtitle { font-size: 2em; left: 35%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); width: 35%; opacity: 0; top: 55%; text-shadow: 0 10px 20px rgba(0, 0, 0, 0.7);  }
#sequence .subtitle.animate-in { left: 50%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; 
-webkit-transition-duration: .5s; -moz-transition-duration: .5s; -o-transition-duration: .5s; -ms-transition-duration: .5s; transition-duration: .5s; }
#sequence .subtitle.animate-out { left: 65%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; 
-webkit-transition-duration: .5s; -moz-transition-duration: .5s; -o-transition-duration: .5s; -ms-transition-duration: .5s; transition-duration: .5s; }
#sequence .model { left: 30%; bottom: -48%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; position: relative; height: auto !important; max-height: 568px !important; width: 30%; min-width: 225px; /*prevents the model from shrinking when the browser is resized*/ max-width: 500px; }
#sequence .model.animate-in { left: 15%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; 
-webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; -ms-transition-duration: 1s; transition-duration: 1s; }
#sequence .model.animate-out { left: 15%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0;
-webkit-transition-duration: .5s; -moz-transition-duration: .5s; -o-transition-duration: .5s; -ms-transition-duration: .5s; transition-duration: .5s;}
.sequence-preloader img {background:#999 !important;}


/* IE */
.browserIe .sq_container #nav li {display: inline;}
.browserIe body {min-width: 960px;}


#background {z-index:0;}
.oldie #background {z-index:1;}

.sq_header {margin-top:60px; height:600px;}
.sq_header .title,
.sq_header .subtitle,
.sq_header .title a {color:#F5F5F5; }
.sq_header {position:absolute; top:50%; left:50%; margin-top:-360px; margin-left:-640px; }