.z1 {
	z-index: 10;	
}

.z2 {
	z-index: 9;	
}

.z3 {
	z-index: 8;	
}

.section {
	height: 1200px;
	margin: 0;	
	overflow: hidden;
	position: relative;
	z-index: 100;
	padding-top: 250px;
}

#history3-section {
	height: auto;
	padding-top: 0;
}

#history3-section .section,
#movie1-section .section {	
	background: none;
}

#movie1-section .section {
	padding: 0;
	height: 50%;	
}

#history3-section .z1 {
	position: fixed;	
	width: 100%;
}

#history3-section h1.bg-element {
	padding: 0;
	margin: 0;
	background-attachment: fixed;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hiddein;
}

#history5-section {	
	z-index: 99;
}

.h-slides {
}

.h-slide {
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding-top: 130px;
	position: fixed;
	background-color: #000;
}

.slide .h-slide h1,
.slide .h-slide h2 {
	position: relative;	
}

#history5-section .h-slide1 {
	background: url(../images/ball-screen2.jpg) no-repeat 300px 140px fixed;
	background-color: #000;
}

#history5-section .h-slide2,
#history5-section .h-slide3 {
	background: url(../images/gym-sketch2.jpg) no-repeat center 180px fixed;
	background-color: #000;
}

#history5-section {
	/*
	background: url(../images/timeline-repeat.png) repeat-x 0 10p;
	background-color: #000;
	*/
}

#history5-section .h-slide .text {
	overflow: hidden;
	position: relative;
	z-index: 2;
	background: url(../images/timeline-repeat.png) repeat-x 0 10px;
}

#history5-section .h-slide1 .text {
	background: none;
}

#history5-section .h-slide .wrap {
	width: 70%;
	float: right;
	background: url(../images/timeline-repeat.png) repeat-x 0 10px;
}

#history5-section .h-slide h2 {
	position: relative;
	font-size: 400%;
	color: #A4674F;
	margin: 0;
	width: 158px;
	line-height: 30px;
	font-size: 30px;
	text-indent: -99999px;
	background: url(../images/1920.png) no-repeat 0 0;
	background-color: #000;
}

#history5-section .h-slide2 h2 {
	background: url(../images/1921.png) no-repeat 0 0 #000;
	width: 176px;
	margin-left: -10px;
}

#history5-section .h-slide3 h2 {
	width: 168px;
	background: url(../images/1922.png) no-repeat 0 0 #000;
	margin-left: -10px;
}

#history5-section .h-slide2 .text {
}

#history5-section .h-slide3 .text {
}

#history5-section .h-slide3 .wrap,
#history5-section .h-slide2 .wrap {
	background: none;
}

#history5-section .h-slide3 .wrap {
	background: #000;	
}

.h-slide .fade {
	position: absolute;
	left: 0;
	top: 200px;
	height: 100%;
	background: url(../images/h-fade.png) repeat-y 0 0;	
	width: 315px;
	z-index: 1;
}

.h-slide .fade-r {
	left: auto;
	right: 0px;
	background: url(../images/h-fade-r.png) repeat-y 0 0;	
}

#history5-section .h-slide p {
	position: relative;
	font-size: 100%;
	color: #B8B19B;
	width: 475px;
	margin: 10px 5px;
}

.h-slides .mask {
	position: absolute;
	display: block;
	width: 99999px;	
	overflow: hidden;
	top: 0;
	left: 0;
	top: auto;
	bottom: 0;
}

#history6-section {
	background: url(../images/gym1postcard_bw.jpg) no-repeat top center;
	/*background-size: 100% auto;*/
	background-attachment: fixed;
	background-color: #000;
	height: 6000px;
	z-index: 10;
}

#history6-section .bg {
	position: absolute;
	position: fixed;
	right: 0;	
	z-index: 1;
	top: 25%;
}

#history6-section .boxes {
	background: url(../images/play-diagram.png) no-repeat top right;
	position: fixed;
	width: 100%;
	height: 100%;	
	top: 150px;
	left: 0;
}

#history6-section .box {
	position: fixed;
	top: -8px;
	right: 222px;
	position: absolute;	
	background-image: none;
	background-position: right 22px;
	background-repeat: no-repeat;
	width: 350px;
}


#history6-section .box.active {
	background-image: url(../images/line.gif);
}

#history6-section .box .text {
	width: 197px;
	height: auto;
	background: #000;
	color: #FFF;
	overflow: hidden;
	display: none;
}

#history6-section .box-2 {
	background-position: right 145px;
	top: 105px;
	right: 314px;
}

#history6-section .box-3 {
	background-position: right 140px;
	top: 180px;
	right: 100px;
}

#history6-section .box h2 {
	width: 197px;
	height: 47px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/1936.png) no-repeat 0 0;
	margin: 0;
}

#history6-section .box-2 h2 {
	background: url(../images/1952.png) no-repeat 0 0;
}

#history6-section .box-3 h2 {
	background: url(../images/1966.png) no-repeat 0 0;
}

#history6-section .box p {
	width: 80%;
	margin: 10px auto 20px auto;	
}

#history6-section .box .indicator {
	position: absolute;
	left: auto;
	right: 0;
	top: 10px;	
	background: #FFF;
	height: 25px;
	width: 25px;
	border-radius: 50%;
}

#history6-section .active .indicator {
	background: #C6A244;
}

#history6-section .box-1 .indicator {	
}

#history6-section .box-2 .indicator {
	top: 132px;	
}

#history6-section .box-3 .indicator {
	top: 128px;	
}

#old-basketball {
	width: 100%;
	height: 100%;
	background: url(../images/oldbasketball.png) no-repeat 0 0 fixed;
	position: absolute;
	left: 0;
	top: 0;
}

#intro-section.visible .center {
	display: block;
}

#intro-section .z1 {
	position: fixed;
	width: 100%;
}

#movie1-section {
	background: url(../images/camera.jpg) no-repeat top center fixed;
	overflow: hidden;
	position: relative;
	height: auto;
	padding: 0;
}

#movie1-section .section {
	height: 3000px;
}

#movie1-section #movie-images {
	height: 6000px;	
}

#movie1-section .bg1,
#movie1-section .bg2,
#movie1-section .bg3,
#movie1-section .bg4,
#movie-images-1,
#movie-images-2,
#movie-images-3 {
	position: absolute;
	width: 100%;
	height: 6000px;
	top: 0;
	left: 0;
}

#movie1-section.visible .z1,
#movie1-section.visible .z2,
#movie1-section.visible .z3,
#movie1-section.visible .z4,
#movie-images-1,
#movie-images-2,
#movie-images-3 {
	/*position: fixed;	*/
}

#movie-text-1 {
	position: absolute;
	left: 50%;
	width: 400px;
	top: 400px;
	margin-left: 50px;	
	z-index: 1;
}

#movie-text-2 {
	position: absolute;
	left: 50%;
	width: 400px;
	top: 640px;
	margin-left: -450px;	
	z-index: 1;
}

#movie1-section h1 {
	background: url(../images/movie-title.png) no-repeat center center fixed;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 3000px;
	text-align: left;
	text-indent: -9999px;
}

#movie1-section h1.z1 {
	top: 400px;
	text-align: left;
	text-indent: -9999px;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

#movie1-section .z-group {
	top: 100%;
	height: 100%;
	top: 0;
	position: absolute;
	width: 100%;
}

#movie1-section .z-group #movie-images-1 {
	width: 100%;
	background: url(../images/movie-stills-1.png) no-repeat top center fixed;	
	z-index: 10;
}

#movie1-section .z-group #movie-images-3 {
	width: 100%;
	background: url(../images/movie-stills-2.png) no-repeat top center fixed;	
	z-index: 9;
}

#movie1-section .z-group #movie-images-2 {
	width: 100%;
	background: url(../images/movie-stills-3.png) no-repeat top center fixed;	
	z-index: 8;
}


#merch-section {
	background: url(../images/players.jpg) no-repeat top center fixed #4e4d52;
	background-size: cover;
	height: 2000px;
}

#merch-section .center {
	position: absolute;
	width: 100%;
}

#merch-section .center .in {
	width: 1000px;
	margin: 0 auto;
	color: #000;
	position: relative;
	height: 100%;
	top: 0;
	overflow: hidden;
	padding-bottom: 100px;
}

#merch-section h1.title {
	text-indent: -9999px;
	background: url(../images/merch-title.png) no-repeat center 0;
	height: 45px;
}

#merch-section ul {
	list-style: none;
	margin: 0;
	padding: 0;	
	width: 100%;
	width: 570px;
	margin: 0 auto;
	margin-top: 20px;
}

#merch-section li {
	float: left;	
	width: 25%;
	position: relative;
}

#merch-section li:hover {
	z-index: 100;	
}

#merch-section li a {
	background: #FFF;	
	display: block;
	text-align: center;
	margin: 10px;
	text-decoration: none;
	overflow: hidden;
	color: #BF2F38;
}

#merch-section li span {
	display: block;
	margin: 10px;
	overflow: hidden;
}

#merch-section li a span.over {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	opacity: 0;
	transition: opacity .33s;
	-moz-transition: opacity .33s;
	margin: 0;
	background: #FFF;
	width: 150px;
	padding: 20px;
	margin-left: -20px;
	top: -20px;
	border: 1px solid #333;
}

#merch-section li a:hover {
	z-index: 100;	
}

#merch-section li a:hover span.over {
	opacity: 1;
}

#merch-section li h5,
#merch-section li h6 {
	width: auto;
	margin: 0;	
	font-size: 100%;
}

#merch-section li h6 {
	font-weight: normal;
}

#merch-section li a img {
	height: 102px;
	width: auto;
	border: 0;	
}

#merch-section li a:hover span.over img {
	height: 150px;
	width: auto;
	display: block;
	margin: 0 auto;
	margin-bottom: 15px;
}		

#calendar-section {
	background: url(../images/gym-outside.jpg) no-repeat top center fixed;
	background-size: 100% auto;
	height: 1500px;
}

#calendar-section h1 {
	/*
	text-align: left;
	text-indent: -9999px;
	background: url(../images/events-holder.png) no-repeat center center fixed;
	position: absolute;
	height: 100%;
	width: 100%;
	*/	
}

#contact-section {
	background: url(../images/gym-blur.jpg) no-repeat center top;
	background-attachment: scroll;
	background-color: #CCC;
	padding-top: 0;
	height: 1000px;
	z-index: 90;
	position: relative;
}

#contact-test {
	background: url(../images/gym-blur.jpg) no-repeat center top;
	background-attachment: scroll;
	background-size: cover;
	padding-top: 0;
}

#history6-section .boxes {
}

#contact-section h1 {
	text-align: left;
	text-indent: -9999px;
	background: url(../images/contact-text.png) no-repeat center center fixed;
	height: 100%;
	width: 100%;
	top: 0;	
	margin: 0;
	
	display: none;
}
	
.visible .mask {
	position: fixed;
	overflow: hidden;
	top: 0;
	bottom: auto;
}

.overlay
{
    position: fixed;
    top: 0;
    left:0;
    width: 100%;
    height: 100%;
    background: #000;
    display: none;
    opacity: .5;
    filter: alpha(opacity=50);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.popup
{
	position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -300px;
    margin-top: -175px;
    width: 600px;
    height: 400px; /* 350px;*/
    display: none;
    background: #FFF;
	color: #000;
	z-index: 998;
}

.img_box {
	height: 180px;
	width: 220px;
	margin: 0 auto;
	align: left;
	margin: 10px 0 0 10px;
	text-align:center;
}

.buy_info {
	position:fixed;
	width: 350px;
	height: 380px;
	color: #000;
	align: left;
	margin-left: 250px;
	margin-top: -175px;
}

.close_btn {
	position:absolute;
	bottom: 0;
	right: 0;
	width: 102px;
	height: 23px;
	background-color:#000;	
	text-color: #FFF;
	margin-right: 10px;
	margin-bottom: 10px;
	text-align:center;
	padding-top:1px;
}

.cart_btn {
	position:absolute;
	top: 0;
	right: 0;
	width: 75px;
	height: 25px;
	text-align:center;
	margin-right: 10px;
	margin-top: 10px;
	z-index:1000;
}
	
.fine_print {
	position: absolute;
	bottom: 0;
	left: 0;
	margin-left: 15px;
	margin-bottom: 10px;
	color: #999;
	width:425px;
	height: 30px;
	z-index: 1000;
	font-size:9px;
	
}

#merch-section a:link {
	color:#A62314;
}

#merch-section a:visited {
	color:#A62314;
}

#merch-section a:hover {
	color:#A62314;
}

#merch-section a:active {
	color:#A62314;
} 
	
#allstar-section {
	background: url(../images/oden.jpg) no-repeat top center fixed;
	overflow: hidden;
	position: relative;
	height: auto;
	min-height: 3000px;
	padding: 0;
	background-size: cover;
}

#allstar-section.section .wrap,
#calendar-section.section .wrap {
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
}

#allstar-section.section .center,
#calendar-section.section .center {
	width: 100%;
	background-color: #FFF;
	margin-top: 200px;
	position: absolute;	
	color: #000;
	
	width: 1000px;
	position: fixed;
	left: 50%;
	margin-left: -500px;
	top: 100%;
	overflow: hidden;
}

#allstar-section .center .in-wrap, {
	margin: 50px;
	overflow: hidden;
}

#allstar-section h1, {
	font-size: 24px;
	font-family: "Open Sans Condensed", sans-serif;
	line-height: 26px;	
	color: #bd3235;
}

.abs1 {
	position: fixed;	
}

#allstar-section,
#calendar-section {
	overflow: hidden;
	position: relative;
	height: auto;
	min-height: 3000px;
	padding: 0;
	background-size: cover;
}

#allstar-section {
	background: url(../images/Oden.jpg) no-repeat top center fixed;
}

#allstar-section.section .wrap,
#calendar-section.section .wrap {
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
}

#allstar-section.section .center,
#calendar-section.section .center {
	width: 100%;
	background-color: #FFF;
	margin-top: 200px;
	position: absolute;	
	color: #000;	
	
	width: 1000px;
	position: fixed;
	left: 50%;
	margin-left: -500px;
	top: 100%;
	overflow: hidden;
}

#merch-section.section .center {
	
	width: 1000px;
	position: fixed;
	left: 50%;
	margin-left: -500px;
	top: 100%;
	overflow: hidden;
	
}

#allstar-section .center .in-wrap {
	margin: 50px;
	overflow: hidden;
}

#allstar-section h1,
#calendar-section h1 {
	font-size: 24px;
	font-family: "Open Sans Condensed", sans-serif;
	line-height: 26px;	
	color: #bd3235;
}

.abs1 {
	position: fixed;	
}

#calendar-section {
	background: url(../images/gym-outside.jpg) no-repeat top center fixed;
	overflow: hidden;
	position: relative;
	height: auto;
	min-height: 3000px;
	padding: 0;
	background-size: cover;
}

#calendar-section h3 {
	font-size: 15px;
	font-family: "Open Sans Condensed", sans-serif;
	line-height: 22px;	
	color: #A62314;
}

#calendar-section a {
	color: #bd3235;
	font-weight: bold;
    font-size: 14px;
    line-height: 40px;
}

#calendar-section h2 {
	font-size: 18px;
	font-family: "Open Sans Condensed", sans-serif;
	line-height: 34px;	
	color: #bd3235;
}

#calendar-section .center .in-wrap {
	margin-top: 50px;
	margin-bottom:: 50px;
	overflow: hidden;
	vertical-align:middle;
}

.event-container {
	overflow: hidden; 
	width: 750px; 
	margin: 20px auto;
}

.event-container p {
	line-height:1.7em;
}
	
.img-in-wrap {
	position:relative;
	left:175;
	float:left;
	margin-top:20px;
	margin: 10px 0;
}

.content-in-wrap {
	float:right;
	position:relative;
	width:550px;
	height:auto;
	right:40;
	padding-bottom:25px;
}

.title-in-wrap {
	float:right;
	position:relative;
	width:550px;
	height:auto;
	right:40;
}

.event-list {
	margin: 20px 0;	
	overflow: hidden;
}


/*	SWIPESHOW	*/

	.swipeshow,
	.swipeshow .slides,
	.swipeshow .slide {
	  /* Basic resets */
	  display: block;
	  margin: 0;
	  padding: 0;
	  list-style: none;
	  position: relative;
	
	  /* Prevent flickers */
	  -webkit-transform: translate3d(0, 0, 0);
	  -moz-transform: translate3d(0, 0, 0);
	  -ms-transform: translate3d(0, 0, 0);
	  -o-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	
	  /* In case you add padding */
	  -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  -ms-box-sizing: border-box;
	  -o-box-sizing: border-box;
	  box-sizing: border-box;
	}
	
	/* iOS: disable text select, disable callout, image save panel (popup) */
	.swipeshow img {
	  -webkit-touch-callout: none; 
	  -webkit-user-select: none;   
	  -moz-user-select: none;   
	  user-select: none;   
	}
	
	.swipeshow {
	  overflow: hidden;
	}
	
	/* Cursor (open-hand) */
	.swipeshow-active .slides {
	  cursor: -moz-grab !important;
	  cursor: ew-resize;
	}
	
	/* Cursor (closed-hand) */
	html.swipeshow-grabbed,
	html.swipeshow-grabbed * {
	  cursor: -moz-grabbing !important;
	  cursor: ew-resize;
	}
	
	/* Positioning */
	.swipeshow .slides,
	.swipeshow .slide {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	}
	
	/* First slide should be visible by default */
	.swipeshow .slide {
	  visibility: hidden;
	}
	
	.swipeshow .slide:first-child {
	  visibility: visible;
	}
	
	/* Defaults: OVERRIDE THIS! */
	.swipeshow {
	  width: 100px;
	  height: 100px;
	}
	
	.swipeshow {
	  width: 800px;
	  height: 600px;
	}
	
	.swipeshow .dots {
	}
	
	.swipeshow .dots,
	.swipeshow .dot-item,
	.swipeshow .dot {
	  margin: 0;
	  padding: 0;
	  list-style: none;
	
	  border: 0;
	  background: transparent;
	}
	
	.swipeshow .dots {
	  position: absolute;
	  bottom: 15px;
	  left: 0;
	  right: 0;
	  text-align: center;
	  list-style: none;
	  z-index: 100;
	
	  font-size: 0;
	}
	
	.swipeshow .dot-item {
	  list-style: none;
	  display: inline-block;
	
	  width: 18px;
	  height: 20px;
	  line-height: 20px;
	  text-align: center;
	
	  cursor: pointer;
	
	  opacity: 0.8;
	}
	
	.swipeshow .dot {
	  display: inline-block;
	  width: 5px;
	  height: 5px;
	  border-radius: 6px;
	  font-size: 0;
	
	  border: solid 1px rgba(255, 255, 255, 0.8);
	  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
	
	  background-color: rgba(0, 0, 0, 0.5);
	}
	
	.no-touch .dot-item:hover .dot {
	  background-color: rgba(255, 255, 255, 0.2);
	}
	
	.swipeshow .dot-item:active .dot,
	.swipeshow .dot-item.active .dot {
	  background-color: white;
	}
	
	.swipeshow {
		width: 600px;
		height: 450px;
		background: #FFF;
	}
	
	.safari-swipeshow {
		
	}
	
	.safari-swipeshow ul {
		list-style: none;
		margin: 0;
		padding: 0;
		width: 600px;
		height: 450px;
	}
	
	.safari-swipeshow li {
		display:none;
	}
	
	.safari-swipeshow li img {
		width: 100%;
		height: auto;
	}
	
	.safari-swipeshow li:first-child {
		display: block;
	}
	
	#allstar-slides {
		width: 600px;
		height: 450px;	
	}
	
	.swipeshow .slide img {
		width: 100%;	
	}