/* CSS Document */

body{
	margin: 0px;
	padding: 0px;
	font: 11px verdana;
	color:#FFFFFF;
	background-color:#191919;
	background:background:url(../gfx/header_bg.gif) repeat-x; 
}

h1{	font: bold 22px verdana; color: #e61f18; }
h2{	font: bold 20px verdana; color: #e61f18; }
h3{	font: bold 18px verdana; color: #e61f18; }
h4{	font: bold 16px verdana; color: #e61f18; }
h5{	font: bold 14px verdana; color: #e61f18; }
h6{	font: bold 12px verdana; color: #e61f18; }

.clear{	clear: both; }

.left{ float: left; }

.right{ float: right; }

.red{ color: red; }

img{ border: none; }

a{
	color: #FF0000;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

input{
	background: white;
	border: solid 1px #797979;	
}

input#submit{
	width: 100px;
	background: white;
	height: 24px;
}

div, form, fieldset{ margin: 0; padding: 0; }
/*centers content*/

#container {
	margin-left: auto;
	margin-right: auto;
	width: 990px;
	}


/*footer*/

#footerbg{
	height:180px;
	width:auto;
	background:url(../gfx/footer_bg.gif) repeat-x; 
	background-color:#222222;
	padding: 42px 0px 0px 30px;
	clear: both;
}

#footer-logos{
	width:994px;
	height:53px;
	background:url(../gfx/bg_logos.gif) no-repeat;
	margin:50px 0px 0px -24px;
}

#bluhalo{
	width:311px;
	height:53px;
	margin: 0px 0px 0px 683px;
	background:url(../gfx/bluhalo.gif) no-repeat;
}

#bluhalo a{ display: block; height:100%; width: 100%; }

#copyright {
	color:#626262;
	margin:45px 0px 45px 25px;
}


/*header*/

#headerbg{
	height:189px;
	width:auto;
	background:url(../gfx/header_bg.gif) repeat-x; 
}

#headerbg2{
	width:1032px;
	height:189px;
	background:url(../gfx/header_bg_2.jpg) no-repeat;
}

#header-shadow{
	height:10px;
	width:auto;
	background:url(../gfx/header_shadow.gif) no-repeat;
}

#logo{
	height:180px;
	width:196px;
	background:url(../gfx/logo.gif) no-repeat;
	margin: 0 0 0 194px;
	float:left;}

#logo-bottom{
	height:9px;
	width:196px;
	background:url(../gfx/logo_bottom.gif) no-repeat;

}

#header-title {
	height:141px;
	width:657px;
	margin: 0 0 0 179px;
	background:url(../gfx/header_title.jpg) no-repeat;
	float:right;

}

#logo-link{
	width:196px;
	height:180px;
	float:left;
	background:url(../gfx/logo.gif) no-repeat;}
#logo-link-tv{
	width:196px;
	height:180px;
	float:left;
	background:url(../gfx/logoTv.gif) no-repeat;}


/*main content*/

#main-box{
	width:693px;
	height:auto;
	background:url(../gfx/main_box_bg.gif) repeat-y;
}

#main-box-top{
	width:693px;
	height:7px;
	background:url(../gfx/main_box_top.gif) no-repeat;
}

#main-box-bottom{
	width:693px;
	height:13px;
	background:url(../gfx/main_box_bottom.gif) no-repeat;
}


#main-cta{
	width:644px;
	height:287px;
	border: #3e3e3e solid 1px;
	margin: 0px 0px 12px 0px;
	position: relative;
}
#buttonOrder{ position: absolute; left: 15px; bottom: 15px; }


#box-content{
	width:auto;
	height:auto;
	padding:7px 0px 7px 26px;
}

.content{ 
	width:624px;
	overflow:hidden;
	border: #3e3e3e solid 1px;
	background-color:#191919;
	padding: 10px 10px 10px 10px;
}
.content img{ margin: 5px; }

#latest-news{

}

#latest-news a{
	color:#FF0000;
	text-decoration: none;
}

#latest-news a:hover{
	text-decoration: underline;
}



#title{
	width:134px;
	height:152px;
	float:left;
}

#news{
	width:490px;
	height:auto;
	float:right;
}

.news-article{
	width:150px;
	height:auto;
	padding: 0px 5px 10px 5px;
	margin: 0px 0px 0px 0px;
	float:left;
	overflow:hidden;
}

.news-pic{
	margin: 0px 0px 5px 0px;
}
.news-pic img{ border: 1px solid #3e3e3e; }

#tv{
	width:480px;
	height:auto;
	float:right;
	margin-left: 10px;
}
.videoBox{ background: #222222; overflow: hidden; margin-bottom:10px; width: 480px; }
.video{ float: left; width: 213px; }
.videoDesc{ float: right; width: 250px; }


/*right column*/

#right-column{
	width:304px;
	height:797px;
	background:url(../gfx/right_column_bg.gif) no-repeat;
	float:right;
	margin: -78px -5px 0px 0px;
	overflow: hidden;
}

#poptv{
	background: url(../gfx/ctaPoptv.gif) no-repeat;
	height: 144px;
	width: 277px;
	margin: 9px 0px 4px 14px;
	position: relative;
}
#poptv a{ position: absolute; bottom: 10px; right: 10px; }

#share{
	width:265px;
	height:132px;
	background-color:#181818;
	border: #3e3e3e solid 1px;
	margin: 9px 0px 4px 14px;
	padding:8px 0px 0px 10px;
}


#thanks-item{
	width:170px;
	height:28px;
	background:url(../gfx/share.gif) no-repeat;
	padding:5px 0px 0px 30px;
}

#add-item{
	width:170px;
	height:28px;
	background:url(../gfx/add.gif) no-repeat;
	padding:5px 0px 0px 30px;
}

#rss-item{
	width:170px;
	height:28px;
	background:url(../gfx/rss.gif) no-repeat;
	padding:5px 0px 0px 30px;
}

#download-item{
	width:170px;
	height:28px;
	background:url(../gfx/download.gif) no-repeat;
	padding:5px 0px 0px 30px;
}

#youtube{
	width:277px;
	height:316px;
	background-color:#181818;
	margin: 5px 0px 0px 14px;
}

#order-now{
	width:7px;
	height:auto;
	padding:10px 0px 0px 180px;
}

#youtube-bottom{
	width:277px;
	height:8px;
	background:url(../gfx/youtube_bottom.gif) no-repeat;
}

/*right column form*/

#email-form{
	width:255px;
	height:132px;
	background-color:#181818;
	border: #3e3e3e solid 1px;
	padding:20px 0px 0px 20px;
	margin: 5px 0px 4px 14px;
}

fieldset {
	
	border:none; 
	padding:0;
	margin: 0px 0 0 0;
	}
	
#email-form input {
	font: 10px Arial, "Times New Roman", Times, serif;
	color:#FFFFFF;
	width:179px;
	height:27px;
	border:none;
	background:url(../gfx/form_input.gif) no-repeat;
	padding: 7px 0 0 5px; 
	margin:10px 0px 0px 0px;
	}
#right-column-form .submit{ border: none; background: none; }
	
#email-form .custombutton {
	padding:0;
	margin:0;
	border:none;
	background:none;
	cursor:pointer;
	float: right;
	height: 51px;
	width: 51px;
	}


#tvupload input{ background: #676767; border:1px solid #3e3e3e; color:#CCCCCC; }


/*navigation*/


#nav {
	width:476px;
	margin:0px 0px 0px 196px;
	padding:141px 0px 0px 0px;
}

#nav div #navOn{ background-position: 0px 100%; }

#nav div{
	height: 39px;
	float: left;
}
#nav div a{
	display: block;
	height: 39px;
	background-position: 0px 0%;
}
#nav div a:hover{
	height: 39px;
	background-position: 0px 100%;
}

#home {	width: 70px; }
#home a { width: 70px; background: url(../gfx/nav-home.gif) no-repeat;	}
#home a:hover { width: 70px; }

#about {	width: 75px; }
#about a { width: 75px; background: url(../gfx/nav-about.gif) no-repeat;	}
#about a:hover { width: 75px; }

#news1 {	width: 70px; }
#news1 a { width: 70px; background: url(../gfx/nav-news.gif) no-repeat;	}
#news1 a:hover { width: 70px; }

#latest-products {	width: 146px; }
#latest-products a { width: 146px; background: url(../gfx/nav-latest-products.gif) no-repeat;	}
#latest-products a:hover { width: 146px; }

#contact {	width: 115px; }
#contact a { width: 115px; background: url(../gfx/nav-contact.gif) no-repeat;	}
#contact a:hover { width: 115px; }

#email {	width: 70px; }
#email a { width: 70px; background: url(../gfx/nav-email.gif) no-repeat;	}
#email a:hover { width: 70px; }

#nav-tv {	width: 46px; }
#nav-tv a { width: 46px; background: url(../gfx/nav-tv.gif) no-repeat;	}
#nav-tv a:hover { width: 46px; }

#logout {	width: 70px; }
#logout a { width: 70px; background: url(../gfx/nav-logout.gif) no-repeat;	}
#logout a:hover { width: 70px; }