/* ------------------------------  effects  ---------------------------- */

a.videoRoll { float:left; border: 1px solid black; }
a.videoRoll:hover { border: 1px solid #9b1725; }

#selectRoll a { 
	float: left; width: 270px; height: 53px; color: white; 
	margin-bottom: 2px; text-decoration: none; background-color: #5b0e16;
}

#selectOn { 
	float: left; width: 270px; height: 53px; 
	text-decoration: none; background-color: #b31b2a;
}

#selectRoll a:hover { background-color: #b31b2a; color: #999999; text-decoration: underline; } 

#selectRoll a:active { background-color: #5b0e16; color: white; }

#playlistRoll a { 
	float: left; width: 225px; height: 24px; 
	text-decoration: none; color: white; margin: 0px 0px 2px 2px;
	background-color: #393939;
}

#playlistRoll a:hover { background-color: #212121; color: #999999; text-decoration: underline; } 

#playlistRoll a:active { background-color: #393939; color: white }

/* ------------------------------  layout  ----------------------------- */

#videoContainer {
	position: absolute; left: 21px; top: 266px; width: 768px; 
	overflow: auto;
	background: url('../img/video/back-mid.gif');
}

#videoContent {
	width: 768px; 
	overflow: auto;
	background: url('../img/video/back-top.jpg') no-repeat;
}

#videoBot {
	float: left; width: 768px; height: 31px;
	background: url('../img/video/back-bot.gif') no-repeat;
}

#videoLeftCol {
	float: left; width: 160px;
	padding: 49px 0px 0px 15px;
}

#videoRightCol {
	float: right; width: 520px; 
	margin: 70px 37px 0px 0px; display: inline; 
	padding-left: 12px;
	background: url('../img/video/content-grad-back.gif') no-repeat;
	background-position: left top;
}

#footerContainer {
	width: 768px; padding-top: 28px; height: 90px; 
	background: url('../img/generic/footer-grad.jpg') no-repeat;
	background-position: 0px 14px;	
	background-color: #383838;
}