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: 728px;
	height: 90px;
	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: 865px;
	height: 214px;
	float: left;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	margin: 0px;
	display: none;
	-webkit-transform-origin: 20% 0%;
	-moz-transform-origin: 20% 0%;
	-ms-transform-origin: 20% 0%;
	-o-transform-origin: 20% 0%;
	transform-origin: 20% 0%;
	-webkit-transform: scale(1.5, 1.5) translate(0,0);
	-moz-transform: scale(1.5, 1.5) translate(0,0);
	-ms-transform: scale(1.5, 1.5) translate(0,0);
	-o-transform: scale(1.5, 1.5) translate(0,0);
	transform: scale(1.5, 1.5) translate(0,0);
	-webkit-transition: all 8000ms ease-out;
	-moz-transition: all 8000ms ease-out;
	-ms-transition: all 8000ms ease-out;
	-o-transition: all 8000ms ease-out;
	transition: all 8000ms ease-out;
}
div#mainbg.in {
	-webkit-transform: scale(1, 1) translate(-135px,-124px);
	-moz-transform: scale(1, 1) translate(-135px,-124px);
	-ms-transform: scale(1, 1) translate(-135px,-124px);
	-o-transform: scale(1, 1) translate(-135px,-124px);
	transform: scale(1, 1) translate(-135px,-124px);
}

div#logotop {
	background: url(../img/logotop.png) top center no-repeat;
	width: 190px;
	height: 40px;
	position: absolute;
	top: 1px;
	left: 308px;
	z-index: 60;
	display: none;
}
div#logobottom {
	background: url(../img/logobottom.png) top left no-repeat;
	width: 0px;
	height: 75px;
	position: absolute;
	top: 12px;
	left: 262px;
	z-index: 60;
	display: none;
}

h2#tagline1 {
	background: url(../img/tagline1.png) left center no-repeat;
	width: 0px;
	height: 40px;
	position: absolute;
	top: 12px;
	left: 120px;
	z-index: 40;
	margin: 0px;
	display: none;
}
h2#tagline2 {
	background: url(../img/tagline2.png) left center no-repeat;
	width: 0px;
	height: 40px;
	position: absolute;
	top: 36px;
	left: 347px;
	z-index: 30;
	margin: 0px;
	display: none;
}
div#taglinemid {
	background: url(../img/taglinemid.png) right center no-repeat;
	width: 0px;
	height: 64px;
	position: absolute;
	top: 12px;
	right: 359px;
	z-index: 35;
	margin: 0px;
	display: none;
}

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

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

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

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

a#clickformore {
	background: url(../img/clickformore.png) top left no-repeat;
	width: 0px;
	height: 29px;
	position: absolute;
	top: 15px;
	left: 0px;
	z-index: 80;
	display: none;
}

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

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


