html {
	height: 100%;
	width: 100%;
	overflow: hidden;
}
body {
	font-family: Georgia, Arial, Sans-Serif;
	background: #D8D5CE url(../webimages/tvBG.jpg) repeat-x left top;
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

a {
	outline: 0;
	text-decoration: none;
}
img {
	border: 0;
}

#page {
	position: relative;
	margin: 0 auto;
	width: 756px;
	height: 768px;
	overflow: hidden;
}

#channel {
	margin: 120px auto 0;
	width: 560px;
	height: 420px;
	overflow: hidden;
	background: #000;
}

#film {
	position: relative;
	z-index: 1;
	margin: 0;
	padding: 0;
	list-style: none;
}
	#film li {
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 5;
		height: 420px;
		overflow: hidden;
	}
		#film li:first-child {
			display: block;
			z-index: 4;
		}
		#film img {
			-webkit-transition: all 2s ease-in;
			-moz-transition: all 2s ease-in;
			-o-transition: all 2s ease-in;
			-ms-transition: all 2s ease-in;
			transition: all 2s ease-in;
		}
		#film .out1 img {
			-webkit-transform: scale(2) rotate(45deg);
			-moz-transform: scale(2) rotate(45deg);
			-o-transform: scale(2) rotate(45deg);
			-ms-transform: scale(2) rotate(45deg);
			transform: scale(2) rotate(45deg);
		}
		#film .out2 img {
			-webkit-transform: scale(2) rotate(-45deg);
			-moz-transform: scale(2) rotate(-45deg);
			-o-transform: scale(2) rotate(-45deg);
			-ms-transform: scale(2) rotate(-45deg);
			transform: scale(2) rotate(-45deg);
		}
		#film .out3 img {
			-webkit-transform: scale(.1) rotate(45deg);
			-moz-transform: scale(.1) rotate(45deg);
			-o-transform: scale(.1) rotate(45deg);
			-ms-transform: scale(.1) rotate(45deg);
			transform: scale(.1) rotate(45deg);
		}
		#film .out4 img {
			-webkit-transform: scale(.1) rotate(-45deg);
			-moz-transform: scale(.1) rotate(-45deg);
			-o-transform: scale(.1) rotate(-45deg);
			-ms-transform: scale(.1) rotate(-45deg);
			transform: scale(.1) rotate(-45deg);
		}
		#film .out5 img {
			-webkit-transform: scale(2);
			-moz-transform: scale(2);
			-o-transform: scale(2);
			-ms-transform: scale(2);
			transform: scale(2);
		}
		#film .out6 img {
			-webkit-transform: scale(.1);
			-moz-transform: scale(.1);
			-o-transform: scale(.1);
			-ms-transform: scale(.1);
			transform: scale(.1);
		}

#television {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	width: 756px;
	height: 768px;
	background: url(../webimages/cuthtv.png) no-repeat left top;
}
* html #television {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='webimages/cuthtv.png', sizingMethod='crop');
}
#whitenoise {
	display: none;
	position: absolute;
	z-index: 9;
	top: 120px;
	left: 98px;
	width: 560px;
	height: 420px;
	background: url(../webimages/whitenoise.gif) no-repeat left top;
}

#links {
	position: fixed;
	top: 0;
	left: 0;
	width: 44px;
	height: 100%;
	background: rgba(0,0,0,.5);
	color: #fff;
	text-align: center;
	z-index: 500;
}
	#links ul {
		margin: 0;
		padding: 15px 5px;
		list-style: none;
	}
	#links a {
		display: block;
		padding: 5px;
		width: 24px;
		height: 24px;
		overflow: hidden;
		background-repeat: no-repeat;
		background-position: 5px 5px;
		color: #fff;
		-webkit-transition: all .2s ease;
		-moz-transition: all .2s ease;
		-o-transition: all .2s ease;
		-ms-transition: all .2s ease;
		transition: all .2s ease;
		opacity: .60;
		filter: alpha(opacity=60);
	}
		#links a:hover {
			opacity: 1;
			filter: alpha(opacity=100);
			background-position: 7px 3px;
		}
		#links span {
			display: none;
		}
		a.facebook { background-image: url(../webimages/icons/24px/facebook.png); }
		a.twitter { background-image: url(../webimages/icons/24px/twitter.png); }
		a.tumblr { background-image: url(../webimages/icons/24px/tumblr.png); }
		a.zenphoto { background-image: url(../webimages/icons/24px/zenphoto.png); }
		a.wordpress { background-image: url(../webimages/icons/24px/wordpress-2.png); }
		a.umbraco { background-image: url(../webimages/icons/24px/umbraco.png); }
		a.youtube { background-image: url(../webimages/icons/24px/youtube.png); }
		a.flickr { background-image: url(../webimages/icons/24px/flickr.png); }
		a.foursquare { background-image: url(../webimages/icons/24px/foursquare.png); }
		a.jsfiddle { background-image: url(../webimages/icons/24px/jsfiddle.png); }
		a.vimeo { background-image: url(../webimages/icons/24px/vimeo.png); }
		a.forrst { background-image: url(../webimages/icons/24px/forrst.png); }
		a.hootsuite { background-image: url(../webimages/icons/24px/hootsuite.png); }