body {margin:0 auto; padding:0; height:100%; width:100%; background-color:#000; text-align:center; overflow:hidden;}


img{border:0; margin:0;}

#intro
{
	top:0px;
	left:0px;
	overflow:hidden;
	position:absolute;
	width:100%;
	height:100%;
	background-color:#000;
	background-repeat:no-repeat;

background-position:center top; 
	z-index:99999;		
	
	font-family: "Arial Black", Gadget, sans-serif;
	text-transform:uppercase;
    font-weight: normal;
    font-style: normal;

}

#skip-intro
{
	position: absolute;
	bottom:10px;
	left:40%;
	right:40%;
}

#skip-intro a
{
	color:#666;
	text-decoration:none;
}

#parallax
{
	position: absolute;
	height:100%;
	width:100%;
	top:0px;
	left: 0px;
	right: 0px;
	background: #000;
	overflow: hidden;
	min-width:680px;
/*	max-width:1500px; */
	margin:0 auto;
}

#bottom-grad
{
	position:absolute;
	top:606px;
	width:100%;
	height:150px;
	z-index:99;
	background:url('../images/bottom-gradient-trans.png');
	pointer-events:none;
}


#gallery
{
	filter: alpha(opacity=0); /* internet explorer */
	-khtml-opacity: 0.0;      /* khtml, old safari */
	-moz-opacity: 0.0;       /* mozilla, netscape */
	opacity: 0.0;           /* fx, safari, opera */		
}

#gallerynav
{
	/*overflow: hidden;*/
	z-index:9998;
	position: absolute;
	/*bottom: 74px; */
	bottom: 350px;
	/*display:none; */
	/*opacity:0; */
	left:0px; 
	width:100%;
}

#gallerynav a
{
	background-color:#ffc801;
	font-size:24px;
	font-family: "Arial Black", Gadget, sans-serif;
	text-transform:uppercase;
    font-weight: normal;
    font-style: normal;
    text-decoration:none;

	position:relative;
	
	color:#fff;
	padding:26px;
	
	margin-right:0px;
}

#gallerynav a:hover
{
	
   color:#000;
   background:#dbac00;		
   outline:  none;
   ie-dummy: expression(this.hideFocus=true);
   border:0;
   outline:0;
}

#prev2 {position: absolute; left:400px;}
#next2 {position: absolute; right:385px;}

/*
#prev2 {position: absolute; left:665px;} 
#next2 {position: absolute; right:644px;}
*/

#nav
{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:187px;
	background-image:url('../images/nav-bg-shadow-trans.png'); 
	background-repeat:repeat-x;

	min-width:800px;
	z-index:201;
}

#nav-logo
{
	position:relative;
	top:15px;
}



#nav-items
{
	z-index:999;
	position:absolute;
	width:100%;
	top:0px;
	left:0px;
	line-height:84px;
	font-family: "Arial Black", Gadget, sans-serif; 
/*	font-family: 'Allerta Stencil', sans-serif; */
	text-transform:uppercase;
/*	font-family: 'BebasRegular'; */
    font-weight: normal;
    font-style: normal;
    min-width:680px;
	font-size:24px;
	
/*	display:none; */
}

#nav-items a
{
	color:#fff;
	background-color:none;
	padding:26px;
	text-decoration:none;
	margin-right:-6px;
	position: relative;
}

#nav-items a:hover, a:active, a:focus
{
	color:#000;
	background:#6FF;	
	
	outline:  none;
   ie-dummy: expression(this.hideFocus=true);
   border:0;
   outline:0;
}

#nav-items a.selected
{
	color:#000;
	background-color:#06C;
}



#abouttext
{
	font-family: Arial, Helvetica, sans-serif;
}

#abouttext h1
{
	font-weight:normal;
	font-size:28px;
	text-transform:uppercase;
	margin-bottom: 15px;
	line-height:28px;
}

#aboutlink1
{
	float:left;
	width: 185px;
}

#aboutlink2
{
	float: left;
	width: 260px;
}

#abouttext a
{
	color: #6FF;
	text-decoration:none;	
	text-transform:uppercase;
}

#abouttext a:hover, a:active, a:focus
{
	color:#ffc801;
}



#videostext
{
	font-family:"Arial Black", Gadget, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size:20px;	
	text-align:left;
}

#videostext a
{
	text-decoration:none;
	color:#fff;	
	background-color:#000;
	padding:5px;
}

#videostext a:hover
{
	text-decoration:none;
	color:#000;	
	background-color:#ffc801;
	padding:5px;
}

#videostext ul li
{
	list-style:none;
	display:inline;
	margin-right:15px;
	color:#fff;
}





#linkstext
{
	text-align:left;	
}

#linkstext a
{
	font-family:"Arial Black", Gadget, sans-serif;
	color:#d9e8d6;	
	text-decoration:none;
	text-transform:uppercase;
    font-weight: normal;
    font-style: normal;
   	font-size:20px;
}

#linkstext  a:hover
{
	color:#fff;	

}


#logo-ss11
{
	z-index:200;
	position:absolute;
	bottom:0px;
	left:0px;	
}

#logo-7eleven
{
	z-index:200;
	position:absolute;
	bottom:10px;
	right:10px;	
}



.match-details
{
	position:absolute;	
	z-index:9996;
	left:400px;
}

.match-image
{
	position:absolute;	
	left:400px;
	z-index:9997;
}

.match-type
{
	position:absolute;	
	right:395px;
	top:437px;
	z-index:9998;
	opacity: 0.8;	
}

@-moz-document url-prefix() {
	  .match-type
	{
		position:absolute;	
		right:395px;
		top:435px;
		z-index:9998;
		opacity: 0.8;	
	}
}

.match-type span
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	text-transform:uppercase;
	color: #F93;
	position: relative;
	top:14px;
	background-color:#000;
	padding:10px;
	text-align:right;
}

.match-title-line1
{
	position:absolute;	
	left:410px;
	z-index:9998;
	opacity: 0.8;
}

.match-title-line2
{
	position:absolute;	
	left:410px;
	z-index:9998;
	opacity: 0.8;
}


.match-title-line1 span a
{
	text-decoration:none;
	color:#ffc801;
}

.match-title-line2 span a
{
	text-decoration:none;
	color:#ffc801;
}

em
{
	font-style:normal;
	color:#ffd000;
	font-size:20px;
	padding-left:5px;
}

.match-title-line1 span
{
	font-family: "Arial Black", Gadget, sans-serif;
	font-size:24px;
	text-transform:uppercase;
	color:#FF9;
	position: relative;
	top:390px;
	background-color:#000;
	padding:10px;
}

@-moz-document url-prefix() {
   .match-title-line1 span
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size:24px;
		text-transform:uppercase;
		color:#fff;
		position: relative;
		top:389px;
		background-color:#000;
		padding:10px;
	}
}


.match-title-line2 span
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	text-transform:uppercase;
	color:#fff;
	position: relative;
	top:445px;
	background-color:#000;
	padding:10px;

}


.slideshow { height: 600px; width: 1500px; margin: auto; background: none;}
.slideshow img {border:none; background:none; }


.slideshow-slide
{
	width:1500px;	
	z-index:9999;
	text-align:left;
}

.slideshow-slide a:hover
{
	opacity:1;
}




/* tweets */

.tweet, .query {
  font-family: Arial;
  font-size: 12px;
  color: #fff;
  opacity:.7; 
  width: 500px;
}
  
 .tweet img
 {
 	display:none;	
 } 
  .tweet .tweet_list, .query .tweet_list {
    -webkit-border-radius: .5em;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow-y: hidden;
    background-color: #8ADEE2; }
    .tweet .tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic {
      text-transform: uppercase; font-size:11px; }
    .tweet .tweet_list li, .query .tweet_list li {
      overflow-y: hidden;
      overflow-x: hidden;
      padding: .5em; }
      .tweet .tweet_list li a, .query .tweet_list li a {
        color: #0C717A; }
    .tweet .tweet_list .tweet_even, .query .tweet_list .tweet_even {
      background-color: #91E5E7; }
    .tweet .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar {
      padding-right: .5em;
      float: left; }
      .tweet .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img {
        vertical-align: middle; }









/* fonts */

@font-face {
    font-family: 'OzoneRegular';
    src: url('../fonts/ozone-webfont.eot');
    src: url('../fonts/ozone-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ozone-webfont.woff') format('woff'),
         url('../fonts/ozone-webfont.ttf') format('truetype'),
         url('../fonts/ozone-webfont.svg#OzoneRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}



@font-face {
       font-family: 'BebasRegular';
    src: url('../fonts/BEBAS___-webfont.eot');
    src: url('../fonts/BEBAS___-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BEBAS___-webfont.woff') format('woff'),
         url('../fonts/BEBAS___-webfont.ttf') format('truetype'),
         url('../fonts/BEBAS___-webfont.svg#BebasRegular') format('svg');
    font-weight: normal;
    font-style: normal;
   }

@font-face {
    font-family: 'DJGrossNormal';
    src: url('../fonts/DJGROSS-webfont.eot');
    src: url('../fonts/DJGROSS-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DJGROSS-webfont.woff') format('woff'),
         url('../fonts/DJGROSS-webfont.ttf') format('truetype'),
         url('../fonts/DJGROSS-webfont.svg#DJGrossNormal') format('svg');
    font-weight: normal;
    font-style: normal;

}



a.begin
{
	font-size:100px;
	color:#fff;
	text-decoration:none;
	font-family: "Arial Black", Gadget, sans-serif;
}









#slider {
    width:715px; /* Change this to your images width */
    height:500px; /* Change this to your images height */
  //  background:url(../images/loading.gif) no-repeat 50% 50%;
  margin: auto;
  background: none;
}
#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
    z-index:9999;
}
#slider a {
    border:0;
    display:block;
}




/*
 * Skin for jPlayer Plugin (jQuery JavaScript Library)
 * http://www.happyworm.com/jquery/jplayer
 *
 * Skin Name: Blue Monday
 *
 * Copyright (c) 2010 Happyworm Ltd
 * Dual licensed under the MIT and GPL licenses.
 *  - http://www.opensource.org/licenses/mit-license.php
 *  - http://www.gnu.org/copyleft/gpl.html
 *
 * Author: Silvia Benvenuti
 * Skin Version: 3.0 (jPlayer 2.0.0)
 * Date: 20th December 2010
 */


#musicTitle {
	position:absolute;
	z-index:999;
	right:75px;
	top:25px;
	font-size:10px;
	text-align:right;
	font-family:arial;
	color:#fff;
	
	font-family: "Arial Black", Gadget, sans-serif; 
	text-transform:uppercase;
}


div.jp-audio,
div.jp-video {

/*display:none; */

	/* Edit the font-size to counteract inherited font sizing.
	 * Eg. 1.25em = 1 / 0.8em
	 */
	position:absolute;
	z-index:999;
	
	top:0px;
	right:20px;
	
	font-size:1em; /* No parent CSS that can effect the size in these demos */

	font-family:Verdana, Arial, sans-serif;
	line-height:1.6;
	color: #666;
}
div.jp-audio {
	width:40px;
}
div.jp-video-270p {
	width:480px;
}
div.jp-video-360p {
	width:640px;
}
div.jp-interface {
	position: relative;
/*	background-color:#eee; */
	/* width:418px; */
	width:100%;
/*	border:1px solid #009be3; */
}
div.jp-audio div.jp-type-single div.jp-interface {
	height:80px;
	border-bottom:none;
}
div.jp-audio div.jp-type-playlist div.jp-interface {
	height:80px;
}
div.jp-video div.jp-type-single div.jp-interface {
	height:60px;
	border-bottom:none;
}
div.jp-video div.jp-type-playlist div.jp-interface {
	height:60px;
}
div.jp-interface ul.jp-controls {
	list-style-type:none;
	padding:0;
	margin: 0;
}
div.jp-interface ul.jp-controls li {
	/* position: absolute; */
	display:inline;
}
div.jp-interface ul.jp-controls a {
	position: absolute;
	overflow:hidden;
	text-indent:-9999px;
}
a.jp-play,
a.jp-pause {
	width:40px;
	height:40px;
	z-index:1;
}
div.jp-audio div.jp-type-single a.jp-play,
div.jp-audio div.jp-type-single a.jp-pause {
	top:20px;
	left:0px;
}
div.jp-audio div.jp-type-playlist a.jp-play,
div.jp-audio div.jp-type-playlist a.jp-pause {
	top:20px;
	left:48px;
}
div.jp-video a.jp-play,
div.jp-video a.jp-pause {
	top:15px;
}
div.jp-video-270p div.jp-type-single a.jp-play,
div.jp-video-270p div.jp-type-single a.jp-pause {
	left:195px;
}
div.jp-video-270p div.jp-type-playlist a.jp-play,
div.jp-video-270p div.jp-type-playlist a.jp-pause {
	left:220px;
}
div.jp-video-360p div.jp-type-single a.jp-play,
div.jp-video-360p div.jp-type-single a.jp-pause {
	left:275px;
}
div.jp-video-360p div.jp-type-playlist a.jp-play,
div.jp-video-360p div.jp-type-playlist a.jp-pause {
	left:300px;
}
a.jp-play {
	background: url("../images/jplayer.blue.monday.jpg") 0 0 no-repeat;
}
a.jp-play:hover {
	background: url("../images/jplayer.blue.monday.jpg") -41px 0 no-repeat;
}
a.jp-pause {
	background: url("../images/jplayer.blue.monday.jpg") 0 -42px no-repeat;
	display: none;
}
a.jp-pause:hover {
	background: url("../images/jplayer.blue.monday.jpg") -41px -42px no-repeat;
}
div.jp-audio div.jp-type-single a.jp-stop {
	top:26px;
	left:90px;
}
div.jp-audio div.jp-type-playlist a.jp-stop {
	top:26px;
	left:126px;
}
div.jp-video a.jp-stop {
	top:21px;
}
div.jp-video-270p div.jp-type-single a.jp-stop {
	left:245px;
}
div.jp-video-270p div.jp-type-playlist a.jp-stop {
	left:298px;
}
div.jp-video-360p div.jp-type-single a.jp-stop {
	left:325px;
}
div.jp-video-360p div.jp-type-playlist a.jp-stop {
	left:378px;
}
a.jp-stop {
	background: url("../images/jplayer.blue.monday.jpg") 0 -83px no-repeat;
	width:28px;
	height:28px;
	z-index:1;
}
a.jp-stop:hover {
	background: url("../images/jplayer.blue.monday.jpg") -29px -83px no-repeat;
}
div.jp-audio div.jp-type-playlist a.jp-previous {
	left:20px;
	top:26px;
}
div.jp-video div.jp-type-playlist a.jp-previous {
	top:21px;
}
div.jp-video-270p div.jp-type-playlist a.jp-previous {
	left:192px;
}
div.jp-video-360p div.jp-type-playlist a.jp-previous {
	left:272px;
}
a.jp-previous {
	background: url("../images/jplayer.blue.monday.jpg") 0 -112px no-repeat;
	width:28px;
	height:28px;
}
a.jp-previous:hover {
	background: url("../images/jplayer.blue.monday.jpg") -29px -112px no-repeat;
}
div.jp-audio div.jp-type-playlist a.jp-next {
	left:88px;
	top:26px;
}
div.jp-video div.jp-type-playlist a.jp-next {
	top:21px;
}
div.jp-video-270p div.jp-type-playlist a.jp-next {
	left:260px;
}
div.jp-video-360p div.jp-type-playlist a.jp-next {
	left:340px;
}
a.jp-next {
	background: url("../images/jplayer.blue.monday.jpg") 0 -141px no-repeat;
	width:28px;
	height:28px;
}
a.jp-next:hover {
	background: url("../images/jplayer.blue.monday.jpg") -29px -141px no-repeat;
}
div.jp-progress {
	position: absolute;
	overflow:hidden;
	background-color: #ccc;
}
div.jp-audio div.jp-type-single div.jp-progress {
	top:65px;
	left:0px;
	width:40px;
	height:15px;
}
div.jp-audio div.jp-type-playlist div.jp-progress {
	top:32px;
	left:164px;
	width:122px;
	height:15px;
}
div.jp-video div.jp-progress {
	top:0px;
	left:0px;
	width:100%;
	height:10px;
}
div.jp-seek-bar {
	background: url("../images/jplayer.blue.monday.jpg") 0 -202px repeat-x;
	width:0px;
	/* height:15px; */
	height:100%;
	cursor: pointer;
}
div.jp-play-bar {
	background: url("../images/jplayer.blue.monday.jpg") 0 -218px repeat-x ;
	width:0px;
	/* height:15px; */
	height:100%;
}

/* The seeking class is added/removed inside jPlayer */
div.jp-seeking-bg {
	background: url("../images/pbar-ani.gif");
}

a.jp-mute,
a.jp-unmute {
	width:18px;
	height:15px;
}
div.jp-audio div.jp-type-single a.jp-mute,
div.jp-audio div.jp-type-single a.jp-unmute {
	top:32px;
	left:144px;
}
div.jp-audio div.jp-type-playlist a.jp-mute,
div.jp-audio div.jp-type-playlist a.jp-unmute {
	top:32px;
	left:144px;
}
div.jp-video a.jp-mute,
div.jp-video a.jp-unmute {
	top:27px;
}
div.jp-video-270p div.jp-type-single a.jp-mute,
div.jp-video-270p div.jp-type-single a.jp-unmute {
	left:304px;
}
div.jp-video-270p div.jp-type-playlist a.jp-unmute,
div.jp-video-270p div.jp-type-playlist a.jp-mute {
	left:363px;
}
div.jp-video-360p div.jp-type-single a.jp-mute,
div.jp-video-360p div.jp-type-single a.jp-unmute {
	left:384px;
}
div.jp-video-360p div.jp-type-playlist a.jp-mute,
div.jp-video-360p div.jp-type-playlist a.jp-unmute {
	left:443px;
}
a.jp-mute {
	background: url("../images/jplayer.blue.monday.jpg") 0 -186px no-repeat;
}
a.jp-mute:hover {
	background: url("../images/jplayer.blue.monday.jpg") -19px -170px no-repeat;
}
a.jp-unmute {
	background: url("../images/jplayer.blue.monday.jpg") 0 -170px no-repeat;
	display: none;
}
a.jp-unmute:hover {
	background: url("../images/jplayer.blue.monday.jpg") -19px -186px no-repeat;
}
div.jp-volume-bar {
	position: absolute;
	overflow:hidden;
	background: url("../images/jplayer.blue.monday.jpg") 0 -250px repeat-x;
	width:46px;
	height:5px;
	cursor: pointer;
}
div.jp-audio div.jp-type-single div.jp-volume-bar {
	top:37px;
	left:302px;
}
div.jp-audio div.jp-type-playlist div.jp-volume-bar {
	top:37px;
	left:324px;
}
div.jp-video div.jp-volume-bar {
	top:32px;
}
div.jp-video-270p div.jp-type-single div.jp-volume-bar {
	left:332px;
}
div.jp-video-270p div.jp-type-playlist div.jp-volume-bar {
	left:391px;
}
div.jp-video-360p div.jp-type-single div.jp-volume-bar {
	left:412px;
}
div.jp-video-360p div.jp-type-playlist div.jp-volume-bar {
	left:471px;
}
div.jp-volume-bar-value {
	background: url("../images/jplayer.blue.monday.jpg") 0 -256px repeat-x;
	width:0px;
	height:5px;
}
div.jp-current-time,
div.jp-duration {
	position: absolute;
	font-size:.64em;
	font-style:oblique;
}
div.jp-duration {
	text-align: right;
}
div.jp-audio div.jp-type-single div.jp-current-time,
div.jp-audio div.jp-type-single div.jp-duration {
	top:49px;
	left:130px;
	width:122px;
}
div.jp-audio div.jp-type-playlist div.jp-current-time,
div.jp-audio div.jp-type-playlist div.jp-duration {
	top:49px;
	left:164px;
	width:122px;
}
div.jp-video div.jp-current-time,
div.jp-video div.jp-duration {
	top:10px;
	left:0px;
	width:98%;
	padding:0 1%;
}
div.jp-playlist {
	/* width:418px; */
	width:100%;
	background-color:#ccc;
	border:1px solid #009be3;
	border-top:none;
}
div.jp-playlist ul {
	list-style-type:none;
	margin:0;
	padding:0 20px;
	/* background-color:#ccc; */
	/* border:1px solid #009be3; */
	/* border-top:none; */
	/* width:378px; */
	font-size:.72em;
}


div.jp-type-single div.jp-playlist li {
	padding:5px 0 5px 20px;
	font-weight:bold;
}
div.jp-type-playlist div.jp-playlist li {
	padding:5px 0 4px 20px;
	border-bottom:1px solid #eee;
}
/*
div.jp-video div.jp-playlist li {
	padding:5px 0 5px 20px;
	font-weight:bold;
}
*/
div.jp-type-playlist div.jp-playlist li.jp-playlist-last {
	padding:5px 0 5px 20px;
	border-bottom:none;
}
div.jp-type-playlist div.jp-playlist li.jp-playlist-current {
	list-style-type:square;
	list-style-position:inside;
	padding-left:8px;
}
div.jp-type-playlist div.jp-playlist a {
	color: #666;
	text-decoration: none;
}
div.jp-type-playlist div.jp-playlist a:hover {
	color:#0d88c1;
}
div.jp-type-playlist div.jp-playlist a.jp-playlist-current {
	color:#0d88c1;
}
div.jp-type-playlist div.jp-playlist div.jp-free-media {
	display:inline;
	margin-left:20px;
}

div.jp-video div.jp-video-play {
	background: transparent url("../images/jplayer.blue.monday.video.play.png") no-repeat center;
	/* position: relative; */
	position: absolute;
	cursor:pointer;
	z-index:2;
}
div.jp-video div.jp-video-play:hover {
	background: transparent url("../images/jplayer.blue.monday.video.play.hover.png") no-repeat center;
}
div.jp-video-270p div.jp-video-play {
	top:-270px;
	width:480px;
	height:270px;
}
div.jp-video-360p div.jp-video-play {
	top:-360px;
	width:640px;
	height:360px;
}

div.jp-jplayer {
	width:0px;
	height:0px;
}
div.jp-video div.jp-jplayer {
	border:1px solid #009be3;
	border-bottom:none;
	z-index:1;
}
div.jp-video-270p div.jp-jplayer {
	width:480px;
	height:270px;
}
div.jp-video-360p div.jp-jplayer {
	width:640px;
	height:360px;
}
div.jp-jplayer {
	background-color: #000000;
}