/*==================================================
 # 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: 2px;}
	#sequence .next {right: 2px;}
	#slide-nav {bottom: 0;	display: block;	position: absolute; float: none; margin:2px 20px 0 40px; 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: 48px; margin:5px 10px 10px 0; float:left; font-size:1px; background: url('../images/bullets.png') no-repeat scroll -102px center transparent; }
	#slide-nav li.active {background-position: 0 0 !important;
		-moz-transition:all 0.3s linear;
		-webkit-transition:all 0.3s linear;
		-o-transition:all 0.3s linear;
		-ms-transition:all 0.3s linear;
		transition:all 0.3s linear;
	}
	#slide-nav li.last{ margin: 5px 0 10px 0;}
	#sequence .subtitle {	width: 41%;}

	#sequence li * {position: absolute;}
	#sequence li a, #sequence li em, #sequence li strong, #sequence li p {position: relative;}
	#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;
	}
	
	/*title*/
	#sequence .title {
		background-color: rgba(0,0,0, 0.2);
		padding: 7px;
		left: 40px;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		opacity: 0;
		top: 40px;
		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;
		-webkit-transition-delay: .1s;
		-moz-transition-delay: .1s;
		-o-transition-delay: .1s;
		-ms-transition-delay: .1s;
		animation-delay: .1s;
	}

	#sequence .title.animate-out {
		left: 40px;
		filter: none !important;
		opacity: 0;
		top: 100px;
		-webkit-transition-duration: .5s;
		-moz-transition-duration: .5s;
		-o-transition-duration: .5s;
		-ms-transition-duration: .5s;
		transition-duration: .5s;
	}

	#sequence .subtitle {
		font-size: 16px;
		left: 40px;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		opacity: 0;
		top: 170px;
		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;
		-webkit-transition-delay: .3s;
		-moz-transition-delay: .3s;
		-o-transition-delay: .3s;
		-ms-transition-delay: .3s;
		animation-delay: .3s;
	}

	#sequence .subtitle.animate-out {
		left: 40px;
		filter: none !important;
		opacity: 0;
		top: 210px;
		-webkit-transition-duration: .5s;
		-moz-transition-duration: .5s;
		-o-transition-duration: .5s;
		-ms-transition-duration: .5s;
		transition-duration: .5s;
	}

	/*action buttons*/
	#sequence .actions {
		left: 40px;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		opacity: 0;
		top: 240px;
		line-height:1.6em;
		margin-top: 35px;
		width: 400px;
	}

	#sequence .actions.animate-in {
	left: 40px;
	  filter: none !important;
	  opacity: 1;
	  top: 260px;
		-webkit-transition-duration: .7s;
		-moz-transition-duration: .7s;
		-o-transition-duration: .7s;
		-ms-transition-duration: .7s;
		transition-duration: .7s;
		-webkit-transition-delay: .5s;
		-moz-transition-delay: .5s;
		-o-transition-delay: .5s;
		-ms-transition-delay: .5s;
		animation-delay: .5s;
		z-index: 10;
	}

	#sequence .actions.animate-out {
		left: 40px;
		filter: none !important;
		opacity: 0;
		top: 280px;
		-webkit-transition-duration: .5s;
		-moz-transition-duration: .5s;
		-o-transition-duration: .5s;
		-ms-transition-duration: .5s;
		transition-duration: .5s;
	}

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

	#sequence .slide-image.animate-in  {
		right: 20px;
		top: 20px;
		filter: none !important;
		opacity: 1;
		-webkit-transition-duration: 1s;
		-moz-transition-duration: 1s;
		-o-transition-duration: 1s;
		-ms-transition-duration: 1s;
		transition-duration: 1s;
		-webkit-transition-delay: .7s;
		-moz-transition-delay: .7s;
		-o-transition-delay: .7s;
		-ms-transition-delay: .7s;
		animation-delay: .7s;
	}

	#sequence .slide-image.animate-out{
		right: 20px;
		top: 40px;
		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: 10;}*/