@charset "utf-8";
/*==================================================================
 SLIDE
================================================================== */
/* HERO (carousel) styling */
.slide-content {
	position:relative;
	width:3000px;
	margin:0 0px;
	z-index:10;
}
.slide-content h2 {
}
.slide-content h2.offstage {
	position:absolute;
	left:-10000px;
}
.slide-content p {
}
.slide-content .btn-region {
	height:430px;
	width: 100%;
	display: block;
}
.slide-content .btn-region .btns {
	position:absolute;
	top:420px;
	margin:0 0 0 20px;
}
#pickup_area {
	width:100%;
	height:480px;
	overflow:hidden;
	z-index:20;
}
#pickup_area .slide {
	width:auto;
	min-width:0;
	height:480px;
	margin:0 0 10px;
	background:transparent no-repeat -400px 0;
}
.jsison #pickup_area {
	height:480px;
}
.jsison #pickup_area .slide {
	position:absolute;
	margin:0;
	z-index:0;
	background:none !important;
}
/* the styling for the cpoied content (when js is avaialble */
#moved-slides {
	width:100%;
	min-height:600px;
	display:none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: -600px;
	margin-left: 0;
}
*html #moved-slides {
	height:1400px;
}
.jsison #moved-slides {
	display:block;
}
#moved-slides .slide {
	position:absolute;
	width:100%;
	min-width:980px;
	height:1234px;
	margin:0;
	background:transparent no-repeat 50% 0;
	z-index:-100 !important;
}
/* pick up navigation */
#controllBtn {
	position:absolute;
	width:100%;
	z-index:20;
	top: 200px;
}
#controllBtn ul {
	width:100%;
	margin: 0 0px 0 auto;
}
#controllBtn li {
	height: 51px;
	width: 51px;
}
#controllBtn li#next {
	right: 20px;
	position: absolute;
}
#controllBtn li#prev {
	position: absolute;
	left: 20px;
}
/* pick up navigation */
#carouselnav {
	position:absolute;
	width:980px;
	display:none;
	top: 450px;
}
.jsison #carouselnav {
	display:block;
}
#carouselnav ul {
	width:165px;
	overflow: hidden;
	margin: 0 0px 0 auto;
}
#carouselnav li {
	float:left;
	height: 30px;
	width: 30px;
	background: #333333;
	margin-left: 1px;
}
#carouselnav a {
	display:block;
	color:#ccc;
	text-align:center;
	margin:0;
	padding:5px 0 0;
	width:30px;
	height:25px;
}
#carouselnav a:hover {
	text-decoration:none;
	background: #4F5961;
	color: #CBD0D6;
}
#carouselnav a:focus {
	text-decoration:none;
	background: #4F5961;
	color: #CBD0D6;
}
#carouselnav a.on {
	text-decoration:none;
	background: #4F5961;
	color: #CBD0D6;
}
#carouselnav .endl a {
	width:30px;
	background-position:0 0;
}
#carouselnav .endl a:hover {
	background-position:0 -32px;
}
#carouselnav .endl a.on {
	background-position:0 -64px;
}
#carouselnav .endr a {
	width:30px;
	background-position:-59px 0;
}
#carouselnav .endr a:hover {
	background-position:-59px -32px;
}
#carouselnav .endr a.on {
	background-position:-59px -64px;
}
/* Mask (burn-in) shows only when javascript available */
.jsison #mask-burnin {
	position:absolute;
	width:100%;
	height:1400px;
	background:url() no-repeat top center;
}