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

html, body, div, span, p, h1, h2, h3, h4, h5, h6, textarea, a, em, img, strong, ul, li, form, label, table, tr, th, td {
 margin:0;
 padding:0;
 border:none;
 outline:none;
 
}

body {
	margin:0;
	padding:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	height:100%;
	font-size:12px;
	color:#ffffff;
	background:url(../img/bg.jpg);
}


a {
	color:#fff;
	text-decoration:none;
}

a:hover {
	text-decoration:none;
	color:#ffc600;
}

span {
	font-weight: bolder;
	color:#f5d501;
	
	}

p{
	font-size:13px;
	line-height:20px;
	}

.noMar {
	margin-right:0 !important;
}

.noMarBot {
	margin-bottom:0 !important;
}

.overHid {
	overflow:hidden;
	display:block;
	position:relative;
}

li {
	list-style:none;}

.clear {
	clear:both;
	position:relative;
	font-size:0;
	height:0;
	display:block;
	line-height:0;
}

.container {
	width:1000px;
	display:block;
	position:relative;
	margin:0 auto;
	background:url(../img/bg-v.jpg) repeat-y;
}


/* --------------- Misc ---------------  */
.headerSplash {
	background:url(../img/header-splash.jpg) top no-repeat;
	height:510px;
	}
	
.headerTour {
	background:url(../img/header-tour.jpg) top no-repeat;
	height:509px;
	position:relative;
	}
	
.headerJoin {
	background:url(../img/header-join.jpg) top no-repeat;
	height:509px;
	position:relative;
	}
	
.headerSubmit {
	background:url(../img/header-submit.jpg) top no-repeat;
	height:380px;
	position:relative;
	}
	
.headerWarning {
	background:url(../img/header-warning.jpg) top no-repeat;
	height:730px;
	position:relative;
	}
		
	
.headerTour .anime {
	background:url(../img/anime.gif) no-repeat top;
	position:absolute;
	width:146px;
	height:248px;
	top:248px;
	left:14px;
	}
	
.nav {
	background:url(../img/nav.jpg) top no-repeat;
	height:81px;
	padding-top:15px;
	}
.navMembers:hover , .navSubmit:hover, .navNext:hover  {
	background:url(../img/nav_.jpg) no-repeat;
}
.navMembers, .navSubmit, .navNext  {
	height:66px;
	display:block;	
	float:left;
}

.navMembers {
	width:154px;
	margin-left:25px;

		}

		
.navSubmit {
	width:132px;
	margin-left:10px;
}
	
.navNext {
	width:155px;
	margin-left:9px;
	}
	
.navMembers:hover {
	width:154px;
	margin-left:25px;
	background-position:-11px 0;
		}

		
.navSubmit:hover {
	width:132px;
	margin-left:10px;
	background-position:-175px 0;
}
	
.navNext:hover {
	width:155px;
	margin-left:9px;
	background-position:-805px 0;
	}

.navInstant { 
	background:url(../img/instant-access.gif) no-repeat;
	width:477px;
	height:66px;
	float:left;
	margin-left:12px;
	}
	
.navInstant:hover { 
	background:url(../img/instant-access.gif) no-repeat;
	background-position:0 -66px;
	}
	
.footer {
	display:block;
	background:url(../img/footer.jpg) top no-repeat;
	text-align:center;
	padding:30px 40px 40px 40px;
	line-height:22px;
	font-size:14px;
	}	

.clickhere {
	background:url(../img/click-here.gif) top no-repeat;
	height:104px;
	display:block;
}

.footerNav {
	background:url(../img/footer-join-bg.png) top no-repeat;
	height:104px;
}

.instantBut {
	float:left;
	display:block;
	width:698px;
	height:85px;
	background:url(../img/footer-join.gif) top no-repeat;
	margin:9px 0 0 32px;
}

.nextBut {
	float:right;
	width:236px;
	height:85px;
	display:block;
	background:url(../img/footer-join-next.jpg) top no-repeat;
	margin:9px 24px 0 0;
}

.nextBut:hover {
	background-position:bottom;
}
	
	
/* --------------- Warning Page ---------------  */

.warningText {
	font-size:16px;
	position:absolute;
	width:520px;
	top:335px;
	left:58px;
	font-weight:bold;
}

.warningButton {
	background:url(../img/enter-site.png) top no-repeat;
	width:283px;
	height:73px;
	display:block;
	margin: 29px 5px 20px 110px;

	}
.warningButton:hover {
	background-position:bottom;
}

.warningText p {
	text-align:center;


	}

.warningText a {
	text-decoration:underline;
	}


/* --------------- Join Page ---------------  */

.joinForm {
	background:url(../img/join-title.jpg) top left no-repeat #016437;
	width:608px;
	padding:100px 20px 20px 20px;
	margin:17px 0 17px 24px;
	float:left;
}

.joinSide {
	float:right;
	background:
	url(../img/join-sidebar.jpg) top no-repeat,
	url(../img/footer.jpg) bottom right repeat-y, #016437;
	margin:0 14px 0 0;
	width:285px;
	padding:380px 10px 10px 10px;
	}
	
.joinSide p {
	padding-bottom:10px;
}
	
.joinSlogan {
	background:url(../img/join-slogan.png) no-repeat;
	margin:14px;
	height:55px;}
	

/* --------------- Submit Page ---------------  */

.submith1 {
	font-size:26px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#efd007;
	font-style:italic;
	letter-spacing:-0.1em;
	text-align:center;
	text-shadow:1px 2px #016437;	
	}
	
.submith2 {
	font-size:38px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fdb102;
	font-style:italic;
	letter-spacing:-0.1em;
	text-align:center;
	text-shadow:1px 2px #016437;	
	}

.submitLeft {
	float:left;
	width:606px;
	margin-left:24px;
}

.submitRight {
	float:right;
	width:328px;
	margin:5px 24px 0 0;
}

.submitWinners {
	background:url(../img/submit-title-winners.jpg) top no-repeat #016437;
	padding:100px 20px 15px 20px;
	margin: 20px 0;
	}
	
.submitRules {
	background: url(../img/submit-title-rules.jpg) top no-repeat #016437;
	padding:100px 20px 15px 20px;
	margin: 20px 0;
	}
	
.submitPrizes {
	background:url(../img/submit-prizes.jpg) top no-repeat;
	height:390px;
	margin-bottom:30px;
	}
	
.submitSubmit {
	background: url(../img/submit-title-submit.jpg) top no-repeat #016437;
	padding: 90px 0 10px 0;
	margin-bottom:30px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	}
	
	
/* --------------- Splash Page ---------------  */

.splashTop {
	background:
	url(../img/nav_.png) top no-repeat,
	url(../img/footer.jpg) bottom repeat;
	margin:0 14px;
	padding-top:30px;
	}
	

.splashSlogan {
	background:url(../img/splash-socials.png) top no-repeat;
	height:156px;

	}
	

	
.splashTop p {
	color:#b2e6ce;
	text-shadow:2px 2px #016437;
	padding:10px 24px;
	width:552px;
	float:left;
	font-size:13px;
	line-height:16px;
	letter-spacing:-0.01em;
	}
	
.splashTop a {
	display:block;
	background:url(../img/splash-submit-but.png) top no-repeat;
	width:288px;
	height:65px;
	float:right;
	margin:40px 30px 0 0;
	
	}
	
.splashTop a:hover {
	background-position:bottom;
}

.splashTmbCont, .splashVidCont {
	margin:24px 0 10px 34px;
	}

.splashTmbCont li {
	display:block;
	background:url(../img/thumb.jpg) top no-repeat;
	width:169px;
	height:258px;
	float:left;
	padding:7px 0 0 7px;
	margin:0 13px 13px 0;

	position:relative;
	}
	
.splashTmbCont h4 {
	padding:6px 0 0 40px;
	font-size:13px;
	list-style:none;
	float:left;
	height:20px;
	display:block;
	
	}
	
	
.splashVidCont li {
	position:relative;
	background: url(../img/player.jpg) top left no-repeat;
	width:298px;
	height:276px;
	float:left;
	padding:5px 0 0 6px;
	margin:0 11px 11px 0;
	}
	
.overlay {
    background: url("../img/hover-pic.png") no-repeat scroll  transparent;
 cursor: pointer;
    display: none;
   height:223px;
   width:161px;
    z-index: 99;
	position:absolute;
	top:7px;
}
	
	
.overlay2 {
    background: url("../img/hover-vid.png") no-repeat scroll 0 0 transparent;
 cursor: pointer;
    display: none;
   height:228px;
    position: absolute;
   width:292px;
    z-index: 99;
	top:5px;
}	
/* --------------- Tour Page ---------------  */

.tourTop {
	background:url(../img/tour-top.jpg) top no-repeat;
	height:322px;
	}
	
#player{
	margin:18px 0 0 33px;
	float:left;
	}
	
.tourTop p{
	display:block;
	float:right;
	color:#b2e6ce;
	text-shadow:2px 2px #016437;
	padding:146px 26px 0 0;
	width:290px;
	font-size:12px;
	line-height:16px;
	letter-spacing:-0.01em;
	}

.tourTop a{	
	display:block;
	background:	url(../img/splash-submit-but.png) top no-repeat;
	width:288px;
	height:65px;
	float:right;
	margin:20px 0px 0 0;
	}

.tourTop a:hover{
	background-position:bottom;
	}
	
.tourMid {
	background:url(../img/tour-mid.jpg) top no-repeat;
	height:501px;
	}

.episodeContainer {
	position:relative;
	margin:20px 0 0 16px;
	}

.episode {
	background:url(../img/episode.jpg) top no-repeat;
	width:470px;
	height:361px;
	float:left;
	margin:0 0 20px 10px;
	}
	
.episode p {
	padding:5px 0 0 156px;
	line-height:16px;
	height:46px;
	
	}
	
.episodeThumbs {
	width:109px;
	float:left;
	padding-left:7px;
	}
	
.episodeThumbs img {
	margin-bottom:6px;
	}
	
.episodeThumb {
	float:right;
	width:341px;
	padding-right:6px;
	}

.episode a {
	display:block;
	font-size:24px;
	text-decoration:underline;
	padding:10px 0 0 15px;
	}