@import url(defaults.css);

body {
	background: #010000 url(../images/bg.jpg) scroll top center no-repeat;
}

#tag-line {
	width: 405px;
	height: 130px;
	margin: 20px auto 0;
	text-indent: -9999px;
	background: url(../images/countdown-to-the-beginning-of-awesome.png) scroll 0 0 no-repeat;
}



#countdown img {
	display: inline;
}

#video-wrapper {
	width: 793px;
	height: 363px;
	margin: 10px auto 0;
	background: url(../images/video-bg.png) scroll 0 0 no-repeat;
}

#video {
	padding: 23px 0 0 20px;
}

#video a, #video a:visited {
	position: relative;
}


#main-nav {
	margin: 20px auto 0;
	width: 769px;
}

#main-nav .advertising {
	float: left;
	width: 221px;
	height: 81px;
}

#main-nav .advertising a, #main-nav .advertising:visited {
	display: block;
	width: 221px;
	height: 81px;
	text-indent: -9999px;
	background: url(../images/main-nav-advertising-bg.gif) scroll 0 0 no-repeat;
}

#main-nav .advertising a:hover, #main-nav .advertising:active {
	background-position: -221px 0;
}

#main-nav .signup {
	float: left;
	width: 360px;
	height: 81px;
}

#main-nav .signup a, #main-nav .signup {
	display: block;
	width: 360px;
	height: 81px;
	text-indent: -9999px;
	background: url(../images/main-nav-signup-bg.gif) scroll 0 0 no-repeat;
}

#main-nav .signup a:hover, #main-nav .signup {
	background-position: -360px 0;
}

#main-nav .getyourshow {
	float: left;
	width: 188px;
	height: 81px;
}

#main-nav .getyourshow a, #main-nav .getyourshow {
	display: block;
	width: 188px;
	height: 81px;
	text-indent: -9999px;
	background: url(../images/main-nav-getyourshow-bg.gif) scroll 0 0 no-repeat;
}

#main-nav .getyourshow a:hover, #main-nav .getyourshow {
	background-position: -188px 0;
}

#extra {
	position: relative;
	width: 769px;
	height: 80px;
	margin: 0 auto;
}

#extra .sns {
	float: left;
	width: 131px;
	margin-top: 20px;

}

#extra .sns .icons a, #extra .sns .icons a:visited {
	display: block;
	float: left;
	width: 16px;
	height: 16px;
	margin-left: 7px;
}

#extra .sns .icons a.first, #extra .sns .icons a.first:visited {
	margin-left: 0;
}

#extra .sns .title {
	width: 131px;
	height: 16px;
	margin-top: 8px;
	text-indent: -9999px;
	border-top: 1px solid #575a4c;
}

#extra .sns .title img {
	display: block;
	width: 37px;
	height: 8px;
	margin: 6px auto 0;
}

#extra .facebook {
	width: 73px;
	float: left;
	margin: 20px 0 0 25px;
}

#extra .facebook a, #extra .facebook:visited{
	display: block;
}

#extra .facebook .title {
	width: 73px;
	height: 16px;
	margin-top: 6px;
	border-top: 1px solid #575a4c;
}

#extra .facebook .title img {
	display: block;
	width: 50px;
	height: 8px;
	margin: 6px auto 0;
}

#extra .silverlight {
	float: right;
	width: 213px;
	height: 80px;
	margin-right: 20px;
	text-indent: -9999px;
	background: url(../images/silverlight-btn-bg.png) scroll center bottom no-repeat;
}

#extra .silverlight a, #extra .silverlight a:visited {
	display: block;
	width: 120px;
	height: 38px;
	margin: 20px 0 0 46px;
	position: relative;
}

#footer {
	position: relative;
	width: 769px;
	height: 80px;
	margin: 25px auto 0;
}

#footer .office {
	float: left;
	width: 110px;
	height: 30px;
	text-indent: -9999px;
	background: url(../images/office-logo.png) scroll center bottom no-repeat;
}

#footer .ARD {
	float: right;
	width: 101px;
	height: 30px;
	background: url(../images/ARD-logo.png) scroll center bottom no-repeat;
}

#footer .ARD a, #footer .ARD a:visited {
	display: block;
	width: 101px;
	height: 30px;
	position: relative;
	text-indent: -9999px;
}

#footer .links {
	float: right;
	padding-right: 25px;
}

#footer .links ul li {
	display: inline;
	float: right;
	color: #ffffff;
}

#footer .links ul li a, #footer .links ul li a:visited {
	font-family: segoe, verdana, tahoma, arial, "sans serif";
	line-height: 30px;
	color: #ffffff;
}

.png {
	filter: expression(loadPNG(this));
}

#contact-wrapper {
	width: 793px;
	height: 563px;
	margin: 10px auto 0;
	background: url(../images/contact-bg.png) scroll 0 0 no-repeat;
}

#contact {
	padding: 23px 0 0 20px;
}

#contatc a, #video a:visited {
	position: relative;
}

