@charset "utf-8";
/* CSS Document */

body {
	background: url("../images/background.jpg") top center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	font-size: 1vw;
	text-decoration: none;
	color: #FFFFFF;
}

/* TRAILER OVERLAY */
#cover {position:fixed; top:0; left:0; background:rgba(0,0,0,0.8); z-index:20; width:100%; height:100%; display:block; opacity:0; transform:scaleY(0); transform-origin:top; transition:opacity 1s, transform 0s; -moz-transition:opacity 1s, transform 0s; -o-transition:opacity 1s, transform 0s; -webkit-transition:opacity 1s, transform 0s;}
#trailer {height:480px; width:853px; margin:0 auto; position:fixed; z-index:30; display:block; top:46px; left:calc(50% - 431px); color:#fff; background-color:#000; border:5px solid #cccccc; border-radius:10px; opacity:0; transform:scaleY(0); transform-origin:top; transition:opacity 1s, transform 0s; -moz-transition:opacity 1s, transform 0s; -o-transition:opacity 1s, transform 0s; -webkit-transition:opacity 1s, transform 0s;}
#trailer:target, #trailer:target + #cover, #cover:target {opacity:2; transform:scaleY(1);}
.cancelA {position:fixed; top:0; left:0; background:rgba(245,245,245,0); color:black; height:100%; width:100%;}
.cancelB {display:block; position:absolute; top:3px; right:2px; background:rgba(245,245,245,0); color:black; height:30px; width:35px; font-size:30px; text-decoration:none; text-align:center; font-weight:bold;}

/* BOTTOM MENU BAR */
header, nav {
	position: fixed;
	bottom: 0;
	width: 101.6vw;
	margin-left: -2vw;
	text-align: center;
	background: rgba(0, 0, 0, 0.6);
	padding-top: 10px;
	z-index: -5;
}
nav a {
	text-decoration: none;
	color: #efe546;
	font-family: Sans-serif;
	font-size: 2vw;
	padding: 3px 8px;
}
a.main:link {
	color: #efe546;
	text-decoration: none;
}
a.main:visited {
	text-decoration: none;
	color: #efe546;
}
a.main:hover {
	text-decoration: none;
	color: #fff;
}
a.main:active {
	text-decoration: none;
	color: #efe546;
}

/* MAIN THEME OVERLAY */
centralOverlay {
	position: absolute;
	width: 90vw;
	height: 40vw;
	top: 2vw;
	left: 4.7vw;
	background: url(../images/logo2.jpg) left center no-repeat;
	background-size: 33.1vw;
	background-color: #6e764d;
	border-style: solid;
	border-width: medium;
	border-radius: 1vw;
	border-color: #000;
}
cNav {
	position: absolute;
	top: 0.5vw;
	left: 32.6vw;
	padding: 10px;
	font-size: 0.87vw;
	z-index: 5;
}
cLine {
	position: absolute;
	left: 33.1vw;
	top: 1.7vw;
	width: 57vw;
	border-bottom: solid medium #000;
}
.cSocial {
	position: absolute;
	top: 0.5vw;
	right: 0.5vw;
	width: 1.8vw;
	height: 3vw;
	background-size: 100%;
	z-index: 2;
}
.cDVD {
	position: absolute;
	top: 20vw;
	width: 5vw;
	height: 3vw;
	left: 1vw;
	background-size: 100%;
	z-index: 2;
}
cBody {
	position: absolute;
	top: 4vw;
	left: 36vw;
	width: 34vw;
	height: 26vw;
	padding: 10px;
	overflow: scroll;
	overflow-x: hidden;
	outline: 1px solid #000;
	text-align: justify;
}
cBody::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}
cBody2 {
	position: absolute;
	z-index: 1;
	top: 4vw;
	left: 36vw;
	width: 50vw;
	height: 33.6vw;
	padding: 10px;
	overflow: scroll;
	overflow-x: hidden;
	outline: 1px solid #000;
	text-align: justify;
}
cBody2::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}
cBody3 {
	position: absolute;
	z-index: 1;
	top: 4vw;
	left: 36vw;
	width: 34vw;
	height: 33.6vw;
	padding: 10px;
	overflow: scroll;
	overflow-x: hidden;
	outline: 1px solid #000;
	text-align: justify;
}
cBody3::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}
cProducer {
	position: absolute;
	top: 4vw;
	left: 72.8vw;
	width: 13.2vw;
	height: 26vw;
	padding: 10px;
	overflow: auto;
	overflow-x: hidden;
	outline: 1px solid #000;
}
cProducer::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}
cImages {
	position: absolute;
	top: 4vw;
	left: 74.8vw;
	width: 11.2vw;
	height: 33.6vw;
	padding: 10px;
	outline: 1px solid #000;
	overflow: scroll;
	overflow-x:hidden;
}
cSponsorT {
	position: absolute;
	top: 32vw;
	left: 19vw;
	width: 84vw;
	text-align: center;
	padding-top: 4px;
}
cSponsorB {
	position: absolute;
	top: 34vw;
	left: 36vw;
	width: 50vw;
	height: 8vw;
	padding: 10px;
	outline: 1px solid #000;
	text-align: center;
	background-color: #2f2c27;
	border-radius: 1vw;
}
a.central:link {
	font-family: Sans-serif;
	color: #efe546;
	text-decoration: none;
}
a.central:visited {
	font-family: Sans-serif;
	text-decoration: none;
	color: #efe546;
}
a.central:hover {
	font-family: Sans-serif;
	text-decoration: none;
	color: #fff;
}
a.central:active {
	font-family: Sans-serif;
	text-decoration: none;
	color: #efe546;
}
a.cen {
	color: #000;
	font-weight: bold;
}
a.bod:link {
	color: #fff;
	text-decoration: underline;
}
a.bod:visited {
	color: #fff;
	text-decoration: underline;
}
a.bod:hover {
	color: #fff;
	text-decoration: underline;
	font-weight: bold;
}
a.bod:active {
	color: #fff;
	text-decoration: underline;
}
a.sponsor:hover {
	font-family: Sans-serif;
	text-decoration: none;
	color: #fff;
	outline: 1px solid #000;
}
#vlogo {
	position: absolute;
	top: 1.3vw;
	left: 29vw;
	width: 18vw;
	height: 1.6vw;
	background: url(../images/vep.png) top center no-repeat;
	background-size: 100%;
	display: block;
	overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}
@media only screen and (orientation: portrait){
	body { background: url("../images/background.jpg") top center no-repeat fixed;
		-webkit-background-size: 100%;
		-moz-background-size: 100%;
		-ms-background-size: 100%;
		-o-background-size: 100%;
		background-size: 100%;
		height: 100%;
		min-height: 100%;
	}