/* ============================ common ============================== */
img, div { behavior: url(http://www.diffusionpr.com/iepngfix.htc); }


html { background: #000 url(../img/bg-body-black-new.gif) 0 0; }

body { 

	color: #ccc; background: url(../img/bg-body2-black.gif) no-repeat 50% 20px;

	font: normal 62.5% Arial, sans-serif;

}



a:link, a:visited { color: #fff; text-decoration: none; }

a:hover, a:active, a:focus { color: #000; background: #fff; }



a.more{

	padding: 0 0.2em;

	color: #fff; background: #333;

	font-weight: bold; text-transform: uppercase;

}

a.more:hover,

a.more:focus,

a.more:active{ color: #000; background: none; }



img 	{ display: block; }

a img 	{ border: none; }

a span	{ cursor: pointer; }

strong 	{ font-weight: bold; }

em 		{ font-style: italic; }



hr {

	height: 2px; width: 100%;

	margin: 10px 0;

	background: url(../img/bg-header-black.gif) repeat-x 0 0 transparent;

	border: none;
	clear: both;

}



.clearfix:after {

	clear: both;

	display: block; visibility: hidden;

	height: 0;

	content: ".";   

}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */



.aural{

	position: absolute;

	left: -2007px;

	font: 0;

}



/* ========================== common end ============================ */



/* ============================ layout ============================== */



#holder{ 

	width: 950px;

	margin: 0 auto;

}



#header{

	position: relative;

	padding: 175px 0 0 0;

	background: url(../img/bg-header-black.gif) repeat-x 0 159px;

}



#main{ clear: both; }



#footer{ 

	clear: both;

	padding: 9px 0 7px 0;

	background: url(../img/bg-header-black.gif) repeat-x 0 0;

	font-size: 1.2em; font-weight: bold;

}



/* ========================== layout end ============================ */



/* =========================== skiplinks ============================ */



#skiplinks{ 

	position: absolute;	

	top: 5px; left: 0; 

	height: 1.5em; 

}

#skiplinks a{ 

	position: absolute; 

	left: -9999px; 

	font-size: 0; 

	white-space: nowrap;

}

#skiplinks a:active, #skiplinks a:focus { 

	top: 0; left: 0; 

	padding: 0.3em;

	font-size: 1.2em; font-weight: bold; text-transform: uppercase;

}



/* ========================= end skiplinks ========================== */



/* ============================ header ============================== */



#header h1{

	position: absolute;

	top: 14px; right: 13px;

	width: 192px; height: 42px;

}

#header h1 a{ background: none; }



#nav{
	position: relative;
	background: #333;
	font-size: 1.7em; text-transform: uppercase; letter-spacing: -1px;
}

#nav li{
	float: left; position: relative;
}

#nav li a{
	display: block;
	margin: 0 -8px 0 0; padding: 6px 11px;
	color: #ccc; background: url(../img/bg-nav-li-black.gif) no-repeat 100% 50%;
}

#nav li.last a{ background: none; }

#nav li a:hover,
#nav li a:active,
#nav li a:focus,
#nav li:hover a,
ul#nav li.current_page_item a{ color: #ccc; background: #000; }

#nav li ul{
	position: absolute;
	left: -2007px;
	background: #333;
}

#nav li:hover ul{
	left: 0;
}

#nav li ul li{
	float: none;
	white-space: nowrap;
}

#nav li:hover ul li a{ background: #333; color: #ccc; }

#nav li:hover ul li a:hover,
#nav li:hover ul li a:active,
#nav li:hover ul li a:focus{ color: #ccc; background: #000; }

#dottv{

	position: absolute;

	top: 150px; right: -95px;

	width: 105px; height: 89px;

	background: url(../img/tv.gif) no-repeat 0 0;

}



#page-title{

	float: left;

	margin: 16px 0 0 0; padding: 0.15em 0.35em;

	color: #fff; background: #59b1b0;

	font: bold 1.8em Arial, sans-serif; text-transform: uppercase; letter-spacing: -1px;

}



/* ========================== header end ============================ */



/* ============================ content ============================= */



#featured-video{

	margin: 0 0 7px 0;

	background: #000;

	border: 7px solid #000;

}

#featured-video .video{

	float: right;

	width: 483px; height: 371px;

	padding: 67px 0 0 40px;

	background: url(../img/bg-featured-video.gif) no-repeat 0 0;

}

#featured-video .text{

	float: left;

	width: 399px; min-height: 424px;

	padding: 7px;

	background: #333;

	font-size: 1.2em;

	display: inline;
line-height: 150%;

}

#featured-video .text h3{

	margin: 0 0 7px 0;

	font-size: 1.4em; font-weight: bold; text-transform: uppercase; letter-spacing: -1px;

}

#featured-video .text h4{

	margin: 0 0 7px 0;

	font-size: 1.2em; font-weight: bold; text-transform: uppercase; letter-spacing: -1px;

}

#featured-video .text h4 span{

	padding: 0.1em 0.4em;

	color: #fff; background: #f3c;

}

#featured-video .text .meta{

	display: block;

	margin: 0 0 7px 0; padding: 0 0 0 20px;

	background: url(../img/plus-black.gif) no-repeat 0 1px;

}

#featured-video .text p{

	margin: 0 0 7px 0;

}







.block{

	position: relative;

	margin: 0 0 7px 0;

	background: #000;

	border: 7px solid #000;

}

.block h3{

	position: absolute;

	left: -20px; top: -20px;

}

.block h3 a:hover,

.block h3 a:focus,

.block h3 a:active{ background: none; }

.block .text{

	float: left;

	width: 135px; min-height: 167px;

	padding: 70px 7px 7px 7px;

	font-size: 1.2em;

	background: #333;

}

.block .text h4{

	margin: 0 0 7px 0;

	font-size: 1.2em; font-weight: bold; text-transform: uppercase; letter-spacing: -1px;

}

.block .videos li{

	float: left;

	width: 256px;

}

.block .videos li a.video-link,

.block .videos li a:hover.video-link,

.block .videos li a:focus.video-link,

.block .videos li a:active.video-link{

	display: block;

	width: 234px; height: 138px;

	padding: 34px 0 0 22px;

	background: url(../img/bg-video-black.gif) no-repeat 0 0;

}

.block .videos li h4{

	margin: 0 18px 7px 22px;

	font-size: 1.4em; font-weight: bold; text-transform: uppercase; letter-spacing: -1px;

}

.block .videos li h4 a{

	color: #fff; background: #f3c;
padding: 0.1em 0.2em;

}

.block .videos li h4 a:hover,

.block .videos li h4 a:focus,

.block .videos li h4 a:active{

	color: #000; background: #fff;

}

.block .videos li .meta{

	margin: 0 18px 7px 22px; padding: 0 0 0 20px;

	background: url(../img/plus-black.gif) no-repeat 0 1px;

	font-size: 1.2em;

}









/* ========================== content end =========================== */



/* ============================ side-bar ============================ */







/* ========================== side-bar end ========================== */



/* ============================= footer ============================= */



#footer ul{

	float: left;

}

#footer ul li{

	float: left;

	margin: 0 1em 0 0;

	display: inline;

}

#footer .clients-link{ float: right; }





/* =========================== footer end =========================== */

a.dtvrss {
position: absolute;
margin: -60px 0 0 120px;
}