body { background:#000; }

/* WRAPPERS AND BACKGROUNDS ************************************/

#nav_wrapper {
	width:100%;
	text-align:center;
	border-bottom:1px solid #1E1E1E;	
}

#wrapper {
	width:100%;
	text-align:center;
	background:#000 url(/Content/images/bg_wrapper.jpg) center -40px no-repeat;	
	height:1500px;
}

#wrapper2 {
	width:100%;
	text-align:center;
	background:url(/Content/images/bg_wrapper.jpg) center 120% no-repeat;
	padding-bottom:50px;
}

/* FLOATS ******************************************************/

#main_nav ul li,
#news h1,
#news p,
#channels p,
.carousel1,
.carousel2,
.ad_left,
#sorter,
#sorter li,
#colA,
footer section,
ul.check li,
div.channel,
#slider_content p
{
	float:left;
	display:inline;	
}

#main_nav p,
.ad_right,
aside {
	float:right;
	display:inline;	
}

/* IMAGE REPLACEMENT *******************************************/

header#logo h1,
.btnNext,
.btnPrev,
#content p.demo_link a {
	display:block;
	overflow:hidden;
	text-indent:-9999px;	
}

/* TOP NAVIGATION **********************************************/

#main_nav { 
	padding:10px 0 0 0; 
	width:936px;
	text-align:left;
	margin:0 auto;
	overflow:hidden;
}

#main_nav ul li {
	border-right:1px solid #333;
	display:inline-block;
	padding:6px 0;	
	font-size:1.1em;
	font-weight:bold;
	height:13px;
	margin-bottom:10px;
}

#main_nav ul li.last { border:0px; }

#main_nav ul li a {
	color:#BAB9B9;	
	text-decoration:none;
	text-transform:uppercase;
	display:block;
	height:30px;
	padding:0 18px;
}

#main_nav ul li a:hover,
#main_nav ul li a.active { 
	background:url(/Content/images/bg_nav_item.gif) left bottom no-repeat;
}

#main_nav p {
	margin:5px 0 0 0;
	color:#E60303;
	font-size:1.3em;
	font-weight:bold;	
}

#main_nav p a { text-decoration:none; }
#main_nav p a:hover { text-decoration:underline; }

/* HEADER ******************************************************/

header#logo {
	width:900px;
	text-align:left;
	margin:0 auto;
	padding:26px 0 32px 0;
}

header#logo h1 {
	width:431px;
	height:41px;
	background:url(/Content/images/logo_header.png) 0 0 no-repeat;	
}

/* CONTENT *****************************************************/

#content {
	width:940px;
	padding:10px;
	margin:0 auto;
	text-align:left;	
	background:#000 url(/Content/images/bg_content.gif) 0 0 repeat-x;
	overflow:hidden;
	position:relative;
}

.site-index #content {
	width:902px;
	padding:35px 29px 29px 29px;	
}

#content h1.main_headline {
	text-transform:lowercase;
	color:#00AEEF;	
	font-size:6.5em;
	font-weight:100;
	background:#000;
	padding:10px 25px;
	font-family:'HelveticaNeueUltraLight', 'Helvetica Neue Ultra Light', 'HelveticaNeue-Ultra-Light', 'HelveticaNeue', 'Helvetica Neue', 'Josefin Sans Std Light', 'Century Gothic', Arial, Sans-Serif;
}

#content p.demo_link {
	position:absolute;
	top:28px;
	right:30px;	
}

#content p.demo_link a {
	background:url(/Content/images/btn_WatchTV.gif) 0 0 no-repeat;
	width:131px;
	height:47px;	
}

#colA {
	background:#000;
	border:1px solid #242424;
	width:550px;
	padding:20px 25px;
	margin-bottom:25px;
}

#colA h1 {
	color:#F78E00;	
	font-size:4em;
	line-height:1.3em;
	font-weight:100;
	margin:0 100px .5em 0;
	font-family:'HelveticaNeueThin', 'Helvetica Neue Thin', 'HelveticaNeue-Thin', 'HelveticaNeue', 'Helvetica Neue', 'Josefin Sans Std Light', 'Century Gothic', Arial, Sans-Serif;
}

.partners-index #colA h1 { margin-right:0px; font-size:3.8em; }

#colA h2 {
	color:#0083B4;
	font-size:2em;
	line-height:1.2em;
	margin:0 20px 1em 0;
	font-family:'HelveticaNeueHeavy', 'Helvetica Neue Heavy', 'HelveticaNeue-Heavy', 'HelveticaNeue', 'Helvetica Neue', Arial, Sans-Serif;
}

.aboutus-index #colA h2 { text-transform:uppercase; }

#colA h3 {
	color:#F78E00;
	font-size:1.4em;
	line-height:1.2em;
	margin-bottom:.2em;
}

.channels-index #colA h3 { margin:1em 0 2em; }

#colA h4 {
	color:#0083B4;
	font-size:1.2em;
	line-height:1.2em;
	margin-bottom:1em;
	font-weight:bold;
}

#colA p span.alt { color:#F78E00; font-weight:bold; }

#colA p.link { color:#E60303; }

.faq {
	padding:5px 10px;
	border:1px solid #242424;
	background:#141414;	
	position:relative;
	left:-10px;
	width:538px;
	margin-bottom:25px;
}

.closed p.question { margin-bottom:0px; }

.faq .question a {
	color:#F7901E;
	text-decoration:none;
	background:url(/Content/images/arrow_orange_up2.gif) right center no-repeat;	
	display:block;
	width:98%;
}

.closed .question a { background:url(/Content/images/arrow_orange_down2.gif) right center no-repeat; }

.closed p.answer { display:none; }

.faq a:hover { text-decoration:underline; cursor:pointer; }

aside#ads {
	width:300px;
	margin-bottom:25px;	
}

#ads div { margin-bottom:10px; }

ul.check {
	border:1px solid #262626;
	padding:10px;
	color:#F7901E;
	font-size:1.6em;
	font-weight:bold;
	overflow:hidden;	
	list-style-type:none;
	list-style-position:outside;
	margin-bottom:18px;
}

ul.check li {
	padding-left:18px;
	background:url(/Content/images/checkmark_orange.gif) left center no-repeat;	
	margin-right:5px;
}

ul.white {
	font-size:1.2em;
	margin:0 0 10px 20px;	
	line-height:1.3em;
	font-weight:bold;
}

div.channel {
	width:132px;
	margin-right:7px;	
	text-align:center;
}

div.noMargin { margin-right:0px; }

div.channel p {
	margin:8px 0 12px 0;	
	color:#F7901E;
	text-transform:uppercase;
	font-weight:bold;
}

div.channel p a {
	color:#F7901E;
	text-decoration: none;
}

div.channel p a:hover {
	text-decoration: underline;
}

div.media_links {
	margin:20px 0 20px 0;
	overflow:hidden;
}

div.media_links img { float:left; display:inline; margin:0 10px 10px 0; }

#colA div.media_links h4 { margin-bottom:0px; float:left; display:inline; font-size:1.4em; }
#colA div.media_links p { margin-bottom:2em; }

#colA div.media_links a { color:#FFF; text-decoration:none; }
#colA div.media_links a:hover { text-decoration:underline; }

/* FOOTER **********************************************************/

footer {
	border:1px solid #252525;	
	padding:10px 30px;
	overflow:hidden;
	background:url(/Content/images/logo_footer.gif) 680px 10px no-repeat;
}

footer section {
	width:275px;	
}

footer h1, footer p {
	font-family:Verdana, Arial, Sans-Serif;	
	font-size:1em;
	margin-bottom:1.3em;
}

footer h1 {
	color:#0083B4;	
}

footer p a { color:#FFF; }

footer p.link {
	color:#C57318;	
	font-size:1.1em;
}

footer p.link a { color:#C57318; }
footer p a:hover { color:#C57318; }
footer p.link a:hover { color:#FFF; }

/* CAROUSEL ********************************************************/

#channels p { width:25px; height:108px; position:relative; }

#channels { height: 106px; padding:10px 0 0 7px; overflow:hidden; }

#channels ul { width:500px; overflow:hidden; } 

.btnNext,
.btnPrev {
	width:25px;
	height:108px;
	background:url(/Content/images/btn_arrows.jpg) 0 0 no-repeat;
}

.btnNext { background-position:right top; }

.btnNext:hover { background-position:right bottom; }
.btnPrev:hover { background-position:left bottom; }
.carousel2 { width:831px !important; }
.carousel2 li { padding:0 3px; margin:0 0px; border:0 !important; }

/* Tabs
----------------------------------*/
.tabs ul.tabButtons { clear:right; }
.ui-tabs { z-index:9000; position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin-top:8px;  padding-left:10px; }
.ui-tabs .ui-tabs-nav li { 
	list-style: none; 
	float: left; 
	white-space: nowrap; 
	margin-right:10px; 
	background-image: -moz-linear-gradient(100% 100% 90deg, #000000, #1F1F1F);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1F1F1F), to(#000000));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#1F1F1F, endColorstr=#000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#1F1F1F, endColorstr=#000000)";
	text-align:center;
}
.ui-tabs .ui-tabs-nav li a { float: left; padding:6px 10px; width:150px; text-decoration: none; color:#f78e00; font-size:1.1em; }
.ui-tabs .ui-tabs-nav li a:hover { text-decoration:underline; }
.ui-tabs .ui-tabs-nav li.ui-state-active a:hover { text-decoration:none; }
.ui-tabs .ui-tabs-nav li a:after { content:" " url(/Content/images/arrow_orange_right.gif); }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a:after { content:" " url(/Content/images/arrow_orange_down.gif); }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { z-index:9999; position:relative; top:1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { position:relative; z-index:1; border-top:1px solid #2E2E2E; display: block; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

.tabs ul li {
	border:1px solid #2E2E2E;
	border-bottom:0px;	
	background:#000;
}