@import url(base.css);


/* Structure
------------------------------------*/

html {
	background: #75beef url(../images/body_bg.jpg) no-repeat top center;
}
body {
	background: transparent url(../images/video_layout.jpg) no-repeat top center;
	font: 12px/18px arial, sans-serif;
	color: #fff;	
}
#site {	
	width: 940px;
	height: 1020px;
	position: relative;
}
#todays_date {
	color: #012080;
	position: absolute;
	top: 175px;
	left: 164px;
}
#video {
	position: absolute;
	top: 271px;
	left: 0px;
}
#chatbox {
	position: absolute;
	top: 309px;
	left: 640px;
}
#advertisement {
	position: absolute;
	top: 670px;
	left: 116px;
}
#header h1 {
	width: 348px;
	height: 172px;
	position: absolute;
	top: 0;
	left: 0;
	/*background: transparent url(../images/logo-trans.png) no-repeat;*/
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	display: none;
}
#presenters h3 {
	display: none;
}
#presenters ul {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 172px;
	left: 354px;
}
	#presenters ul li {
		display: inline;
	}
	#presenters ul li a {
		display: block;
		float: left;
		text-indent: -9999px;
		overflow: hidden;
		padding: 0;
		position: relative;
	}
	#presenters ul li a span {
		display: block;
		width: 100%;
		height: 100%;
		background: transparent url(../images/presenters.jpg) no-repeat 0 200px;
		position: absolute;
		top: 0;
		left: 0;
		cursor: pointer;
	}
	#presenters-airshowtv a {
		width: 56px;
		height: 57px;
	}	
	#presenters-ktal a {
		width: 47px;
		height: 57px;
	}
	#presenters-samstown a {
		width: 86px;
		height: 57px;
	}
	#presenters-synapse a {
		width: 57px;
		height: 57px;
	}
	#presenters-airshowtv a.fade span.hover {
		background-position: 0 0;
	}	
	#presenters-ktal a.fade span.hover {
		background-position: -56px 0;
	}
	#presenters-samstown a.fade span.hover {
		background-position: -103px 0;
	}
	#presenters-synapse a.fade span.hover {
		background-position: -189px 0;
	}
	

#footer {
	color: #fff;
	font-size: 11px;
}
#footer a {
	color: #fff;
	text-decoration: none;
}
	#footer a:hover {
		color: #fff;
	}
#synapse {
	position: absolute;
	top: 765px;
	right: 370px;
	margin: 0;
	padding: 0;
	text-align: right;
}
	#synapse a {
		background: transparent url(../images/synapse_logo.gif) no-repeat 0 0;
		margin: 0 0 0 3px;
		padding: 0 0 3px 15px;
	}
		#synapse a:hover {
			color: #fff;
			background: transparent url(../images/synapse_logo.gif) no-repeat 0 -35px;
			text-decoration: underline;
		}