@charset "UTF-8";
/*
***********************
	PAGE STUFF
***********************
*/

#title { position:absolute; top: 34px; left: 45px; }

a.green_btn { display: block; width: 171px; height: 32px; margin-top: 15px; background: url(img/button_discover.png) no-repeat 0px 0px; text-indent: -9999px; }
a.green_btn:hover { background-position: 0 -32px; }

#vid-col-1 {
	position: absolute;
	top: 64px;
	left: 364px;
	padding: 18px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
#vid-col-1 ul li { display: block; margin-bottom: 34px; }
#vid-col-1 div.vid-title { display: block; font-size: 1.4em; color: #333; margin-bottom: 8px; }


#vid-col-2 { position: absolute; top: 64px;	left: 602px; padding-top: 18px; }
#vid-col-2 h3 { font-size: 1.4em; font-weight: normal; color: #333; margin-bottom: 8px; }
#vid-col-2 table tr td { padding-bottom: 5px; }
.clip-title { padding-left: 12px; }
/* BOTTOM BAR */

#bottombar {
	position: absolute;
	top: 575px;
	left: 20px;
	background: url(img/bg-bottombar-whitebg.png) no-repeat top left;
	width: 917px;
	height: 151px;
	margin: 0;
	padding: 0;
}
#bottombar_etf {
	position: absolute;
	top: 700px;
	left: 20px;
	background: url(img/bg-bottombar.png) no-repeat top left;
	width: 917px;
	height: 151px;
	margin: 0;
	padding: 0;
}
.bottompromo {
	float: left;
	display: inline; 
	width: 300px;
	margin-top: 20px;
	padding: 0;
	line-height: 120%;
}
.bottompromo img {
	float: right;
	margin: 0;
	padding: 0 12px 0 0;
	vertical-align: top;
}
.bottompromo-copy {
	float: left;
	display: inline;
	width: 168px;
	margin: 0;
	padding: 0 0 0 30px;
}
.bottompromo h3 {
	font-size: 1.6em;
}
.bottompromo p {
	line-height: 120%;
}
.border {
	height: 118px;
	border-right: 1px solid #ccc;
}

#supbox {
	position: absolute;
	top: 18px;
	left: 605px;
	width: 280px;
	color: #fff;
}

#sup_left_col {
	top: 18px;
	left: 20px;
	width: 400px;
	color: #fff;
}
#socialbar {
	position: absolute;
	top: 740px;
	left: 20px;
	background: url(img/social-bar-whitebg.png) no-repeat top left;
	width: 917px;
	height: 52px;
	margin: 0;
	padding: 0;
}
/******************
	OVERLAY
*******************/

div.overlay {
	display:none;
	background: url(/apache/images/overlay/white.png) no-repeat;
	_background: url(/apache/images/overlay/white.gif) no-repeat;
	padding: 40px;	
	width:576px;
	margin: 0 auto;
	z-index: 10000;
}

div.overlay div.close {
	background: url(/apache/images/overlay/close.png) no-repeat;
	_background: url(/apache/images/overlay/close.gif) no-repeat;
	position:absolute;
	top:2px;
	right:5px; 
	width:35px;
	height:35px;
	cursor:pointer;
}

div.wrap {
	height: 450px;
	overflow-y: auto;
}
a.player { 
	display:block;
	height:450px;
}
div.wrap h1 { font-size: 2em; font-weight: bold; color: #333; }
div.wrap p { line-height: 120%; }