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: 250px;
	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: 250px;
	float: left;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 1;
	margin: 0px;
	display: none;
	-webkit-transform-origin: 46% 20%;
	-moz-transform-origin: 46% 20%;
	-ms-transform-origin: 46% 20%;
	-o-transform-origin: 46% 20%;
	transform-origin: 46% 20%;
	-webkit-transform: scale(2.5, 2.5);
	-moz-transform: scale(2.5, 2.5);
	-ms-transform: scale(2.5, 2.5);
	-o-transform: scale(2.5, 2.5);
	transform: scale(2.5, 2.5);
	-webkit-transition: all 9000ms ease-out;
	-moz-transition: all 9000ms ease-out;
	-ms-transition: all 9000ms ease-out;
	-o-transition: all 9000ms ease-out;
	transition: all 9000ms ease-out;
}
div#mainbg.in {
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
}

div#logotop {
	background: url(../img/logotop.png) top center no-repeat;
	width: 209px;
	height: 54px;
	position: absolute;
	top: 117px;
	left: 46px;
	z-index: 60;
	display: none;
}
div#logobottom {
	background: url(../img/logobottom.png) top left no-repeat;
	width: 0px;
	height: 113px;
	position: absolute;
	top: 120px;
	left: -12px;
	z-index: 60;
	display: none;
}

h2#tagline1 {
	background: url(../img/tagline1.png) right center no-repeat;
	width: 0px;
	height: 41px;
	position: absolute;
	top: 75px;
	left: 0px;
	z-index: 40;
	margin: 0px;
	display: none;
}
h2#tagline2 {
	background: url(../img/tagline2.png) right center no-repeat;
	width: 0px;
	height: 40px;
	position: absolute;
	top: 127px;
	right: 49px;
	z-index: 40;
	margin: 0px;
	display: none;
}
div#taglinemid {
	background: url(../img/taglinemid.png) left center no-repeat;
	width: 0px;
	height: 91px;
	position: absolute;
	top: 75px;
	left: 65px;
	z-index: 30;
	margin: 0px;
	display: none;
}

div#peyton {
	background: url(../img/peyton.png) top center no-repeat;
	width: 165px;
	height: 250px;
	position: absolute;
	bottom: 10px;
	left: 140px;
	z-index: 50;
	display: none;
}

div#maya {
	background: url(../img/maya.png) top center no-repeat;
	width: 245px;
	height: 250px;
	position: absolute;
	bottom: 10px;
	left: 10px;
	z-index: 50;
	display: none;
}

div#flare {
	background: url(../img/flare.png) center left no-repeat;
	width: 255px;
	height: 79px;
	position: absolute;
	top: 107px;
	left: -30px;
	z-index: 80;
	display: none;
}

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

a#clickformore {
	background: url(../img/clickformore.png) top left no-repeat;
	width: 0px;
	height: 22px;
	position: absolute;
	top: 10px;
	left: 0px;
	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.4) 60%, rgba(0,0,0,0.55) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(170deg, rgba(0,0,0,0) 20%, rgba(0,0,0,0.4) 50%,rgba(0,0,0,0.55) 170%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 60%,rgba(0,0,0,0.55) 100%);
	width: 100%;
	height: 70px;
	float: left;
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 55;
	margin: 0px;
	display: none;
}

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

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