#sequence{
	width: 680px;
	height: 260px;
	position: relative;
	float: right;
	margin-top: 30px;
	overflow: hidden;
}

#sequence > ul li > * {  /* required */
    position: absolute;
}

#sequence > ul { /* required */
    height: 100%; 
    width: 100%;
}

#sequence > ul > li { /* required */
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

div[class^=slide]{
    left: 680px;
    width: 680px;
    height: 100%;
    z-index: 999;
}
.animate-in div[class^=slide] {
    left: 0px;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -ms-transition-duration: 1s;
    transition-duration: 1s;
}

.animate-out div[class^=slide] {
    left: -680px;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -ms-transition-duration: 1s;
    transition-duration: 1s;
} 
.details{
	z-index: 999;
	left: 405px;
	height: 240px;
	width: 235px;
	float: right;
	background: url(../images/slider-logo.jpg) no-repeat top right #000;
	padding: 10px 20px;
}
.details p{
	font-family: "Graduate", sans-serif;
	font-size: 1.8em;
	text-transform: uppercase;
	color: #FFF;
	position: relative;
	top: 50%;
}