/*
www.fightforthepants.com
Cascading Style Sheet Biatches!! BOOM!

This one does the slides and navigation... Look at definitions.css to see fonts and other shiznitz...

*/

/*= REMOVE HORIZONTAL SCROLLBAR COS IT SUCKS BALLS
--------------------------------------------------------*/

html, body {
    max-width: 100%;
    overflow-x: hidden;
}

/*= HEADER & NAVIGATION
--------------------------------------------------------*/

#header { 
	position: fixed;
	width: 100%; 
    background: #373028; 
	height: 74px; 	
	z-index: 100;
}

#navigation {
  position: absolute;
  top: 483px;
  width: 100%;
  height: 62px;
  line-height: 62px;
  background-color: #373028;
  background-image: url('../img/BG/000_NAV.png');
  background-repeat: no-repeat;
  background-position: center;  
  z-index: 90;
    font-family:Knockout HTF27 Junior Bantamwt;
	font-weight:normal;
	font-size: 28px;
	text-align: center;
	color: #F0E6DC;
	margin: 0;
	padding: 0;
}

#navigation ul {
  overflow: hidden;
  *zoom: 1;
  text-align: center;
  margin: 0 auto;
  padding: 0;
}

#navigation ul li {
  display: inline;
  margin-right: 20px;
}

#navigation ul li.last {
  margin: 0;
}

#navigation a {
    font-family:Knockout HTF27 Junior Bantamwt;
	font-weight:normal;
	font-size: 28px;
	text-align: center;
	color: #F0E6DC;
	margin: 0;
	padding: 0;
}

#navigation a:hover {
    font-family:Knockout HTF27 Junior Bantamwt;
	font-weight:normal;
	font-size: 28px;
	text-align: center;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	text-decoration: underline;
}

.spreadem > div {
    display: inline-block;
    display: -moz-inline-stack;
    *display: inline; /* For IE7 */
	zoom: 1; /* Trigger hasLayout */
    width: 19%;
    text-align: center;
	/* position: relative;  */
}


/*= SLIDES STYLING
--------------------------------------------------------*/
  /* SLIDE 1 */
#HOME {
	background: url(../img/bg/BG01.jpg);
	height: 830px;
	background-size: 100%;
	margin: 0;
	z-index: -2;
	border-bottom: 2px dotted #373028;
}

#HOME .HOMECONTENT {
	padding-top: 74px;
	z-index: 80;
}

#HOME .ARROWTHINGY {
    position: absolute;
    top: 595px;
	left: 50%;
	margin-left: -22px;
	z-index: 79;
}

#HOME .DUDE01 {
	position: absolute; 
	top: 760px; 
	left: 50%; 
	transform: translate(-50%,0); 
	z-index: 80;
}

  /* SLIDE 2 */
#CONTENDERS {
	background: url(../img/bg/BG02.jpg);
	height: 930px;
	background-size: 100%;
	margin: 0;
	z-index: -2;	
	border-bottom: 2px dotted #373028;
}  

#CONTENDERS .CTDTITLE {
	position: absolute;
    top: 1070px;
	left: 50%;
	margin-right: -50%;
    transform: translate(-50%, -50%);
	z-index: 79;
}

#CONTENDERS .CTDTABLE {
	margin: 0;
	position: absolute;
    top: 1100px;
	left: 50%;
    transform: translate(-50%, 0);
	z-index: 79;
}

#CONTENDERS .DUDE02 {
	position: absolute; 
	top: 1690px; 
	left: 50%; 
	transform: translate(-50%,0); 
	z-index: 80;
}

  /* SLIDE 3 */
#TEAMS {
	background: url(../img/bg/BG01.jpg);
	height: 930px;
	background-size: 100%;
	margin: 0;
	z-index: -2;
	border-bottom: 2px dotted #373028;
} 

#TEAMS .TMTITLE {
	position: absolute;
    top: 2000px;
	left: 50%;
	margin-right: -50%;
    transform: translate(-50%, -50%);
	z-index: 79;
}

#TEAMS .AKI {
	margin: 0;
	position: absolute;
    top: 1920px;
	left: 50%;
    transform: translate(-420px, 0);
    z-index: 79;
}

#TEAMS .SEISEI {
	margin: 0;
	position: absolute;
    top: 1920px;
	left: 50%;
    transform: translate(-250px, 0);
    z-index: 79;
}

#TEAMS .SEB {
	margin: 0;
	position: absolute;
    top: 1920px;
	left: 50%;
    transform: translate(100px, 0);
    z-index: 79;
}

#TEAMS .CLARA {
	margin: 0;
	position: absolute;
    top: 1920px;
	left: 50%;
    transform: translate(270px, 0);
    z-index: 79;
}

#TEAMS .TMCONTENT {
	margin: 0;
	position: absolute;
    top: 2000px;
	left: 50%;
    transform: translate(-50%, 0);
	z-index: 78;
}

#TEAMS .BIOTEXT {
	margin: 0;
	position: absolute;
    top: 2520px;
	left: 50%;
    transform: translate(-50%, 0);
    z-index: 79;
}


  /* SLIDE 4 */
#BETS {
	background: url(../img/bg/BG02.jpg);
	height: 930px;
	background-size: 100%;
	margin: 0;
	z-index: -2;
	border-bottom: 2px dotted #373028;
} 

#BETS .BETTITLE {
	position: absolute;
    top: 2930px;
	left: 50%;
	margin-right: -50%;
    transform: translate(-50%, -50%);
	z-index: 79;
}

#BETS .BETTEXT {
	position: absolute;
	top: 2940px;
	text-align: center;
	left: 50%;
    transform: translate(-50%, 0);
    width: 850px;
	z-index: 79;
}

#BETS .NIKKIBETBUT {
	margin: 0;
	position: absolute;
    top: 3150px;
	left: 50%;
    transform: translate(-187px, 0);
	z-index: 79;
}

#BETS .EDBETBUT {
	margin: 0;
	position: absolute;
    top: 3150px;
	left: 50%;
    transform: translate(0, 0);
	z-index: 80;
}

#BETS .NIKKIBETSTATS {
	margin: 0;
	position: absolute;
    top: 3450px;
	left: 50%;
    transform: translate(-350px, 0);
	z-index: 79;
}

#BETS .EDBETSTATS {
	margin: 0;
	position: absolute;
    top: 3450px;
	left: 50%;
    transform: translate(20px, 0);
	z-index: 79;
}

#BETS .BETDISC {
	margin: 0;
	position: absolute;
    top: 3550px;
	left: 50%;
    transform: translate(-50%, 0);
	z-index: 79;
}

  /* SLIDE 5 */
#VENUE {
	background: url(../img/bg/BG01.jpg);
	height: 930px;
	background-size: 100%;
	margin: 0;
	z-index: -2;
	border-bottom: 2px dotted #373028;
} 

#VENUE .VNUTITLE {
	position: absolute;
    top: 3860px;
	left: 50%;
	margin-right: -50%;
    transform: translate(-50%, -50%);
	z-index: 79;
}

#VENUE .VNUIMG {
	position: absolute;
    top: 3930px;
	left: 50%;
	margin-right: -50%;
    transform: translate(-50%, -50%);
	z-index: 79;
}

#VENUE .VNUTEXTTOP {
	margin: 0;
	position: absolute;
    top: 3990px;
	left: 50%;
    transform: translate(-50%, 0);
	z-index: 79;
	font-family:Knockout HTF68 Full Featherwt;
	font-weight:normal;
	font-size: 24px;
	text-align: center;
	color: #373028;
	margin: 0;
	padding: 0;
}

  /* SLIDE 6 */
#CITY {
	background: url(../img/bg/BG02.jpg);
	height: 930px;
	background-size: 100%;
	margin: 0;
	z-index: -2;
	border-bottom: 2px dotted #373028;
} 

#CITY .CTYTITLE {
	position: absolute;
    top: 4790px;
	left: 50%;
	margin-right: -50%;
    transform: translate(-50%, -50%);
	z-index: 79;
}

#CITY .CITYCONTENT {
	margin: 0;
	position: absolute;
    top: 4810px;
	left: 50%;
    transform: translate(-50%, 0);
	z-index: 79;
}
/*
#CITY .BUTTON_SLEEP_LEFT {
	margin: 0;
	position: absolute;
    top: 4860px;
	left: 50%;
    transform: translate(-260px, 0);
	z-index: 79;
}

#CITY .BUTTON_SLEEP_RIGHT {
	margin: 0;
	position: absolute;
    top: 4860px;
	left: 50%;
    transform: translate(390px, 0);
	z-index: 79;
}
*/
#CITY .BUTTON_EAT_LEFT {
	margin: 0;
	position: absolute;
    top: 5025px;
	left: 50%;
    transform: translate(-260px, 0);
	z-index: 79;
}

#CITY .BUTTON_EAT_RIGHT {
	margin: 0;
	position: absolute;
    top: 5025px;
	left: 50%;
    transform: translate(390px, 0);
	z-index: 79;
}

#CITY .BUTTON_DO_LEFT {
	margin: 0;
	position: absolute;
    top: 5195px;
	left: 50%;
    transform: translate(-260px, 0);
	z-index: 79;
}

#CITY .BUTTON_DO_RIGHT {
	margin: 0;
	position: absolute;
    top: 5195px;
	left: 50%;
    transform: translate(390px, 0);
	z-index: 79;
}

  /* SLIDE 7 */
#RSVP {
	background: url(../img/bg/BG01.jpg);
	height: 930px;
	background-size: 100%;
	margin: 0;
	z-index: -2;
	border-bottom: 2px dotted #373028;	
} 

#RSVP .RSVPTITLE {
	position: absolute;
    top: 5720px;
	left: 50%;
	margin-right: -50%;
    transform: translate(-50%, -50%);
	z-index: 79;
}

#RSVP .RSVPSIGNIN {
	position: absolute;
    top: 5820px;
	left: 50%;
	margin-right: -50%;
    transform: translate(-50%, -50%);
	z-index: 79;
}

  /* SLIDE 8 */
#CONTACT {
	background: url(../img/bg/BG02.jpg);
	height: 930px;
	background-size: 100%;
	margin: 0;
	z-index: -2;
	border-bottom: 2px dotted #373028;	
} 

#CONTACT .CNTTOP {
	width:100%;
	position: absolute;
    top: 6530px;
	left: 0;
	z-index: 79;
}

#CONTACT .SPONSORS {
	margin: 0;
	position: absolute;
    top: 6930px;
	left: 50%;
    transform: translate(-50%, 0);
	z-index: 79;
}

#CONTACT .AA {
	margin: 0;
	position: absolute;
    top: 7000px;
	left: 50%;
    transform: translate(-50%, 0);
	z-index: 79;
}

#CONTACT .Lions {
	margin: 0;
	position: absolute;
    top: 7080px;
	left: 50%;
    transform: translate(-300px, 0);
	z-index: 79;
}


#CONTACT .DS {
	margin: 0;
	position: absolute;
    top: 7100px;
	left: 50%;
    transform: translate(250px, 0);
	z-index: 79;
}


/* ==========================================================================
Print styles
========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: black !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /*
  * Don't show links for images, or javascript/internal links
  */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  pre,
  blockquote {
    border: 1px solid #999999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
}

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}