@charset "utf-8";
/* CSS Document */

	body {
		background-image: url('/mediaCenter/images/v4/site_background.png');
		background-repeat: repeat-x;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #0079C2;
		background-color:#0079C2;
		text-align: center;
		margin-top:0px;
		margin-bottom:0px;
		margin-left:0px;
		margin-right:0px;
	}
	
	a {
		outline: none;
	}
	
	a:link {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #FFFFFF;
		text-decoration: none;
	}
	a:visited {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #FFFFFF;
		text-decoration: none;
	}
	a:hover {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #FFFFFF;
		text-decoration: underline;
	}
	
	img {
		border:solid;
		border-width:0px;
	}
	
	#header{
		background-image:url("/mediaCenter/images/v4/header_bg.png");
		background-repeat:no-repeat;
		height:483px;
		width:1022px;
		text-align: left;
		margin-left: auto;
		margin-right: auto;
	}

	#main_cntnt_details{
		width:1022px;
		text-align:left;
		margin-left:auto;
		margin-right:auto;
	}
	
	#video_details{
		position:absolute;
		width:297px;
		height:200px;
		top:115px;
		color:#FFFFFF;
		margin-left:620px;
		text-align:left;
	}
	#video_details a:link{
		margin-top:60px;}
	
	
	.details_note{font-size:12px;font-weight:bold;color:#FF0000;}
	
	#main_content{
		text-align:center;
	}
	
	#main_cntnt_mid{
		width:1022px;
		text-align:left;
		margin-left:auto;
		margin-right:auto;
	}
	
	#player{
		position:absolute;
		top:96px;
		margin-left:101px;
	}
	
	#play_btn{
		position:absolute;
		top:105px;
		margin-left:100px;
	}
	
	#flashcontent img{
		margin-left:14px;
		margin-top:11px;
	}
/*-------------------------------------------------*/
/* HIDDEN ELEMENTS								   */
/*-------------------------------------------------*/

	#header_nav{
		display:none;
	}
	
	
	
	#watts_logo{
		position:absolute;
		top:12px;
		margin-left:105px;
	}
	
	#floatMenu {
		position:absolute;
		top:150px;
		left:50%;
		margin-left:235px;
		width:200px;
		padding:10px;
		background:#FFF;
	}
	
/*-------------------------------------------------*/
/* Video Display Area							   */
/*-------------------------------------------------*/
	
	#main_cntnt_footer{
		width:1022px;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
	}
	
	#video_select{
		clear:both;
		display:block;
		width:800px;
		height:400px;
		overflow-y:scroll;
		text-align:left;
		margin-left:107px;
		margin-right:auto;
		margin-top:0px;
		margin-bottom:10px;
		padding-left:15px;
		background-color:#1985C6;
	}
	
	#video_cat_returns{
		margin-left:-41px;
	}
	
	#video_cat_returns li{
		list-style:none;
		float:left;
	}
	
	.video_cat_item{
		width:156px;
		height:216px;
		margin-right:33px;
		margin-bottom:10px;
		padding:3px;
	}
	
	.video_select_details{
		width:156px;
		height:190px;
		margin-left:-40px;
	}
	
	.video_select_details li{
		width:156px;
		list-style:none;
		padding:3px;
	}
	
	.video_select_details li img{
		border:solid;
		border-width:1px;
		border-color:#333333
	}

	.video_select_running_time{
		color:#CCCCCC;
		font-size:11px;	
	}
	
	.email_friend{float:right;}

	
	
/*-------------------------------------------------*/
/* Video Selection Areas						   */
/*-------------------------------------------------*/

	#videos_nav{
		/*background-image:url("/mediaCenter/images/v3/navBar_bg.jpg");
		background-repeat:no-repeat;*/
		width:810px;
		height:36px;
		margin-left:auto;
		margin-right:auto;
		margin-top:3px;
		text-align:left;
	}
	
	#videos_nav ul{
		margin-left:-39px;
	}

	#videos_nav_bar li{
		list-style:none;
		float:left;
		height:32px;
	}
	
	/* -------
		Video Nav Areas
					-------*/

		#videos_nav_bar {
			height:23px;
			margin:0px 1px;
			margin-top:10px;
		}
		
		#videos_nav_bar li {
			display:block;
			margin-right:5px;
			height:23px;
			margin-top:5px;
		}
		
		.video_nav_bar_active{
			display:block;
			letter-spacing:1px;
			font-weight:bold;
			font-size:11px;
			text-align:center;
			padding:10px 6px 0px 6px;
			color:#FFFFFF;
			background-image:url("/mediaCenter/images/v4/video_nav_tab_bg.jpg");
			background-repeat:repeat-x;
			text-decoration:none;
		}
		
		#videos_nav_bar li a:link {
			display:block;
			height:32px;
			letter-spacing:1px;
			font-weight:bold;
			font-size:11px;
			text-align:center;
			padding:10px 6px 0px 6px;
			color:#FFFFFF;
		}
		
		#videos_nav_bar li a:hover {
			display:block;
			letter-spacing:1px;
			font-weight:bold;
			font-size:11px;
			text-align:center;
			padding:10px 6px 0px 6px;
			color:#FFFFFF;
			background-image:url("/mediaCenter/images/v4/video_nav_tab_bg.jpg");
			background-repeat:repeat-x;
			text-decoration:none;
		}

/*-------------------------------------------------*/
/* FOOTER CLASSES 								   */
/*-------------------------------------------------*/

	#footer{
		background-color:#000000;
		text-align: center;
		width:100%;
		margin-left:0px;
		margin-right:0px;
	}  
	
	#footer_content{
		width: 800px;
		text-align: left;
		margin-left: auto;
		margin-right: auto;
		font: 10px/13px Verdana, Arial, Helvetica, sans-serif;
		color: #CCCCCC;
		height:65px;
	}
	
	#footer a:link{
		font: 10px/12px Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: #CCCCCC;
		text-decoration: underline;
	}
	
	#footer a:visited {
		font: 10px/12px Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: #CCCCCC;
		text-decoration: underline;
	}
	#footer a:hover {
		font: 10px/12px Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: #FFFFFF;
		text-decoration: underline;
	}
	
	#footer_text {
		float:left;
		left:150px;
		margin-top:10px;
	}
	#ft_logo{
		float:left;
		margin:14px 5px 0 0;
		padding:0;
		display:block;
		text-indent:-5600px;
		background:url("/g_logos/wwt_ft_logo.gif") no-repeat;
		width:158px;
		height:33px;
	}
	
	#footer a:hover {
		font: 10px/12px Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: #FFFFFF;
		text-decoration: underline;
	}
	
	#footer_text {
		float:left;
		left:150px;
		margin-top:10px;
	}
	#footer_logo{
		float:left;
	}



