/*==================================================
 # Sequence-Slider (by Ian Lunn)
==================================================== */

#sequence	.next, #sequence .prev {color: white; 	cursor: pointer; display: none;	font-size: 50px; font-weight: bold;	position: absolute;	top: 0;	width: 50px; z-index: 1000;}
	#sequence .prev {left: 7px;}
	#sequence .next {right: 5px;}
	/*#header {height: 600px;	margin: 10px auto 0 auto;	position: relative;	overflow: hidden;	width: 960px;}*/
	#slide-nav {bottom: -38px;	right: 0;	position: absolute; float: right; margin:2px 20px 0 0; background: url('../images/nav-join.png') repeat-x 0 0 scroll transparent; clear:both; z-index: 1; padding: 0;
		-webkit-transition-duration: .5s;
		-moz-transition-duration: .5s;
		-o-transition-duration: .5s;
		-ms-transition-duration: .5s;
		transition-duration: .5s;
	}

	#slide-nav li {display: inline-block;	height: 20px;	width: 16px; margin:5px 6px 10px 0; float:left; font-size:1px; background: url('../images/bullets.png') no-repeat scroll left center transparent}
	#slide-nav li.active {background-position: -16px 0 !important; width:20px;  height:20px;}
	#slide-nav li.last{ margin: 5px 0 10px 0;}
	#sequence .subtitle {	width: 41%;}

	/*#sequence li * {-webkit-backface-visibility: hidden;	-ms-backface-visibility: hidden;	backface-visibility: hidden;}*/
	#sequence li * {position: absolute;}
	#sequence ul, #sequence li{padding: 0 !important; margin: 0 !important; top: 0 !important; bottom: 0 !important;}
	#sequence {display: block;	margin: 0;	position: relative;	overflow: hidden;}
	#content h3 {
		font-size: 30px;
	}

	#sequence .next, #sequence .prev {
		position: absolute;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
		filter: alpha(opacity=60);
		opacity: 0.6;
		top: 230px;

		-webkit-transition-duration: 1s;
		-moz-transition-duration: 1s;
		-o-transition-duration: 1s;
		-ms-transition-duration: 1s;
		transition-duration: 1s;
	}

	#sequence .next:hover, #sequence .prev: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 .title {
		left: -5px;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		opacity: 0;
		top: 80px;
		font-size: 56px;
		line-height: 100%;
	}

	#sequence .title.animate-in {
		left: 40px;
		filter: none !important;
		opacity: 1;
		top: 80px;

		-webkit-transition-duration: .5s;
		-moz-transition-duration: .5s;
		-o-transition-duration: .5s;
		-ms-transition-duration: .5s;
		transition-duration: .5s;
	}

	#sequence .title.animate-out {
		left: 40px;
		filter: none !important;
		opacity: 0;
		top: 50px;

		-webkit-transition-duration: .5s;
		-moz-transition-duration: .5s;
		-o-transition-duration: .5s;
		-ms-transition-duration: .5s;
		transition-duration: .5s;
	}

	#sequence .subtitle {
		left: 40px;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		opacity: 0;
		top: 210px;
		line-height:1.6em;
		margin-bottom: 15px;
	}

	#sequence .subtitle.animate-in {
		left: 40px;
	  filter: none !important;
	  opacity: 1;
	  top: 190px;
		-webkit-transition-duration: .7s;
		-moz-transition-duration: .7s;
		-o-transition-duration: .7s;
		-ms-transition-duration: .7s;
		transition-duration: .7s;
	}

	#sequence .subtitle.animate-out {
		left: 150px;
		filter: none !important;
		opacity: 0;
		top: 190px;

		-webkit-transition-duration: .5s;
		-moz-transition-duration: .5s;
		-o-transition-duration: .5s;
		-ms-transition-duration: .5s;
		transition-duration: .5s;
	}

	#sequence .slide-image {
		right: 100px;
		top: 10px;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		opacity: 0;
	}

	#sequence .slide-image.animate-in {
		right: 0;
		top: 10px;
		filter: none !important;
		opacity: 1;

		-webkit-transition-duration: 1s;
		-moz-transition-duration: 1s;
		-o-transition-duration: 1s;
		-ms-transition-duration: 1s;
		transition-duration: 1s;
	}

	#sequence .slide-image.animate-out {
		right: -50px;
		top: 10px;
		filter: none !important;
		opacity: 0;

		-webkit-transition-duration: .5s;
		-moz-transition-duration: .5s;
		-o-transition-duration: .5s;
		-ms-transition-duration: .5s;
		transition-duration: .5s;
	}

	#sequence .button-action{margin-top: 35px; left: 0; z-index: 100;}