/* ############## */
* {
	margin: 0;
	padding: 0;
}
html {

}

.banner {
	margin: 100px 0 0 200px;
}

body {
	font: 16px/19px 'OctavaOSCRegular';
	color: #000;
	background-color: #ffb378;
	-webkit-transition: background-color 0.6s ease-in-out, border-bottom-color 0.3s ease-in-out;
	-moz-transition: background-color 0.6s ease-in-out, border-bottom-color 0.3s ease-in-out;
	-o-transition: background-color 0.6s ease-in-out, border-bottom-color 0.3s ease-in-out;
	transition: background-color 0.6s ease-in-out, border-bottom-color 0.3s ease-in-out;
}

a {
	color: inherit;
}

.clr {
	clear: both;
}

td {
	vertical-align: top;
}

#wrapper {
	width: 1200px;
	margin: 0 auto;
	
	.block {
		width: 490px;
		border-right: 2px solid #000;
		float: left;
		
		h1 {
			font: italic 40px/48px 'OctavaOSCRegular';
			margin-top: 35px;
		}
		h2 {
			font: bold 22px/26px 'Futura';
			padding: 17px 0;
			border: 3px solid #000;
			width: 435px;
			margin: 25px 0 35px 35px;
		}
		.lead {
			width: 432px;
			margin-left: 35px;
		}
		.credits {
			margin-top: 50px;
			font: bold 22px/26px 'Futura';
			border: 3px solid #000;
			width: 268px;
			padding: 3px 0;
			margin-left: 116px;
		}
		.howto {
			font: 17px/20px 'OctavaSCC';
			color: #fff;
			letter-spacing: 3px;
			margin: 60px 0 36px 10px;
			padding-bottom: 3px;
			width: 472px;
			border-bottom: 2px solid #fff;
		}
		
		.broadcast {
			padding: 15px 0;
			margin-bottom: 30px;
			cursor: pointer;
			
			&:hover {
				background-color:#FFFECF;
			}
			&.active {
				background-color:#FEFC47;
			}
			
			.time {
				font: bold 20px/24px 'Futura';
				position: absolute;
				margin-left: 20px;
			}
			.description {
				font: italic 16px/19px 'OctavaOSCRegular';
				width: 330px;
				margin-left: 105px;
				border-left: 1px solid #000;
				padding-left: 16px;
				
				span {
					font: bold 16px/19px 'Futura';
				}
			}
		}
		
	}
	
	.fixed {
		width: 52%;
		height: 100%;
		margin-left: 585px;
		position: absolute;
		background-color: #000;
		color: #fff;
		
		.fixvid {
			position: absolute;
			top: 650px;
		}
		
		.video {
			margin: 35px 0 0 25px;
			width: 618px;
			height: 422px;
			border: 1px solid #fff;
			background: url(../images/tv.jpg);
		}
		.nav {
			background: url(../images/arr.png) 330px 30px no-repeat;
			height: 40px;
			width: 618px;
			position: relative;
			
			div {
				font: 12px/16px 'Futura';
				cursor: pointer;
			}
			.prev {
				background: url(../images/prev.png) left center no-repeat;
				padding: 15px 0 15px 35px;
				margin-left: 25px;
			}
			.next {
				background: url(../images/next.png) right no-repeat;
				padding: 15px 35px 15px 0;
				margin-left: 555px;
			}
			.arrow {
				
			}
		}
		.caption {
			width: 618px;
			margin: 30px 0 0 25px;
			
			.time {
				font: bold 20px/24px 'Futura';
			}
			.description {
				font: bold 19px/23px 'Futura';
			}
		}
	}
}