/* something that does not change */
html, body { height:100%; background:url(/img/grad.gif) 0 0 repeat-x #E2E2E2; }
table { border-collapse:collapse; }
html, h1, h2, h3, h4, h5 ,h6, body, form, th, td, p { margin:0; padding:0; }
img { border:0 none; }
* html img { behavior:url('css/pngbehavior.htc'); }
map { display:none; } 
object, form { display:block; }	
h1, h2, h3, h4, h5 ,h6 { letter-spacing:normal; }
hr { display:none; }
/* something that does not change */

/* all time classes */
.clr { clear:both; height:1px; overflow:hidden; margin:-1px 0 0 0; }
.fl { float:left; }
.fr { float:right; }
.block { display:block; }
.whf { width:100%;/* height:100%; */ }
.hf { height:100%; }
.wf { width:100%; }
.tar { text-align:right; }
/* all time classes */
		
/* global text/link settings */
p, div, span, td, th, em, h1, h2, h3, h4, h5, h6, b, strong, i, .button, li, a { font-family:Arial, Times, serif; font-size:14px; line-height:150%; color:#000; }
a { color:#000; text-decoration:underline; }
a:hover { text-decoration:none; }
.block-list, .block-list li { display:block; list-style:none; padding:0; margin:0; }
.textfield, textarea, select { font-family:Arial, Times, serif; font-size:14px; padding-left:3px; color:#000; }
* { zoom:1; min-height:1px; }
/* global text/link settings */


.root {
	width:993px;
	margin:0 auto;
}
.top { background:#0A2F5E; }
.content { width:953px; }
.bg-1 {
	width:20px;
	background:url(/img/left.png) right 0 repeat-y;
}
.bg-2 {
	background:url(/img/right.png) 0 0 repeat-y;
	width:20px;
}
.top-images {
	height:118px;
	border-right:1px solid #8393A7;
	border-left:1px solid #8393A7;
	padding:1px 0px 1px 0px;
}
	.top-images li {
		float:left;
		padding:2px 2px 0 1px;
	}
	.top-images .lst { padding:2px 0 0 1px; }
.top-nav {
	background:url(/img/under-nav.jpg);
	height:25px;
	padding:0 0 0 40px;
}
	.top-nav li.i {
		float:left;
		padding:3px 38px 0 35px;
		line-height:1.3;
		position:relative;
	}
	.top-nav a {
		color:#FFF;
		line-height:1.3;
		font-size:16px;
		text-transform:uppercase;
		text-decoration:none;
	}
	.top-nav a:hover { text-decoration:underline; }
	.top-nav ul {
		position:absolute;
		top:26px;
		left:0;
		width:100%;
		background:#FFF;
		text-align:center;
		padding:2px 0;
	}
		.top-nav ul li {
			line-height:1.3;
			font-size:12px;
			padding:2px 0;
		}
		.top-nav ul a {
			color:#000;
			line-height:1.3;
			font-size:12px;
			text-transform:none;
			text-decoration:none;
		}
.bottom {
	height:18px;
	padding:1px 6px 0 0;
	background:url(/img/bottom.jpg);
}
	.bottom a {
		color:#FFF;
		font-size:11px;
		text-decoration:none;
	}
	.bottom a:hover { text-decoration:underline; }
.page-1 { background:url(/img/loop-1.gif); }
	.page-1 .tp { background:url(/img/loop-1-top.gif) 0 0 no-repeat; }
	.page-1 .bt { background:url(/img/loop-1-bot.gif) 0 bottom no-repeat; }
	.page-1 .left-1 {
		width:540px;
		padding:15px 0 0 115px;
	}
.scroll {
	overflow:auto;
	height:550px;
}
	.page-1 .right-1 {
		width:180px;
		padding:15px 0 0 30px;
	}
	.list-1 li {
		float:left;
		width:108px;
		overflow:hidden;
		margin:0 72px 20px 0;
	}
	.list-1 b {
		display:block;
		font-size:9px;
		line-height:100%;
	}
	.list-1 p {
		display:block;
		font-size:9px;
		line-height:1.3;
	}
.text-1 { width:468px; }
	.text-1 p {
		font-size:12px;
		line-height:1.3;
		text-align:justify;
	}
	.list-2 img { margin:0 5px -1px 0; }
	.list-2 p {
		font-size:12px;
		line-height:1.3;
		text-align:justify;
		display:block;
		padding:0 0 9px 0;
	}
		.list-2 p a {
			font-size:12px;
			line-height:1.3;
			font-weight:bold;
			text-decoration:none;
		}
		.list-2 p a:hover { text-decoration:underline; }
	.list-2 .tt {
		font-size:15px;
		text-transform:uppercase;
		text-decoration:none;
		font-weight:bold;
	}
.logos {
	height:202px;
	padding:20px 35px;
}
	.logos table {
		width:883px;
		height:208px;
	}
	.logos td { text-align:center; }
.title-1 { background:url(/img/loop-2.gif); }
	.title-1 .tp { background:url(/img/loop-2-top.gif) 0 0 no-repeat; }
	.title-1 .bt { background:url(/img/under-logos.jpg) 0 bottom no-repeat; }
	.title-1 .left-1 {
		width:218px;
		padding:25px 0 0 73px;
	}
	.title-1 .left-2 {
		width:172px;
		padding:15px 0 0 107px;
	}
	.title-1 .left-3 {
		width:217px;
		padding:15px 0 0 65px;
	}
	.title-1 .left-1, .title-1 .left-2, .title-1 .left-3 {
		height:400px;
		overflow:hidden;
	}
	.videos li { line-height:1.3; }
	.videos img { margin:0 0 3px 0; }
	.videos a {
		font-size:15px;
		text-decoration:none;
		text-transform:uppercase;
		font-weight:bold;
		line-height:1.3;
	}
	.videos a:hover { text-decoration:underline; }
.padd-bottom { padding-bottom:38px !important; }
	.item-1 .tt {
		font-size:15px;
		text-transform:uppercase;
		font-weight:bold;
		text-decoration:none;
		line-height:1.3;
	}
	.item-1 .tt:hover { text-decoration:underline; }
		.item-1 .tt img { margin:0 0 3px 0; }
	.item-1 p {
		font-size:12px;
		line-height:1.3;
		display:block;
		padding:10px 0 8px 0;
	}
	.item-1 .more {
		font-size:12px;
		line-height:1.3;
		font-weight:bold;
		text-decoration:none;
	}
	.item-1 .more:hover { text-decoration:underline; }
.page-2 { background:url(/img/loop-3.gif); }
	.page-2 .tp { background:url(/img/loop-3-top.gif) 0 0 no-repeat; }
	.page-2 .bt { background:url(/img/loop-3-bot.gif) 0 bottom no-repeat; }
	.page-2 .left-1 {
		width:540px;
		padding:15px 0 15px 77px;
	}
	.page-2 .left-2 {
		width:180px;
		padding:15px 0 15px 65px;
	}
	.video a {
		text-transform:uppercase;
		font-size:15px;
		text-decoration:none;
		font-weight:bold;
	}
	.video a:hover { text-decoration:underline; }
	.video p {
		font-size:12px;
		padding:0 0 20px 0;
	}
	.list-3 li {
		float:left;
		width:118px;
		padding:0 5px 0 0;
	}
	.list-3 a {
		font-size:11px;
		text-transform:uppercase;
		font-weight:bold;
		text-decoration:none;
	}
	.list-3 a:hover { text-decoration:underline; }
		.text-2 ul.fl li { padding:0 0 3px 17px; }
	.text-2 b.block {
		font-size:15px;
		text-transform:uppercase;
		padding:20px 0 0 0;
	}
	.text-2 p {
		font-size:12px;
		padding:3px 0 10px 0;
	}
		.text-2 p * { font-size:12px; }
	
.hide {
	display:none;
}




/* root element should be positioned relatively so that 
	child elements can be positioned absolutely */
div.hulu {
	position:relative;
	height:20px;
	
	/* black background with a gradient */
	background:#000 url(/img/player/skin/hulu.png) repeat-x 0 -2px;
	width:790px;
	overflow:hidden;
}

/* play/pause button */
div.hulu a.play, div.hulu a.pause { 
	position:absolute;
	width: 25px;
	height: 20px;
	display:block;
	text-indent:-9999em;
	background:url(/img/player/skin/hulu.png) no-repeat 5px -31px;
	cursor:pointer;
	border-right:1px solid #000; 
}

div.hulu a.play:hover {
	background-position:5px -52px;	
}

/* pause state */
div.hulu a.pause { 
	background-position:5px -74px;
}

div.hulu a.pause:hover {
	background-position:5px -96px;	
}

/* the timeline (or "scrubber")  */
div.hulu div.track {  
	left:30px;
	position:absolute;
	cursor:pointer;
	width:675px;
	border-left:1px solid #999;
	height:20px;	
}

/* the draggable playhead */
div.hulu div.playhead {
	position:absolute;
	cursor:pointer; 
	background-color:#4ff;
	opacity:0.3;
	filter: alpha(opacity=30);	
	width:3px;
	height:20px;
	border-right:1px solid #444;
}

/* buffer- and progress bars. upon runtime the width of these elements grows */
div.hulu div.progress, div.hulu div.buffer {	
	position:absolute;
	z-index:10;
	background-color:#4ff;
	filter: alpha(opacity=10);
	opacity:0.1;
	width:0px;
	height:20px;
}

div.hulu div.buffer {
	background-color:#fff;
	opacity:0.1;
	filter: alpha(opacity=10);
}

/* time display */
div.hulu div.time {
	position:absolute;		
	z-index:10;
	width:59px;
	left:705px;
	padding:3px 0;
	text-align:center;
	border:1px solid #999;
	border-width:0 1px;
	
	font-family:futura,"Lucida Grande","bitstream vera sans","trebuchet ms",verdana,arial;	
	font-size:10px !important;
	color:#fff !important; 
}

div.hulu div.time span {
	color:#fff;
	font-size:10px;
}

/* total duration in time display */
div.hulu div.time strong {
	font-weight:normal;
	color:#666;
	display:none;
}

/* mute / unmute buttons */
div.hulu a.mute, div.hulu a.unmute {
	position:absolute;
	left:765px;
	width:20px;
	height:20px;
	text-align:center;
	padding:4px 0;
	cursor:pointer;
	text-indent:-9999em;
	background:url(/img/player/skin/hulu.png) no-repeat 5px -161px;
}

div.hulu a.mute:hover {
	background-position:5px -183px;	
}

/* unmute state */
div.hulu a.unmute {
	background-position:5px -117px;	
}

div.hulu a.unmute:hover {
	background-position:5px -140px;	
}