/* THEME STYLES */
/* when in fallback mode (for browsers that don't support transitions) hide anything outside of the Sequence container */
#sequence.sequence-fallback {
	overflow: hidden;
}
#sequence {
	/* the Sequence container */
	position: absolute;
	left: 0;
	right: 0;
	top: 126px;
	bottom: 0;
	overflow: hidden;
	height: 370px;
	width:948px;
	margin-left:auto;
	margin-right:auto;
}
#sequence > .sequence-canvas {
	/* required - make the Sequence canvas the same height and width as the container */
	height: 370px;
	width: 100%;
}
#sequence-placeholder {
	height: 390px;
	display:block;
}
#sequence > .sequence-canvas > li {
	/* each Sequence frame */
	position: absolute;
	/* required - allows Sequence to change the z-index of frames, so the active frame is always on top */
	width: 100%;
	/* required - makes the frame the same width as the container */
	height: 370px;
	/* required - makes the frame the same height as the container */
	z-index: 1;
/* required - allows Sequence to change the z-index of frames, so the active frame is always on top */ }
#sequence > .sequence-canvas li > * {
	/* each top level element to be animated */
	position: absolute;
/* required - make each animated element within a Sequence frame position absolute so their left/right/top/bottom can be manipulated */ }
#sequence .logo {
	position: absolute;
	z-index: 10;
	bottom: 20px;
	right: 20px;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
}
#sequence .logo:hover {
	bottom: 26px;
}
#sequence .slide {
	height: 370px;
	width: 100%;
	color: white;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #333;
}
#sequence .slide img {
	display:block;
    margin:auto;
}
#sequence .slide {
	left: 100%;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-property: "left";
	-moz-transition-property: "left";
	-ms-transition-property: "left";
	-o-transition-property: "left";
	transition-property: "left";
	-webkit-transition-timing-function: linear;
	-moz-transition-timing-function: linear;
	-ms-transition-timing-function: linear;
	-o-transition-timing-function: linear;
	transition-timing-function: linear;
}
#sequence .animate-in .slide {
	left: 0;
}
#sequence .animate-out .slide {
	left: -100%;
}
.sequence-pagination {
	position: relative;
    top: -27px;
    z-index: 999;
	float:right;
	margin-right: 20px;
}
.sequence-pagination li {
	width:6px;
	height:6px;
	display:block;
	background:url(../images/slider/circle.png) no-repeat;
	cursor:pointer;
	float:left;
	margin-left:9px;
}
.sequence-pagination .current {
    background:url(../images/slider/circle_full.png) no-repeat;
}