/* media.css */
#media #flash_player { background-color: #000;}
#media #content {
	padding-top: 20px;
}

#media #mediaTop {
	background: url(/img/media/bg/media.banner.bg.gif) bottom right no-repeat;
	height: 152px;
	width: 936px;
	padding: 16px 0 0 0;
}
	#media h1 {
		background: url(/img/media/title/media.h1.title.gif) top left no-repeat;
		text-indent: -9999px;
	}
	#media h1 span {
		background: url(/img/media/misc/media.top.faded.brdr.gif) 0 100% no-repeat;
		height: 77px;
		margin: 0 0 21px 0;
		padding: 0 0 0 0;
		display: block;
		_display: inline-block;
		float: right;
		width: 100%;

	}
	#media h2 {
		background: url(/img/media/title/media.video.title.gif) top left no-repeat;
		width: 140px;
		height: 16px;
		padding: 2px 0 0 0;
		position: relative;
		float: left;
	}
	
	#media h3 {
		background: url(/img/media/title/media.photogallery.title.gif) top left no-repeat;
		width: 244px;
		height: 19px;
		padding: 2px 0 0 0;
		position: relative;
		float: left;
		margin: 0 60px 0 119px;
	}
	#media a.viewSlideshow {
		background: url(/img/media/btn/view.slideshow.btn.gif) top left no-repeat;
		width: 144px;
		height: 30px;
		display: block;
		text-indent: -9999px;
		float: left;
		position: relative;
		bottom: 5px;
		margin: 0 60px 0 0;
	}
	#media a.viewSlideshow:hover {
		background-position: 0 -30px;
	}

	#media h2 span, #media h3 span {
		text-indent: -9999px;
		float: left;
	}

	#media h2 a, #media h3 a, #media h2 strong, #media h3 strong {
		text-indent: 0;	
		float: right;
		color: #a2a1a1;
		font: normal 12px arial;
		margin: 2px 0 0 0;
	}

#media #colA {
	background: url(/img/media/bg/video.nav.bg.gif) top left no-repeat;
	width: 250px;
	float: left;
}
	#media #colA ul {
	}
		#media #colA ul li {
			padding: 19px 0 54px 0;
			border-top: 1px solid #eedce7;
			width: 225px;
		}
			#media #colA ul li a {
				background: url(/img/media/bg/media.video.thumb.bg.png) top left no-repeat;
				_background: 0;
				_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/img/media/bg/media.video.thumb.bg.png', sizingMethod='image');
				width: 225px;
				height: 152px;
				display: block;
				padding: 0 0 0 0;
			}
			#media #colA ul li a img {
				margin: 0 0 0 7px;
				padding: 5px 0 0 0;
				
			}
			#media #colA ul li a strong {
				
				display: block;
			}
				#media #colA ul li a strong span {
					float: left;
					background: url(/img/media/misc/media.vid.icon.gif) 0 13px no-repeat;
					font: bold 14px arial;
					color: #820049;
					position: relative;
					padding: 0 0 0 24px;
					display: block;
					line-height: 41px;
					zoom: 1;
				}
				#media #colA ul li a strong em {
					background: url(/img/media/misc/media.clock.icon.gif) no-repeat left 3px;
					font: 10px arial;
					font-style: normal;
					color: #aa5183;
					margin: 12px 0 0 0;
					line-height: 14px;
					padding: 1px 0 0 14px;
					display: block;
					float: right;
					_position: relative;
					zoom: 1;
				}
			#media #colA ul li a:hover strong span, #media #colA ul li a:hover strong em {color: inherit;}
#media #colB {
	width: 688px;
	float: left;
}
	#media #colB ul {
		background: url(/img/media/misc/media.thumb.sep.brdr.gif) bottom center no-repeat;
		width: 680px;
		float: right;
	}
	#media #colB ul.mediaLast {
		background: 0;
	}
		#media #colB ul li {
			padding: 19px 0 23px 0;
			float: left;
			margin: 0 12px 0 0;
		}
		#media #colB ul li.mediaLast {
			margin: 0;
		}
			#media #colB ul li a {
				background: url(/img/media/bg/media.phto.thumb.bg.gif) top left no-repeat;
				width: 161px;
				height: 109px;
				display: block;
				padding: 0 0 0 0;
			}
			#media #colB ul li a img {
				margin: 0 0 0 7px;
				padding: 5px 0 0 0;
				clear: both;
			}
			#media #colB ul li a span {
				font: 12px arial;
				color: #820049;
				float: left;
				padding: 8px 0 0 0;
			}
			#media #colB ul li a:hover span {
				color: inherit;
			}