/*html{
			padding: 0;
			margin: 0;
			}*/
body{
			width: 100%;
			//height: 100%;
			background-position: center;
			//background-size: cover;
			color: #fff;
			font-family: "Droid Sans","Century Gothic","Helvetica","Arial","sans-serif";
			text-align: center;
			//text-shadow: 2px 2px #240f17;
			//padding-top: 20pt;
			padding-left: 0px;
			padding-right: 0px;
			margin: 0;
			//background: -webkit-linear-gradient(white, black, white); /* For Safari 5.1 to 6.0 */
			//background: -o-linear-gradient(white, black, white); /* For Opera 11.1 to 12.0 */
			//background: -moz-linear-gradient(white, black, white); /* For Firefox 3.6 to 15 */
			//background: linear-gradient(white, black, white); /* Standard syntax */
			//overflow-x: hidden;

@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }
}
#container{
			width: 100%;
			//max-width: 1280px;
			position: relative;
			z-index: 0;
			top: 1280px;
			left: 0px;
			//min-width: 1026px;
			padding-right: 0px;
			padding-left: 0px;
			margin-left: 0px;
			margin-right: 0px;
			//opacity: 0;
			
}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
  
  	#container {
  	top: 1000px;
  	}
}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
  
  	#container {
  	top: 500px;
  	}
  
}
#content.index{
			//background: rgba(0, 0, 0, 1);
			background-image: url('../images/wallpaper/wallpaper_Hue_White_720.jpg');
			//background-position: right bottom;
			background-repeat: repeat-y;
			background-size: cover !important;
			//padding-top: 6pt;
			padding-left: 0px;
			padding-right: 0px;
			//padding-bottom: 6pt;
			margin-left: 0px;
			position: relative;
			top: 0px;
			left: 0px;
			float: left;
			width: 65%;
			//min-width: 40%;
			margin-right: 0%;
			text-align: left;
			font-size: 12pt;
			line-height: 1.5;
-webkit-box-shadow: 0px 11px 18px -3px rgba(50, 50, 50, 0.48);
-moz-box-shadow:    0px 11px 18px -3px rgba(50, 50, 50, 0.48);
box-shadow:         0px 11px 18px -3px rgba(50, 50, 50, 0.48);
/*border-radius: 0px 0px 50px 50px;
-moz-border-radius: 0px 0px 50px 50px;
-webkit-border-radius: 0px 0px 50px 50px;
border: 0px double #000000;*/

}
#content.competition{
			background: rgba(255, 255, 255, 0.75);
			//background-image: url('../images/wallpaper/wallpaper_Hue_Black_720.jpg');
			background-position: right bottom;
			background-repeat: repeat-y;
			//padding-top: 16pt;
			padding-left: 0px;
			padding-right: 0px;
			//padding-bottom: 6pt;
			margin-left: 0px;
			position: relative;
			top: 22px;
			left: 0px;
			float: left;
			width: 65%;
			//min-width: 40%;
			margin-right: 0%;
			text-align: left;
			font-size: 12pt;
			line-height: 1.5;
-webkit-box-shadow: 0px 11px 18px -3px rgba(50, 50, 50, 0.48);
-moz-box-shadow:    0px 11px 18px -3px rgba(50, 50, 50, 0.48);
box-shadow:         0px 11px 18px -3px rgba(50, 50, 50, 0.48);
/*border-radius: 0px 0px 50px 50px;
-moz-border-radius: 0px 0px 50px 50px;
-webkit-border-radius: 0px 0px 50px 50px;
border: 0px double #000000;*/

}
#content.ga{
			background: rgba(0, 0, 0, 0.85);
			//background-image: url('../images/wallpaper/wallpaper_Hue_Black_720.jpg');
			background-position: right bottom;
			background-repeat: repeat-y;
			//padding-top: 6pt;
			padding-left: 0px;
			padding-right: 0px;
			//padding-bottom: 6pt;
			margin-left: 0px;
			position: relative;
			top: 20px;
			left: 0px;
			float: left;
			width: 65%;
			//min-width: 40%;
			margin-right: 0%;
			text-align: left;
			font-size: 12pt;
			line-height: 1.5;
-webkit-box-shadow: 0px 11px 18px -3px rgba(50, 50, 50, 0.48);
-moz-box-shadow:    0px 11px 18px -3px rgba(50, 50, 50, 0.48);
box-shadow:         0px 11px 18px -3px rgba(50, 50, 50, 0.48);
/*border-radius: 50px 50px 50px 50px;
-moz-border-radius: 50px 50px 50px 50px;
-webkit-border-radius: 50px 50px 50px 50px;
border: 0px double #000000;*/

}
#content.judges{
			background: rgba(255, 255, 255, 0.8);
			//background-image: url('../images/wallpaper/wallpaper_Hue_Black_720.jpg');
			background-position: right bottom;
			background-repeat: repeat-y;
			//padding-top: 6pt;
			//padding-left: 10px;
			padding-right: 0px;
			//padding-bottom: 6pt;
			margin-left: 0px;
			position: relative;
			top: 20px;
			left: 0px;
			float: left;
			width: 65%;
			//min-width: 40%;
			margin-right: 0%;
			text-align: left;
			font-size: 12pt;
			line-height: 1.5;
-webkit-box-shadow: 0px 11px 18px -3px rgba(50, 50, 50, 0.48);
-moz-box-shadow:    0px 11px 18px -3px rgba(50, 50, 50, 0.48);
box-shadow:         0px 11px 18px -3px rgba(50, 50, 50, 0.48);
border: 0px double #000000;

}
#content.contestants{
			background: rgba(0, 0, 0, 0.8);
			
			background-position: right bottom;
			background-repeat: repeat-y;			
			position: relative;
			top: 20px;
			left: 0;
			color: #fff;
			float: left;
			width: 65%;
			text-align: left;
			font-size: 12pt;
			line-height: 1.5;
-webkit-box-shadow: 0px 11px 18px -3px rgba(50, 50, 50, 0.48);
-moz-box-shadow:    0px 11px 18px -3px rgba(50, 50, 50, 0.48);
box-shadow:         0px 11px 18px -3px rgba(50, 50, 50, 0.48);

border: 0px double #000000;

}
#contentfull.contestants{
			background: rgba(0,0,0,0.8);
			padding: 0;
			position: relative;
			top: 0;
			color: #fff;
			width: 100%;
			float: left;
			font-size: 12pt:
			line-height: 1.5;
-webkit-box-shadow: 0px 11px 18px -3px rgba(50, 50, 50, 0.48);
-moz-box-shadow:    0px 11px 18px -3px rgba(50, 50, 50, 0.48);
box-shadow:         0px 11px 18px -3px rgba(50, 50, 50, 0.48);			
			}
#rightcol.index {
			//background:rgba(255,255,255,.5);			
			background-image:  url('../images/wallpaper/wallpaper_Hue_White_720.jpg');
			background-position: right top;
			background-repeat: repeat-y;
			background-size: cover !important;
			//padding-top: 50px;
			padding-left: 0px;
			padding-right: 0px;
			//padding-bottom: 6pt;
			position: relative;
			margin-right: 0px;
			float: left;
			width: 35%;
			//min-width: 30%;
			margin-left: 0%;
			text-align: center;
			font-size: 14pt;
			line-height: 1.5;
			

}
#rightcol.competition {
			background:rgba(255,255,255,.5);			
			//background-image:  url('../images/wallpaper/wallpaper_Hue_White_720.jpg');
			background-position: right top;
			background-repeat: repeat-y;
			//padding-top: 16px;
			top: 22px;
			padding-left: 0px;
			padding-right: 0px;
			//padding-bottom: 6pt;
			position: relative;
			margin-right: 0px;
			float: left;
			width: 35%;
			//min-width: 30%;
			margin-left: 0%;
			text-align: center;
			font-size: 14pt;
			line-height: 1.5;
			
-webkit-box-shadow: 0px 11px 18px -3px rgba(50, 50, 50, 0.48);
-moz-box-shadow:    0px 11px 18px -3px rgba(50, 50, 50, 0.48);
box-shadow:         0px 11px 18px -3px rgba(50, 50, 50, 0.48);
/*border-radius: 0px 0px 50px 50px;
-moz-border-radius: 0px 0px 50px 50px;
-webkit-border-radius: 0px 0px 50px 50px;
border: 0px double #000000;*/
}
#rightcol.ga{
			background:rgba(255,255,255, 0.85);			
			//background-image:  url('../images/wallpaper/wallpaper_Hue_White_720.jpg');
			background-position: bottom left;
			background-repeat: repeat-y;
			//padding-top: 50px;
			padding-left: 0px;
			padding-right: 0px;
			//padding-bottom: 6pt;
			position: relative;
			margin-right: 0px;
			float: left;
			width: 35%;
			//min-width: 30%;
			margin-left: 0%;
			text-align: center;
			font-size: 14pt;
			color: #000;
			line-height: 1.5;
			
-webkit-box-shadow: 0px 11px 18px -3px rgba(50, 50, 50, 0.48);
-moz-box-shadow:    0px 11px 18px -3px rgba(50, 50, 50, 0.48);
box-shadow:         0px 11px 18px -3px rgba(50, 50, 50, 0.48);
/*border-radius: 50px 50px 50px 50px;
-moz-border-radius: 50px 50px 50px 50px;
-webkit-border-radius: 50px 50px 50px 50px;
border: 0px double #000000;*/
}
#rightcol.judges{
			background:rgba(255,255,255, 0.8);			
			//background-image:  url('../images/wallpaper/wallpaper_Hue_White_720.jpg');
			background-position: bottom left;
			background-repeat: repeat-y;
			//padding-top: 50px;
			padding-left: 0px;
			padding-right: 0px;
			//padding-bottom: 6pt;
			position: relative;
			margin-right: 0px;
			float: left;
			width: 35%;
			//height: 100%;
			//min-width: 30%;
			margin-left: 0%;
			text-align: center;
			font-size: 14pt;
			color: #000;
			line-height: 1.5;
			
-webkit-box-shadow: 0px 11px 18px -3px rgba(50, 50, 50, 0.48);
-moz-box-shadow:    0px 11px 18px -3px rgba(50, 50, 50, 0.48);
box-shadow:         0px 11px 18px -3px rgba(50, 50, 50, 0.48);
border: 0px double #000000;
}
.contestantsrightcol {
			background:rgba(255,255,255, 0.7);			
			//background-image:  url('../images/wallpaper/wallpaper_Hue_White.jpg');
			background-position: bottom left;
			background-repeat: repeat-y;
			//padding-top: 50px;
			padding-left: 0px;
			padding-right: 0px;
			//padding-bottom: 6pt;
			position: relative;
			margin-right: 0px;
			//margin-top: 18pt;
			top: 20px;
			float: left;
			width: 35%;
			//height: 100%;
			//min-width: 30%;
			margin-left: 0%;
			text-align: center;
			font-size: 14pt;
			color: #000;
			line-height: 1.5;
			
-webkit-box-shadow: 0px 11px 18px -3px rgba(50, 50, 50, 0.48);
-moz-box-shadow:    0px 11px 18px -3px rgba(50, 50, 50, 0.48);
box-shadow:         0px 11px 18px -3px rgba(50, 50, 50, 0.48);
border: 0px double #000000;
}
#leftcol.contestants {
			background:rgba(255,255,255,.7);			
			background-position: right top;
			background-repeat: repeat-y;
			padding: 0;
			position: relative;
			top: 15pt;
			left:0px;
			margin-left: -100%;
			margin-top: 4pt;
			float: left;
			width: 20%;
			text-align: center;
			font-size: 14pt;
			color: #000;
			line-height: 1.5;
			
-webkit-box-shadow: 0px 11px 18px -3px rgba(50, 50, 50, 0.48);
-moz-box-shadow:    0px 11px 18px -3px rgba(50, 50, 50, 0.48);
box-shadow:         0px 11px 18px -3px rgba(50, 50, 50, 0.48);
border: 0px double #000000;
}
#content p, #rightcol p {	
			padding-right: 20px;
			padding-left: 20px;
			//padding-top: 20px;
			//padding-bottom: 20px;
			margin-right: 20px;
			margin-left: 20px;
			}
#content.ga p, #rightcol.ga p {	
			padding-right: 20px;
			padding-left: 20px;
			//padding-top: 20px;
			//padding-bottom: 20px;
			margin-right: 20px;
			margin-left: 20px;
			}
#content.contestants img  {	
			//padding-right: 20px;
			padding-left: 20px;
			//padding-top: 20px;
			padding-bottom: 20px;
			//margin-right: 30px;
			margin-left: 20px;
			}
#content.contestants img:hover{
			opacity: 0.7;
			}
#content.contestants. contestantmugs span p{
			opacity:0;
			
			position: relative;
			//left: 500px;
			width: 100%;
			//height: 320;
			bottom: 0px;
			left: 0px;
			z-index: 1000;
			color #fff;
			display: block;
			}
#content.contestants .contestantmugs span p:hover{
			opacity:1;
			background: rgba(0, 0, 0, 0.5);
			}

.contestantmugs{
			height:320px;
			width: 260px;
			}
#content .endlogo img{		
			width: 300px;
			height:auto;
			padding: 10px;
			float: right;
			}
nav .index{

			background:rgba(0, 0, 0, 0.85);
			background-image: url('../images/wallpaper/wallpaper_Hue_Black_720.jpg');
			background-position: bottom right;
			position: fixed;
			z-index: 2;
			top: 0px;
			left: 0px;
			width: 100%;
			background-repeat: repeat-y;
			margin-right: auto;
			margin-left: auto;
			margin-top: auto;
			margin-right: auto;
			text-align: center;
			font-size: 24pt;
			color: #D8D8D8;
			//text-shadow: 2px 2px #240f17;
			line-height: 1.5;
			
-webkit-box-shadow: 0px 11px 18px -3px rgba(50, 50, 50, 0.48);
-moz-box-shadow:    0px 11px 18px -3px rgba(50, 50, 50, 0.48);
box-shadow:         0px 11px 18px -3px rgba(50, 50, 50, 0.48);

}
/*nav .index img:hover{
			opacity: 0.85;
			}*/
nav .btn-group{

			background:rgba(0, 0, 0, 0.85);
			background-image: url('../images/wallpaper/wallpaper_Hue_Black_720.jpg');
			background-position: bottom right;
			position: fixed;
			z-index: 3;
			top: 0px;
			left: 0px;
			width: 100%;
			background-repeat: repeat-y;
			margin-right: auto;
			margin-left: auto;
			margin-top: auto;
			margin-right: auto;
			text-align: center;
			font-size: 14pt;
			color: #D8D8D8;
			//text-shadow: 2px 2px #240f17;
			line-height: 1.5;
			
-webkit-box-shadow: 0px 11px 18px -3px rgba(50, 50, 50, 0.48);
-moz-box-shadow:    0px 11px 18px -3px rgba(50, 50, 50, 0.48);
box-shadow:         0px 11px 18px -3px rgba(50, 50, 50, 0.48);

}
nav .competition{

			background:rgba(0, 0, 0, 0.75);
			//background-image: url('../images/wallpaper/wallpaper_Hue_Black_720.jpg');
			background-position: bottom right;
			position: fixed;
			z-index: 3;
			top: 0px;
			left: 0px;
			width: 100%;
			background-repeat: repeat-y;
			margin-right: auto;
			margin-left: auto;
			margin-top: auto;
			margin-right: auto;
			text-align: center;
			font-size: 14pt;
			color: #D8D8D8;
			text-shadow: 2px 2px #240f17;
			line-height: 1.5;
			
-webkit-box-shadow: 0px 11px 18px -3px rgba(50, 50, 50, 0.48);
-moz-box-shadow:    0px 11px 18px -3px rgba(50, 50, 50, 0.48);
box-shadow:         0px 11px 18px -3px rgba(50, 50, 50, 0.48);

}
nav .ga{
 			//inherit: none;
			//background:rgba(0, 0, 0, 0.85);
			background-image: url('../images/wallpaper/wallpaper_dark_2_720.jpg');
			opacity: 0.85;
			background-position: top left;
			background-repeat: repeat-y;
			position: fixed;
			z-index: 3;
			top: 0px;
			left: 0px;
			width: 100%;
			margin-left: auto;
			margin-top: auto;
			margin-right: auto;
			text-align: center;
			font-size: 14pt;
			color: #d8d8d8;
			text-shadow: 2px 2px #240f17;
			line-height: 1.5;
			
-webkit-box-shadow: 0px 11px 18px -3px rgba(50, 50, 50, 0.48);
-moz-box-shadow:    0px 11px 18px -3px rgba(50, 50, 50, 0.48);
box-shadow:         0px 11px 18px -3px rgba(50, 50, 50, 0.48);

}
nav .judges{
 			//inherit: none;
			background:rgba(0, 0, 0, 0.7);
			//background-image: url('../images/wallpaper/wallpaper_dark_2.jpg');
			opacity: 0.85;
			background-position: top left;
			background-repeat: repeat-y;
			position: fixed;
			z-index: 3;
			top: 0px;
			left: 0px;
			width: 100%;
			margin-left: auto;
			margin-top: auto;
			margin-right: auto;
			text-align: center;
			font-size: 14pt;
			color: #d8d8d8;
			text-shadow: 2px 2px #240f17;
			line-height: 1.5;
			
-webkit-box-shadow: 0px 11px 18px -3px rgba(50, 50, 50, 0.48);
-moz-box-shadow:    0px 11px 18px -3px rgba(50, 50, 50, 0.48);
box-shadow:         0px 11px 18px -3px rgba(50, 50, 50, 0.48);

}
nav .contestants{
 			inherit: none;
			background:rgba(0, 0, 0, 0.7);
			//background-image: url('../images/wallpaper/wallpaper_dark_2.jpg');
			//opacity: 0.85;
			background-position: top left;
			background-repeat: repeat-y;
			position: fixed;
			z-index: 3;
			top: 0px;
			left: 0px;
			width: 100%;
			margin-left: auto;
			margin-top: auto;
			margin-right: auto;
			text-align: center;
			font-size: 14pt;
			color: #d8d8d8;
			text-shadow: 2px 2px #240f17;
			line-height: 1.5;
			
-webkit-box-shadow: 0px 11px 18px -3px rgba(50, 50, 50, 0.48);
-moz-box-shadow:    0px 11px 18px -3px rgba(50, 50, 50, 0.48);
box-shadow:         0px 11px 18px -3px rgba(50, 50, 50, 0.48);

}
a {
  color: #D8D8D8;
  text-shadow: 1px 1px #71749B;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #fff;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
a:visited {
			color rgba: (255, 255, 255, .75);
			}
.welcome {
			color: #d8d8d8;
			position: relative;
			//z-index: 2;
			opacity: 0.9;
			background: rgba(255,255,255,0.1);
			//margin: 0 50px 0 50px;
			padding: 0 50px 0 50px;
			font-size: 14pt;
			//font-family: Helvetica;
			-webkit-box-shadow: 0px 11px 18px -3px rgba(50, 50, 50, 0.48);
-moz-box-shadow:    0px 11px 18px -3px rgba(50, 50, 50, 0.48);
box-shadow:         0px 11px 18px -3px rgba(50, 50, 50, 0.48);

			}

h1 .index{

			background-image: url('../images/wallpaper/wallpaper_Hue_Black_720.jpg');
			// background-image: url('../images/header/BEAT_HeaderGradient_inside.png');
			background:rgba(0, 0, 0, 0.85);
			background-position: bottom left;
			
			top: 0px;
			//background-repeat: repeat-y;
			position: absolute;
			padding-top: 30px;
			
			padding-left: 0px;
			padding-right: 0px;
			padding-bottom: 0px;
			margin-left: 0px;
			margin-right: 0px;
			width: 100%;
			//max-width: 1280px;
			font-size: 36pt;
			font-weight: bold;
			color: #8c8c8c;
			text-align: center;
	

}
h1 .competition{

			//background-image: url('../images/wallpaper/wallpaper_Hue_Black.jpg');
			// background-image: url('../images/header/BEAT_HeaderGradient_inside.png');
			background:rgba(0, 0, 0, 0.75);
			background-position: bottom left;
			
			top: 0px;
			//background-repeat: repeat-y;
			position: relative;
			padding-top: 0px;
			
			padding-left: 0px;
			padding-right: 0px;
			padding-bottom: 0px;
			margin-left: 0px;
			margin-right: 0px;
			width: 100%;
			//max-width: 1280px;
			font-size: 36pt;
			font-weight: bold;
			text-align: center;
	

}

h1 .ga {

			//background-image: url('../images/wallpaper/wallpaper_Hue_Black.jpg');
			// background-image: url('../images/header/BEAT_HeaderGradient_inside.png');
			background: rgba(0, 0, 0, 0.85);
			background-position: bottom left;
			
			top: 0px;
			//background-repeat: repeat-y;
			position: relative;
			padding-top: 0px;
			
			padding-left: 0px;
			padding-right: 0px;
			padding-bottom: 0px;
			margin-left: 0px;
			margin-right: 0px;
			width: 100%;
			//max-width: 1280px;
			font-size: 36pt;
			font-weight: bold;
			text-align: center;
	

}
h1 .contestants {

			//background-image: url('../images/wallpaper/wallpaper_Hue_Black.jpg');
			// background-image: url('../images/header/BEAT_HeaderGradient_inside.png');
			background: rgba(0, 0, 0, 0.85);
			background-position: bottom left;
			
			top: 0px;
			//background-repeat: repeat-y;
			position: relative;
			padding-top: 0px;
			
			padding-left: 0px;
			padding-right: 0px;
			padding-bottom: 0px;
			margin: 0%;
			width: 100%;
			//max-width: 1280px;
			font-size: 36pt;
			font-weight: bold;
			text-align: center;
	

}
h1 .judges {

			background: rgba(0, 0, 0, 0.85);
			//background-image: url('../images/wallpaper/wallpaper_Hue_Black.jpg');
			// background-image: url('../images/header/BEAT_HeaderGradient_inside.png');
			//background: linear-gradient(rgba(0,0,0,1),rgba(0,0,0,.4),rgba(0,0,0,1));
			//background: -webkit-linear-gradient(rgba(0,0,0,1),rgba(0,0,0,.4),rgba(0,0,0,1));
			//background: -moz-linear-gradient(rgba(0,0,0,1),rgba(0,0,0,.4),rgba(0,0,0,1));
			//background: -o-linear-gradient(rgba(0,0,0,1),rgba(0,0,0,.4),rgba(0,0,0,1));
			background-position: bottom left;
			
			top: 0px;
			//background-repeat: repeat-y;
			position: relative;
			padding-top: 0px;
			
			padding-left: 0px;
			padding-right: 0px;
			padding-bottom: 0px;
			margin-left: 0px;
			margin-right: 0px;
			width: 100%;
			//max-width: 1280px;
			font-size: 36pt;
			font-weight: bold;
			text-align: center;
	

}
h2.tagline{
			
			letter-spacing: 3px; 
			font-variant:small-caps; 
			text-align: center;
			}

#playbuttonsplash{
			//background: rgba(255, 255, 255, 0.7);
			//background-image: url('../images/banner/Banner_01.gif');
			//background: -webkit-linear-gradient(left,white,black,white);
			//background: -o-linear-gradient(right,rgba(0,0,0,0),white,rgba(0,0,0,0)); /* For Opera 11.1 to 12.0 */
			//background: -moz-linear-gradient(right,rgba(0,0,0,0),white,rgba(0,0,0,0)); /* For Firefox 3.6 to 15 */
			//background: linear-gradient(to right,white,black,white); /* Standard syntax */
			position: absolute;
			z-index: -1;
			width: 100%;
			height: 68px;
			left: -100;
			top: 310px;
			}
#playbuttonsplash img.left{
			position: relative;
			//background: rgba(255, 255, 255, 0.5);
			float: left;
			height: 70px;
			width: auto;
			/*-webkit-box-shadow: 0px 11px 18px -3px rgba(0, 0, 0, 0.48);
-moz-box-shadow:    0px 11px 18px -3px rgba(0, 0, 0, 0.48);
box-shadow:         0px 11px 18px -3px rgba(0, 0, 0, 0.48);*/

			}
#playbuttonsplash img.right{
			position: relative;
			//background: rgba(255, 255, 255, 0.5);
			float: right;
			height: 70px;
			width: auto;
			/*-webkit-box-shadow: 0px 11px 18px -3px rgba(0, 0, 0, 0.48);
-moz-box-shadow:    0px 11px 18px -3px rgba(0, 0, 0, 0.48);
box-shadow:         0px 11px 18px -3px rgba(0, 0, 0, 0.48);*/

			}
#banneranimation{ 
			background: #000;
			
			-webkit-animation-name: back;
        		-webkit-animation-duration: 20s;
      		        animation-name: back;
        		animation-duration: 20s;
			-webkit-animation-iteration-count: 1;
			//-webkit-animation-direction: alternate;
			//-webkit-animation-play-state: running;
			animation-iteration-count: 1;
			//animation-direction: alternate;
			//animation-play-state: running;
			}
#banneranimation .inside, .outside{
			background-position: center top;
			position: absolute;
			opacity: 0.6;
			//background-image: url('../images/header/BEAT_HeaderGradient_inside.png');
			top: 0px;
			//left: 55px;
			z-index: -1;
			//background: rgba (255, 255, 255, .5)
			padding-top: auto;
			padding-left: auto;
			padding-right: auto;
			//padding-bottom: auto;
			margin-left: auto;
			margin-right: auto;
			width: 100%;
			height: 100%;
			font-size: 36pt;
			font-weight: bold;
			text-align: center;
			
-webkit-box-shadow: 0px 11px 18px -3px rgba(50, 50, 50, 0.48);
-moz-box-shadow:    0px 11px 18px -3px rgba(50, 50, 50, 0.48);
box-shadow:         0px 11px 18px -3px rgba(50, 50, 50, 0.48);

}

@keyframes 'inside'{
	0%	{opacity:1;}
	50%	{opacity:1;}
	100%	{opacity:0;}
}
@-moz-keyframes inside {
        0%	{opacity:1;}
	50%	{opacity:1;}
	100%	{opacity:0;}
}
@-webkit-keyframes inside {
        0%	{opacity:1;}
	50%	{opacity:1;}
	100%	{opacity:0;}
}
@-ms-keyframes inside {
        0%	{opacity:1;}
	50%	{opacity:1;}
	100%	{opacity:0;}
}
#banneranimation .inside {
        -webkit-animation-name: inside;
        -webkit-animation-duration: 20s;
        animation-name: inside;
        animation-duration: 20s;
	-webkit-animation-iteration-count: 1;
	//-webkit-animation-direction: alternate;
	//-webkit-animation-play-state: running;
	animation-iteration-count: 1;
	//animation-direction: alternate;
	//animation-play-state: running;


}
@keyframes 'outside'{
	0%	{opacity:0;}
	50%	{opacity:0;}
	100%	{opacity:1;}
}
@-moz-keyframes outside {
        0%	{opacity:0;}
	50%	{opacity:0;}
	100%	{opacity:1;}
}
@-webkit-keyframes outside {
        0%	{opacity:0;}
	50%	{opacity:0;}
	100%	{opacity:1;}
}
@-ms-keyframes outside {
        0%	{opacity:0;}
	50%	{opacity:0;}
	100%	{opacity:1;}
}
#banneranimation .outside {
        -webkit-animation-name: outside;
        -webkit-animation-duration: 20s;
        animation-name: outside;
        animation-duration: 20s;
        -webkit-animation-iteration-count: 1;
	//-webkit-animation-direction: alternate;
	//-webkit-animation-play-state: running;
	animation-iteration-count: 1;
	//animation-direction: alternate;
	//animation-play-state: running;

}
.heading{
			position: absolute;
			z-index: 1000;
			top: 50px;
			width: 100%
			text-align: center;
			color: #D8D8D8;
			font-size: 16pt;
			
			}
.index-slideshow{
			position: relative;
   			width: 100% !important;
   			float: right;
   			//height: 100% !important;
   			top: 0px;
   			padding-bottom: 54%;
   			//padding-bottom: 30%;
   			padding-top: 0%;
   			//border: 5px double #fff
    			left: 0px;
    			padding-right: 0px;
    			margin: 0px;
    			padding-left: 0px;
    			z-index: 0; 
			}
.index-slideshow li span{
			width: 100%;
			//height: 100%;
			position: absolute;
			top: 0px;
			left: 0px;
			color: transparent;
			//background-size: cover;
			background-position: 50% 50%;
			background-repeat: none;
			opacity: 0;
			z-index: 0;
			animation: slideshow 42s linear infinite 0s;
			-webkit-animation: slideshow 42s linear infinite; 
			}
.index-slideshow li:nth-child(1)  span { 
	
			}
.index-slideshow li:nth-child(2)  span {
			
			animation-delay: 6s;
			-webkit-animation-delay: 6s; 
			}
.index-slideshow li:nth-child(3)  span {
			
			animation-delay: 12s;
			-webkit-animation-delay: 12s; 
			}
.index-slideshow li:nth-child(4)  span {
						
			animation-delay: 18s;
			-webkit-animation-delay: 18s; 
			}
.index-slideshow li:nth-child(5)  span {			
			animation-delay: 24s;
			-webkit-animation-delay: 24s; 
			}
.index-slideshow li:nth-child(6)  span {	
					
			animation-delay: 30s;
			-webkit-animation-delay: 30s; 
			}
.index-slideshow li:nth-child(7)  span {			
			animation-delay: 36s;
			-webkit-animation-delay: 36s; 
			}
.index-slideshow li:nth-child(8)  span {			
			animation-delay: 42s;
			-webkit-animation-delay: 42s; 
			}
			
@keyframes 'slideshow'{
	 0% { opacity: 0; animation-timing-function: ease-in; }
   	 8% { opacity: 1; animation-timing-function: ease-out; }
   	 17% { opacity: 1 }
   	 25% { opacity: 0 }
    	100% { opacity: 0 }
}
@-moz-keyframes slideshow {
	 0% { opacity: 0; animation-timing-function: ease-in; }
   	 8% { opacity: 1; animation-timing-function: ease-out; }
   	 17% { opacity: 1 }
   	 25% { opacity: 0 }
    	100% { opacity: 0 }
}
@-webkit-keyframes slideshow {
	 0% { opacity: 0; animation-timing-function: ease-in; }
   	 8% { opacity: 1; animation-timing-function: ease-out; }
   	 17% { opacity: 1 }
   	 25% { opacity: 0 }
    	100% { opacity: 0 }
}
@-ms-keyframes slideshow {
	 0% { opacity: 0; animation-timing-function: ease-in; }
   	 8% { opacity: 1; animation-timing-function: ease-out; }
   	 17% { opacity: 1 }
   	 25% { opacity: 0 }
    	100% { opacity: 0 }
}
#judges-slideshow{
			position: relative;
   			width: 100%;
   			height: 100%;
   			top: 0px;
   			padding-bottom: 53%;
    			left: -20px;
    			padding-right: 0px;
    			margin-right: 0px;
    			padding-left: 0px;
    			z-index: 0; 
			}
#judges-slideshow li span{
			width: 100%;
			height: auto;
			position: absolute;
			top: 0px;
			left: 0px;
			color: transparent;
			//background-size: cover;
			background-position: 50% 50%;
			background-repeat: none;
			opacity: 0;
			z-index: 0;
			animation: judges-slideshow 24s linear infinite 0s;
			-webkit-animation: judges-slideshow 24s linear infinite 0s; 
			}
#judges-slideshow .tooltip {
   background: rgba(255,255,255,0.7);
   width: 30%;
   height: auto;
   position: relative;
   z-index: 1000;
   top: 0px;
   left: 0px;
}

#judges-slideshow .tooltip h1 {
   color: #fff;
   font-size: 24px;
   font-weight: 300;
   line-height: 60px;
   padding: 0 0 0 10px;
}
#judges-slideshow li:nth-child(1)  span { 
			width: 100% !important;
			height: auto !important;
			}
#judges-slideshow li:nth-child(2)  span {
			width: 100% !important;
			height: auto !important;
			animation-delay: 6s;
			-webkit-animation-delay: 6s; 
			}
#judges-slideshow li:nth-child(3)  span {
			width: 100% !important;
			height: auto !important;
			animation-delay: 12s;
			-webkit-animation-delay: 12s; 
			}
#judges-slideshow li:nth-child(4)  span {
			width: 100% !important;
			height: auto !important;			
			animation-delay: 18s;
			-webkit-animation-delay: 18s; 
			}
@keyframes 'judges-slideshow'{
	 0% { opacity: 0; animation-timing-function: ease-in; }
   	 12% { opacity: 1; animation-timing-function: ease-out; }
   	 25% { opacity: 1 }
   	 50% { opacity: 0 }
    	100% { opacity: 0 }
}
@-moz-keyframes judges-slideshow {
	 0% { opacity: 0; animation-timing-function: ease-in; }
   	 12% { opacity: 1; animation-timing-function: ease-out; }
   	 25% { opacity: 1 }
   	 50% { opacity: 0 }
    	100% { opacity: 0 }
}
@-webkit-keyframes judges-slideshow {
	 0% { opacity: 0; animation-timing-function: ease-in; }
   	 12% { opacity: 1; animation-timing-function: ease-out; }
   	 25% { opacity: 1 }
   	 50% { opacity: 0 }
    	100% { opacity: 0 }
}
@-ms-keyframes judges-slideshow {
	 0% { opacity: 0; animation-timing-function: ease-in; }
   	 12% { opacity: 1; animation-timing-function: ease-out; }
   	 25% { opacity: 1 }
   	 50% { opacity: 0 }
    	100% { opacity: 0 }
}

.torin img{ 

			float: left;
			position: relative;
			width: 30% !important;
			height: auto !important;
			margin:10px 10px 10px 10px;
}
#lastgraph-right{
			background:rgba(0,0,0,0.85);
			background-position: center top;
			background-repeat: repeat-y;
			width: 100%;
			//padding: 20px;
			//margin: 20px;
			text-align: left;
			font-size: 12pt;
			line-height: 1.5;
-webkit-box-shadow: 0px 11px 18px -3px rgba(50, 50, 50, 0.48);
-moz-box-shadow:    0px 11px 18px -3px rgba(50, 50, 50, 0.48);
box-shadow:         0px 11px 18px -3px rgba(50, 50, 50, 0.48);
border-radius: 114px 0px 115px 114px;
-moz-border-radius: 0px 114px 114px 115px;
-webkit-border-radius: 0px 114px 114px 115px;
}
.lastgraph-right p{
			padding: 20px;
			}
.robert { 

			float: left;
			margin:10px 10px 10px 10px;
			width: 60%;
			height: auto;
			
}

.julius { 

			float: right;
			margin:10px 10px 10px 10px;
			width: 60%;
			height: auto;
			
}
#tony {
			float:left;
			margin:10px 10px 10px 10px;
			width: 60%;
			height: auto;
}
#ian {
			float:right;
			margin:10px 10px 10px 10px;
			width: 40%;
			height: auto;
}
.judgeblock{
			display: inline;
			}

#tease{ 
			//background-color: #fff;
			//background: -webkit-linear-gradient(left,rgba(0,0,0,0),white,rgba(0,0,0,0));
			//background: -o-linear-gradient(right,rgba(0,0,0,0),white,rgba(0,0,0,0)); /* For Opera 11.1 to 12.0 */
			//background: -moz-linear-gradient(right,rgba(0,0,0,0),white,rgba(0,0,0,0)); /* For Firefox 3.6 to 15 */
			//background: linear-gradient(to right,rgba(0,0,0,0),white,rgba(0,0,0,0)); /* Standard syntax */
			//position: relative;
			padding-top: 6pt;
			padding-bottom: 6pt;
			margin-left: auto;
			margin-right: auto;
			//margin-top: 0%;
			width: 60%;
			//height: 20pt;
			font-variant: small-caps;
			color: #71749B;
			font-size: 18pt;
			text-align: center;
-webkit-box-shadow: 0px 11px 18px -3px rgba(50, 50, 50, 0.48);
-moz-box-shadow:    0px 11px 18px -3px rgba(50, 50, 50, 0.48);
box-shadow:         0px 11px 18px -3px rgba(50, 50, 50, 0.48);

border: 0px double #000000;
			}	
#graph-head-right{
			color: #A4A4A4;
			padding-top: 6pt;
			padding-left: 60pt;
			padding-right: 60pt;
			padding-bottom: 6pt;
			margin-left: auto;
			margin-right: auto;
			width: 600pt;
			font-variant: small-caps;
			color: #fff;
			font-size: 24pt;
			text-align: center;
-webkit-box-shadow: 0px 11px 18px -3px rgba(50, 50, 50, 0.48);
-moz-box-shadow:    0px 11px 18px -3px rgba(50, 50, 50, 0.48);
box-shadow:         0px 11px 18px -3px rgba(50, 50, 50, 0.48);
/*border-radius: 50px 50px 50px 50px;
-moz-border-radius: 50px 50px 50px 50px;
-webkit-border-radius: 50px 50px 50px 50px;
border: 0px double #000000;*/
			}		
#graph-head-left{
			color: #A4A4A4;
			padding-top: 6pt;
			padding-left: 60pt;
			padding-right: 60pt;
			padding-bottom: 6pt;
			margin-left: auto;
			margin-right: auto;
			width: 600pt;
			font-variant: small-caps;
			color: #fff;
			font-size: 24pt;
			text-align: center;
-webkit-box-shadow: 0px 11px 18px -3px rgba(50, 50, 50, 0.48);
-moz-box-shadow:    0px 11px 18px -3px rgba(50, 50, 50, 0.48);
box-shadow:         0px 11px 18px -3px rgba(50, 50, 50, 0.48);
/*border-radius: 50px 50px 50px 50px;
-moz-border-radius: 50px 50px 50px 50px;
-webkit-border-radius: 50px 50px 50px 50px;*/
			}					
#qualifications {

			background-color: #000;
			background:rgba(0,0,0,0.85);
			padding-top: 6pt;
			
			padding-bottom: 6pt;
			margin-left: auto;
			margin-right: auto;
			width: 100%;

			text-align: left;
			font-size: 12pt;
			line-height: 1.5;
-webkit-box-shadow: 0px 11px 18px -3px rgba(50, 50, 50, 0.48);
-moz-box-shadow:    0px 11px 18px -3px rgba(50, 50, 50, 0.48);
box-shadow:         0px 11px 18px -3px rgba(50, 50, 50, 0.48);
/*border-radius: 50px 50px 50px 50px;
-moz-border-radius: 50px 50px 50px 50px;
-webkit-border-radius: 50px 50px 50px 50px;
border: 0px double #000000;*/
}


.poster {
			position: relative;
			padding-bottom: 56.25%; /* 16:9 */
			padding-top: 25px;
			//height: 0;
}
.poster img{
			position: absolute;
			top: 0;
			left: 0;
			padding: 10;
			width: 100%;
			height: 100%;
			border: 0px; 
-moz-box-shadow:    0px 11px 18px -3px rgba(50, 50, 50, 0.48);
box-shadow:         0px 11px 18px -3px rgba(50, 50, 50, 0.48);
-webkit-box-shadow: 0px 11px 18px -3px rgba(50, 50, 50, 0.48);
			}	

#BEATvideo {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%; 
    height: auto;
    z-index: -1;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
  
  	#BEATvideo {
  	background:  center center / cover no-repeat;
  	top: 0px;
  	position: fixed;
  	width: 100%;
  	height: 100%;
  	}

  	#BEATvideo_video {
        display: none;
  	}

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
  #BEATvideo {
  background:  cover no-repeat;
  position: fixed;
  width: 100%;
  height: 100%;
  }

  #BEATvideo_video {
    display: none;
  }

}
@media (max-width: 767px) {
  #BEATvideo {
  background:  cover no-repeat;
  position: absolute;
  width: 100%;
  height: 100%;
  }

  #BEATvideo_video {
    display: none;
  }
}
 
.videowrapper {
			position: relative;
			padding-bottom: 56.25%; /* 16:9 */
			padding-top: 25px;
			//height: 0;
}
.videowrapper iframe {
			position: absolute;
			top: 0;
			left: 0;
			padding: 10;
			width: 100%;
			height: 100%;
			border: 0px; 
-moz-box-shadow:    0px 11px 18px -3px rgba(50, 50, 50, 0.48);
box-shadow:         0px 11px 18px -3px rgba(50, 50, 50, 0.48);
-webkit-box-shadow: 0px 11px 18px -3px rgba(50, 50, 50, 0.48);
}
.soundcloudwrapper{ 
			position: relative;
			//margin:10;
			width: 100%;
			text-align: center;
			//height: 0;
			}
#contestants.soundcloudwrapper{
			position: relative;
			float: left;
			margin:20px;
			width: 50%;
			height: 30%;
			text-align: center;
			//height: 0;
			}
			
.soundcloudlogoleft{
			position: absolute;
			left: 0;
			width: 20%;
			top:35%;
			}
.soundcloudlogoright{
			position: absolute;
			right: 20px;
			width: 20%;
			top:35%;
			}				
ul{
    			list-style-type: none;
    			padding-right: 20px;
    			padding-left: 20px;
    			margin: 20px;
    			
}
ul.playbutton{
			list-style-image: url('../images/favicon.png');
			margin: 20px;
			}
.btn-group img{
			float:left;
			padding:0px;
			margin:0px;
			}
.navlogo{
			width: 30px;
			float: left;
			margin: 0px;
			padding: 0px;
			position: fixed;
			z-index: 1000;
			}
.navlogo:hover{
			opacity: 0.8;
			}
.social{
			
			}
.socialbuttons {
			width: 75px;
			right: 0px;
			top: 50%;
			position: fixed;
			z-index: 1000;
			margin: 0px;
			padding: 10px, 0px, 0px, 0px;
			
			}
.socialbuttons img:hover {
			opacity: 0.8;
-webkit-box-shadow: 0px 11px 18px -3px rgba(50, 50, 50, 0.48);
-moz-box-shadow:    0px 11px 18px -3px rgba(50, 50, 50, 0.48);
box-shadow:         0px 11px 18px -3px rgba(50, 50, 50, 0.48);
			}
footer{
			position: fixed;
			width: 100%;
			height: 20px;
			left: 0;
			bottom: 0;
			text-align: center;
			color: #fff;
			}