/*created by colin liddicott 2010*/

/*MAIN Presets Start Here*/

			body,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,p,
			blockquote,th,td { margin :0;padding :0; }

			h1,h2,h3,h4,h5,h6 
			{ 
			margin:0 0 10px 0; padding:0; font-size:100%; 
			}
			
			h1{font-weight:bold;font-size:24px;color:#006CFF; text-indent:-9999px;}
			h2 { font-weight:bold;font-size:20px;color:#006CFF; }
			h3 { font-size:16px;  font-weight:100;  color:#006CFF; }
			
			p { margin:0 0 15px 0; font-size:12px; padding:0; }

			ul { margin:0; padding:0; list-style:none; }
			li { margin:0; padding:0; }

			
			a { text-decoration:none; font-size:1.0em; outline:none;color:#666666; }
			
			/*To give the effect of depth in pic frames*/
			img { border-top:#000 1px solid; border-bottom:1px solid #666; border-left:solid #000 1px; border-right:#666 solid 1px;}
			a:hover { text-decoration:none; }
			hr{display:block;}
			input, textarea, select { font-family: Verdana, Arial, Helvetica, sans-serif; }
/*Presets End Here*/

body{font: 62.5% Verdana, Arial, Helvetica, sans-serif; color:#000; background:#fff url(../images/backdrop.gif) repeat-x;}
#wrapper{width:960px; margin:0 auto; padding:0;}

/*Header Container*/
#header{width:950px; height:131px; margin:0px 5px 20px 5px; }


#logo{ background:url(../images/logo1.2.jpg) no-repeat; position: absolute; display: block; width:390px; height:93px; text-indent:-9999px;}

/*CSS3 round the corners in firefox and safari*/
#header-advert{width:286px; height:90px; float:right; padding:5px; background:#0066FF url(../images/header-special-bcdrp.gif) repeat-x; 
-webkit-border-top-left-radius:10px;-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;-webkit-border-top-right-radius:10px;-webkit- border-bottom-left-radius:10px;-webkit-border-bottom-right-radius:10px;
-moz-border-radius-bottomleft:10px;-moz-border-radius-bottomright:10px; border:solid 2px #02409b;}
#header-advert p{color:#fff; font-size:1.4em; }
#header-advert span{color:#FBF71A; font-weight:bold; font:2.6em impact;}

/*MENU STYLES START HERE*/
#nav{width:650px;  font:16px  Arial, Georgia, "Times New Roman", Times, serif; position:relative; left:0px; top:96px;}
#nav ul{color:#fff;}
#nav li a{background:url(../images/IE-images/btn.jpg) no-repeat; width:120px;  text-align:center; padding:10px 0 5px 0; margin:0 10px 0 0; color:#0066CC; height:50px; float:left;}
#nav li a:hover{background:url(../images/IE-images/btn.jpg) no-repeat; color:#000;}
#nav li a:active{background:url(../images/IE-images/activebtn.jpg) no-repeat; color:#fff;}
/*Display Inline for IE7 FIX*/
#nav li{list-style-type:none; display:inline;}

#nav a:hover{color:#000;}
#nav a:active {background: #006CFF url(../images/gradient-white.png) repeat-x; color:#000;}
#nav a:link {}
#nav a:visited {}

/*Text field for the hover effect in header*/
#nav li em {
	font-weight: normal;
	width: 180px;
	color:#fff;
	height: 45px;
	position: absolute;
	left:400px;
	text-align: center;
	padding: 20px 12px 10px;
	font-style: normal;
	z-index: 2;
	display: none;
}

#content{width:960px; }



/*REMOTE HAND ON LEFT OF PAGE*/
#remote{
	background:url(../images/remote.png) no-repeat;
	width:293px;
	height:147px;
	position:absolute;
	left:0px;
	top:421px;
}

/*ALL TEXT FOR FEATURE AREA*/
#left-colum{width:400px; float:left; margin:10px 5px 0 5px; }
#left-colum p{font-size:1.4em;}
p span{ font-size:10px;}

/*FEATURE TV STYLES*/
#mid-colum{width:320px; float:left;  margin:10px 5px 0 5px;}


#feature-tv p{ font:2.0em impact;text-align:center; color:#fff;}
#feature-tv img:hover{filter:alpha(opacity=50);-moz-opacity: 0.50;opacity: 0.50; cursor:pointer;}

#feature-tv{float:right;width:322px; text-align:center; height:216px; border:none; background:url(../images/IE-images/feature-tv.jpg);padding:26px 0 0 0;}



/*RIGHT COLUM ADVERT STYLES AND DIMENSIONS*/
.right-colum{width:190px;text-align:center; padding:5px;float:right; background:url(../images/banner-right.gif) repeat-y; border:solid 2px #000; margin:10px 5px 0 5px;
-webkit-border-top-left-radius:20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius:20px;
-webkit- border-bottom-left-radius:20px;
-webkit-border-bottom-right-radius:20px;
:20px;
-moz-border-radius-bottomright: 20px; }


/*takes the border style off image placed in advert*/
.right-colum img{border:none;}

/*Brown font*/

.right-colum h4{font:30px Impact, Arial; color:#BC9952; margin:0;}
/*Yellow Font*/
.right-colum h4 span{color:#FBF71A;font:52px Impact, Arial;}
/*White Font*/
.right-colum h5{color:#FFF; font:30px ‘Trebuchet MS’, Helvetica, sans-serif; font-weight:bold; }
/*A smaller Brown Font*/

.right-colum h6{color:#fff; font:20px ‘Trebuchet MS’, Helvetica, sans-serif; font-weight:bold;}
.right-colum h6 span{color:#CAA52D;}
.right-colum h2{color:#fff; letter-spacing:1px; text-transform:uppercase; font-size:16px;}


#full-left-container{width:735px; float:left; margin:0px 5px 0px 0px; }
#full-left-container img{border:none;}

/*FEATURED VIDEO CONTENT STYLES*/
#left-feature-colum{width:365px; float:left;}
#right-feature-colum{width:364px; float:left; border-left:1px solid #ccc;}

.feature{width:360px; height:100px; float:left; padding:10px 0px; border-top: 1px solid #ccc;  margin:5px 5px 5px 0px; overflow:hidden;}
.feature img:hover{ filter:alpha(opacity=50);-moz-opacity: 0.50;opacity: 0.50; cursor:pointer;}
.feature img{border:none; text-align:left; padding:0 5px 0 0;}

/*FOR THE *NEW* TEXT*/
.feature span{color:#FF0000; font-size:10px; font-weight:bold;}
.feature p{ text-align:left;}
.feature a{ font-size:12px;  font-weight:100;  color:#006CFF; }
.feature a:hover{color:#ff0000;}



/*footer styles*/
#footer{width:960px; float:left; height:100px; margin:20px 0px 0 0px; border-top:1px solid #ccc; }
#footer p{color:#666; font-size:1.2em; padding-top:10px;}