html, body, div,
a, img {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	box-sizing: border-box;
}
div.ad {
	background: #000000;
	width: 300px;
	height: 600px;
	float: left;
	position: relative;
	cursor: pointer;
	border: 1px solid #7e3016;
	overflow: hidden;
	box-sizing: border-box;
}

div#mainbg {
	background: url(../img/main_bg.jpg) top left no-repeat;
	width: 300px;
	height: 600px;
	float: left;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 1;
	margin: 0px;
	display: none;
}
div#endbg {
	background: url(../img/endbg.jpg) top left no-repeat;
	width: 300px;
	height: 600px;
	float: left;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 1;
	margin: 0px;
	display: none;
}

div#darkness {
	background: rgba(0,0,0,0.4);
	background: -webkit-radial-gradient(circle, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.8) 20%, rgba(0,0,0,0.95) 50%, rgba(0,0,0,1) 100%);
	background: -moz-radial-gradient(circle, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.8) 20%, rgba(0,0,0,0.95) 50%, rgba(0,0,0,1) 100%);
	background: radial-gradient(circle, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.8) 20%, rgba(0,0,0,0.95) 50%, rgba(0,0,0,1) 100%);
	width: 100%;
	height: 150%;
	float: left;
	position: absolute;
	top: 25%;
	left: 50%;
	z-index: 30;
	margin: 0px;
	display: block;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: width 3000ms ease-in, height 3000ms ease-in;
	-moz-transition: width 3000ms ease-in, height 3000ms ease-in;
	-ms-transition: width 3000ms ease-in, height 3000ms ease-in;
	-o-transition: width 3000ms ease-in, height 3000ms ease-in;
	transition: width 3000ms ease-in, height 3000ms ease-in;
}
div#darkness.grow {
	width: 400%;
	height: 600%;
}

div#logo {
	background: url(../img/logo.png) top center no-repeat;
	width: 204px;
	height: 64px;
	position: absolute;
	top: 3px;
	left: 48px;
	z-index: 50;
	display: none;
}

div#flare {
	background: url(../img/flare.png) top center no-repeat;
	width: 188px;
	height: 600px;
	position: absolute;
	top: -0px;
	left: -110px;
	z-index: 30;
	display: none;
	-webkit-transform: scale(0.2, 0.2);
	-moz-transform: scale(0.2, 0.2);
	-ms-transform: scale(0.2, 0.2);
	-o-transform: scale(0.2, 0.2);
	transform: scale(0.2, 0.2);
}
div#particles {
	width: 100px;
	height: 300px;
	position: absolute;
	bottom: 40px;
	left: 0px;
	z-index: 40;
}

div#particles .particle {
	background: #f79498;
	border-radius: 50%;
	width: 4px;
	height: 4px;
	position: absolute;
	display: none;
	-webkit-transition-property: top, left;
	-webkit-transition-timing-function: ease-in-out;
	-webkit-transition-duration: 2s;
	-moz-transition-property: top, left;
	-moz-transition-timing-function: ease-in-out;
	-moz-transition-duration: 2s;
	-ms-transition-property: top, left;
	-ms-transition-timing-function: ease-in-out;
	-ms-transition-duration: 2s;
	-o-transition-property: top, left;
	-o-transition-timing-function: ease-in-out;
	-o-transition-duration: 2s;
	transition-property: top, left;
	transition-timing-function: ease-in-out;
	transition-duration: 2s;
	box-shadow: 0px 0px 3px #d8a9db,0px 0px 4px #d8a9db,0px 0px 5px #d8a9db,0px 0px 6px #d8a9db;
}
div#particles .particle.f0 { width: 3px; height: 4px; }
div#particles .particle.f1 { width: 4px; height: 5px; }
div#particles .particle.f2 { width: 3px; height: 2px; }
div#particles .particle.f3 { width: 2px; height: 2px; }
div#particles .particle.f4 { width: 2px; height: 3px; }
div#particles .particle.f5 { width: 4px; height: 3px; }

div#particles .particle.paused {
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
	-webkit-animation-play-state:initial;
    -moz-animation-play-state:initial;
    -o-animation-play-state:initial;
    animation-play-state:initial;
}


h2#tagline1 {
	background: url(../img/tagline1.png) center center no-repeat;
	width: 100%;
	height: 19px;
	position: absolute;
	top: 400px;
	left: 0px;
	z-index: 70;
	margin: 0px;
	display: none;
}
h2#tagline2 {
	background: url(../img/tagline2.png) center center no-repeat;
	width: 100%;
	height: 19px;
	position: absolute;
	top: 425px;
	left: 0px;
	z-index: 70;
	margin: 0px;
	display: none;
}

a#click {
	width: 300px;
	height: 600px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
}

a#clickformore {
	background: url(../img/clickformore.png) top left no-repeat;
	width: 85px;
	height: 24px;
	position: absolute;
	bottom: 70px;
	left: 106px;
	z-index: 80;
	display: none;
}

div#bottomdark {
	background: rgba(0,0,0,0.4);
	background: -moz-linear-gradient(170deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 60%, rgba(0,0,0,0.85) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(170deg, rgba(0,0,0,0) 20%, rgba(0,0,0,0.7) 50%,rgba(0,0,0,0.85) 170%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 60%,rgba(0,0,0,0.85) 100%);
	width: 100%;
	height: 70px;
	float: left;
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 40;
	margin: 0px;
	display: none;
}

div#tunein {
	background: url(../img/tunein.png) top center no-repeat;
	width: 298px;
	height: 52px;
	float: left;
	position: absolute;
	bottom: 5px;
	left: 0px;
	z-index: 80;
	display: none;
}

div#tunein.sptues { background: url(../img/sptues.png) bottom center no-repeat; }
div#tunein.spton { background: url(../img/nston.png) bottom center no-repeat; }
div#tunein.nstues { background: url(../img/nstues.png) bottom center no-repeat; }
div#tunein.nston { background: url(../img/nston.png) bottom center no-repeat; }