html, body {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;	
	min-width: 800px;
}

body {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	background: #CCC;
}

#header {
	position:fixed;
	width: 100%;
	background: #FFF;	
	height: 53px;
	top: 0;
	z-index: 110;
}

#header .wrap {
	width: 800px;
	margin: 0 auto;
}

#header .nav {
	text-align: center;	
	list-style: none;
	margin: 0;
	padding: 2px 0;
}

#header .nav li {
	display: inline-block;
	height: 44px;
	position: relative;
	top: -60px;
	top: 0;
	-moz-top: -60px;
	vertical-align: top;
}

#header .nav li a {
	text-align: left;
	text-indent: -9999px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 44px;
	overflow: hidden;
	margin: 0;
}

#header .nav li a:hover {
	background-position: 0 -44px;
}

#header .nav li#logo-btn {
	margin-top: 0;
	top: 0;
}

#header #logo-btn a {
	width: 108px;
	height: 108px;
	background-image: url(../images/logo-btn.png);
	top: 0;
}

#header .nav #logo-btn a:hover {
	background-position: 0 0;
}

#header li#history-btn a {
	width: 76px;
	background-image: url(../images/history-btn.gif);
}

#header li#merch-btn a {
	width: 103px;
	background-image: url(../images/merch-btn.gif);
}

#header li#calendar-btn a {
	width: 78px;
	background-image: url(../images/calendar-btn.gif);
}

#header li#allstar-btn a {
	width: 136px;
	background-image: url(../images/allstar-btn.gif);
}

#header li#contact-btn a {
	width: 70px;
	background-image: url(../images/contact-btn.gif);
}

.section {
	height: 800px;
	margin-bottom: 20px;
	background-attachment: fixed;	
	background-color: #999;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100% auto;
	padding-top: 60px;
	color: #FFF;
}

#intro-section {
	background-image: url(../images/team-photo.jpg);
	background-position: 0 53px;
	background-color: #999;	
	width: 100%;
	z-index: 100;
}

.center {
	width: 1100px;
	margin: 0 auto;	
}

h1 {
	font-size: 36px;	
	text-transform: uppercase;
}

h2 {
	font-size: 21px;	
	text-transform: uppercase;
	font-weight: normal;
}

#intro-section .center {
	width: 800px;
	position: relative;
	top: 50%;
	margin-top: -100px;
	height: 400px;	
	display: none;
}

#intro-section h1 {
	text-align: center;	
	background: url(../images/welcome-to-indiana.png) no-repeat top center;
	text-indent: -9999px;
	text-align: left;
	line-height: 70px;
	margin: 0;
	width: 100%;
}

#intro-section h2 {
	margin: 0;
	text-align: right;	
	background: url(../images/coach-dale.png) no-repeat 50% top;
	text-indent: -9999px;
	text-align: left;	
}

#history1-section {
	background-image: url(../images/hosiergym_color_.jpg);	
	height: 2400px;
	position: absolute;
	width: 100%;
	top: 800px;
	z-index: 10;
	opacity: 0;
}

#history3-section .bg {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 100;
	background: url(../images/hosiergym_color_.jpg) no-repeat top center fixed;
	background-image: url(../images/hosiergym_grunge_bw.jpg);
	background-size: 100% auto;
}

#history2-section {
	background-image: url(../images/hosiergym_grunge_bw.jpg);
	background-size: 100% auto;	
	height: 2400px;
	position: absolute;
	width: 100%;
	top: 800px;
	z-index: 8;
}

#history3-section {
	background: url(../images/hosiergym_color_.jpg) no-repeat top center fixed;
	background-size: 100% auto;
}

#history3-section .center {
	height: auto;
	position: relative;
	margin-top: 0;
	top: 50%;
}

#history3-section h1.line1 {
	text-align: left;
	text-indent: -9999px;
	height: 100%;
	background: url(../images/us-40.png) no-repeat center top;
}

#history4-section .center {
}

#history3-section h1.line2 {
	text-align: left;
	text-indent: -9999px;
	height: 351px;
	background: url(../images/80-years.png) no-repeat center top;
}

#history4-section {
	background: none;	
	z-index: 100;
	padding-top: 0;
	background: url(../images/hosiergym_color_.jpg) no-repeat top center fixed;
	background-size: 100% auto;
}

#history5-section {
	background: url(../images/hoosiergym_locker_bw.jpg) no-repeat top center fixed;	
	background-color: #000;
	
	background: #000;
}

#merch-section {
	position: relative;
}

.prlx #intro-section {
	width: 100%;
	top: 0;
	left: 0;	
}

.prlx .center,
.prlx #intro-section .center {
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	max-width: none;
	margin: 0;
}

.prlx #intro-section h1,
.prlx #intro-section h2 {
	position: absolute;
	background-position: center center;
	background-attachment: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.slideshow {
	position: relative;
	padding-bottom: 30px;	
}

.slideshow img {
	width: 100%;
	height: auto;	
}

.slidesjs-pagination {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	margin-top: 11px;
}

.slidesjs-pagination li {
	float: left;
	margin-left: 4px;
	border: 2px solid #bc3134;
	border-radius: 50% 50%;	
	width: 9px;
	height: 9px;
}

.slidesjs-pagination li a {
	text-indent: -9999px;
	display: block;
	height: 7px;
	width: 7px;
	border: 1px solid #FFF;
	background: #fec000;
	border-radius: 50% 50%;	
	margin: 0 auto;
}

.slidesjs-pagination li a:hover {
	background: #333;	
}

.slidesjs-pagination li a.active {
	background: #bc3134;
}

.slidesjs-previous,
.slidesjs-next,
.slidesjs-stop,
.slidesjs-play {
	display: block;
	width: 20px;
	height: 25px;
	position: absolute;
	text-indent: -99999px;
	left: 40px;
	margin-top: 5px;
}

.slidesjs-stop,
.slidesjs-play {
	left: 80px;
}

.slidesjs-previous {
	background: url(/images/slideshow-previous-btn.gif) no-repeat center 0;
}

.slidesjs-next {
	background: url(/images/slideshow-next-btn.gif) no-repeat center 0;
	margin-left: 20px;
}

.slidesjs-previous:hover,
.slidesjs-next:hover {
	background-position: center -25px;	
}

.slidesjs-stop,
.slidesjs-play {
	background: url(/images/slideshow-pause-play-btn.gif) no-repeat center 0;
}

.slidesjs-stop:hover {
	background-position: center -25px;	
}

.slidesjs-play {
	background-position: center -50px;	
}

.slidesjs-play:hover {
	background-position: center -75px;	
}

#allstar-section .col {
	 float: right;
	 width: 66%;
}

#allstar-section .col.left {
	 float: left;
	 width: 33%;
}

#allstar-section .col.right{ 
}

#allstar-section .in-wrap {
}


.m {
	display: none;	
}

.circle {
	border-radius: 50% 50%;
	background: #FFF;
	color: #666666;
	width: 280px;
	height: 280px;
	margin: 20px auto;
	font-size: .8em;
	overflow: hidden;
	
	width: 400px;
	height: 400px;
	font-size: 1em;
	background: url(/images/big-h.png) no-repeat center 20px #FFF;
	top: 50%;
	margin-top: -200px;
	position: relative;
}
	
.circle-in {
	position: relative;
	margin-top: 70px;
}

.circle p {
	width: 60%;
	margin: 5px auto;
	text-align: center;
}

.circle p em {
	font-family: "Open Sans Condensed", sans-serif;
	font-style: normal;
	font-weight: bold;
	color: #bd3235;
	font-size: 2.2em;
}

.circle p strong { 
	font-size: 1.5em;
}

.circle p a { 
	text-decoration: none;
	color: #BD3235;
}

.circle a.num {
	font-family: "Open Sans Condensed", sans-serif;
	display: block;
	text-align: center;
	font-size: 2.5em;	
	font-weight: bold;
	text-decoration: none;
	color: #999;
}



/* Minimum width of 960 pixels. */
@media screen and (max-width: 1100px) {
	
	#intro-section.section {
		background-size: auto;
		background-position: center 53px;	
	}
	
}