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 #140a7b;
	overflow: hidden;
	box-sizing: border-box;
}

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

div#logo1 {
	background: url(../img/logo1.png) top center no-repeat;
	width: 164px;
	height: 49px;
	position: absolute;
	top: 7px;
	left: 193px;
	z-index: 30;
	display: none;
}

div#logo2 {
	background: url(../img/logo2.png) top center no-repeat;
	width: 64px;
	height: 40px;
	position: absolute;
	top: -7px;
	left: 457px;
	z-index: 40;
	display: none;
}

div#logo3 {
	background: url(../img/logo3.png) top center no-repeat;
	width: 145px;
	height: 51px;
	position: absolute;
	top: 37px;
	left: 245px;
	z-index: 50;
	display: none;
}

div#logo4 {
	background: url(../img/logo4.png) top center no-repeat;
	width: 51px;
	height: 45px;
	position: absolute;
	top: 28px;
	left: 468px;
	z-index: 60;
	display: none;
}

div#host {
	background: url(../img/host.png) top center no-repeat;
	width: 88px;
	height: 90px;
	position: absolute;
	bottom: 0px;
	left: 109px;
	z-index: 20;
	display: none;
}

div#shadow {
	background: url(../img/shadow.png) top center no-repeat;
	width: 91px;
	height: 90px;
	position: absolute;
	bottom: 0px;
	left: 108px;
	z-index: 10;
	display: none;
}
div#shadow.slide {
	-webkit-transition: -webkit-transform 4000ms linear;
	-moz-transition: -moz-transform 4000ms linear;
	-ms-transition: -ms-transform 4000ms linear;
	-o-transition: -o-transform 4000ms linear;
	transition: transform 4000ms linear;
	-webkit-transform: translateX(10px);
	-moz-transform: translateX(10px);
	-ms-transform: translateX(10px);
	-o-transform: translateX(10px);
	transform: translateX(10px);
}

div#shadow2 {
	background: url(../img/shadow2.png) top center no-repeat;
	width: 146px;
	height: 90px;
	position: absolute;
	bottom: 0px;
	left: 118px;
	z-index: 8;
	display: none;
	-webkit-transform-origin: 45% 50%;
	-moz-transform-origin: 45% 50%;
	-ms-transform-origin: 45% 50%;
	-o-transform-origin: 45% 50%;
	transform-origin: 45% 50%;
	-webkit-transform: scale(0,1);
	-moz-transform: scale(0,1);
	-ms-transform: scale(0,1);
	-o-transform: scale(0,1);
	transform: scale(0,1);
	-webkit-transition: all 1500ms linear;
	-moz-transition: all 1500ms linear;
	-ms-transition: all 1500ms linear;
	-o-transition: all 1500ms linear;
	transition: all 1500ms linear;
}
div#shadow2.grow {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-ms-transform: scale(1,1);
	-o-transform: scale(1,1);
	transform: scale(1,1);
}

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: 75px;
	height: 24px;
	position: absolute;
	top: 32px;
	left: 20px;
	z-index: 80;
	display: none;
}

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

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