#featuredWrapper {
	clear: both;
	width: 975px;
	margin: 0 auto;
	position: relative;
}

/* @group general */

a.btnPlay {
	display: inline;
	position: absolute;
	width: 78px;
	height: 22px;
	text-indent: -9999px;
	background: transparent url("/images/ui-btn-play.gif") top left no-repeat;
	outline: none;
}

#mainPage_wrapper {
	height: 2700px;
}

/* @end */



/* @group showcase */

#showcase {
	display: block;
	float: left;
	clear: both;
	width: 975px;
	overflow: hidden;
	margin: 20px 0 20px;
	position: relative;
}

#showcase .header {
	display: block;
	float: left;
	clear: both;
	width: 975px;
	height: 50px;
	overflow: hidden;
	background: transparent url("/images/ui-box-top.gif") top left no-repeat;
	position: relative;
}

#showcase .header h1 {
	display: block;
	position: absolute;
	width: 400px;
	height: 17px;
	color: #fff;
	top: 12px;
	left: 20px;
	font-size: 18px;
	font-weight: normal;
}

#showcase .header h1 span {
	color: #1ab7ea;
}

#showcase .header a.rss {
	display: block;
	position: absolute;
	width: 93px;
	height: 20px;
	background: transparent url("/images/ui-rss-subscribe.gif") top left no-repeat;
	top: 12px;
	right: 245px;
	text-indent: -9999px;
}

#showcase .header a#dropDown {
	display: block;
	position: absolute;
	width: 190px;
	height: 20px;
	background: transparent url("/images/ui-showcase-dd.gif") top left no-repeat;
	top: 12px;
	right: 20px;
	color: #000;
	text-decoration: none;
	padding: 0 0 0 10px;
	line-height: 20px;
}

#showcase .header a#dropDown:hover {
	background-position: 0 -20px;
}

#showcase .header a#dropDown:active, #showcase .header a#dropDown.active {
	background-position: 0 -40px;
}

#showcase .bottom {
	display: block;
	float: left;
	clear: both;
	background: transparent url("/images/ui-box-bottom.gif") top left no-repeat;
	width: 975px;
	height: 9px;
}

.maskholder {
	display: block;
	float: left;
	clear: both;
	width: 975px;
	height: 280px;
	padding: 0 20px;
	background: #000;
}

.mask {
	display: block;
	float: left;
	clear: both;
	width: 935px;
	height: 280px;
	overflow: hidden;
	position: relative;
}

.mask #leftGradient {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 225px;
	height: 280px;
	background: transparent url("/images/ui-showcase-leftgradient.png") top left no-repeat;
	z-index: 1;
}

.mask #rightGradient {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 225px;
	height: 280px;
	z-index: 1;
	background: transparent url("/images/ui-showcase-rightgradient.png") top left no-repeat;
}

.mask a img {
	border: none;
}

.mask ul {
	display: block;
	float: left;
	position: absolute;
	width: 3540px;
	height: 280px;
	list-style: none;
	top: 0;
	left: 0;
}

.mask ul li {
	display: inline;
	float: left;
	width: 509px;
	height: 280px;
	margin: 0 8px 0 0;
	overflow: hidden;
	position: relative;
}

.mask ul li.edge {
	width: 211px;
	overflow: hidden;
	background: #303e43;
}

.mask ul li .black {
	display: block;
	position: absolute;
	width: 509px;
	height: 50px;
	background: #000;
	opacity: 0.7;
	-moz-opacity: 0.5;
    filter:alpha(opacity=50);
	bottom: 0;
	left: 0;
}

.mask ul li h5, .mask ul li span.subtitle {
	display: inline;
	position: absolute;
	width: 469px;
	font-size: 18px;
	color: #fff;
	bottom: 25px;
	left: 20px;
	overflow: hidden;
	font-weight: normal;
}

.mask ul li span.subtitle {
	bottom: 10px;
	font-size: 12px;
}

.mask ul li .description {
	display: none;
}

.mask ul li a.btnPlay {
	bottom: 15px;
	right: 20px;
}

div#categoryList {
	position: absolute;
	width: 200px;
	top: 60px;
	right: 20px;
	z-index: 5;
	list-style: none;
}

div#categoryList ul {
	display: block;
	width: 200px;
	background: transparent url("/images/ui-dd-bg.gif") top left repeat-y;
}

div#categoryList ul li {
	display: block;
	clear: both;
	width: 200px;
}

div#categoryList .top {
	background: transparent url("/images/ui-dd-top.gif") top left no-repeat;
	width: 200px;
	height: 8px;
	font-size: 1px;
	line-height: 1px;
}

div#categoryList .bottom {
	clear: both;
	background: transparent url("/images/ui-dd-bottom.gif") top left no-repeat;
	width: 200px;
	height: 8px;
}

div#categoryList li.sep {
	border-bottom: 1px solid #0f8cb5;
	padding-bottom: 6px;
}

div#categoryList li.sepafter {
	padding-top: 6px;
}

div#categoryList li a, div#categoryList li span {
	display: block;
	width: 172px;
	padding: 2px 10px;
	margin: 0 4px;
	color: #fff;
	text-decoration: none;
	font-size: 10px;
}

div#categoryList li a.inset {
	width: 172px;
	padding: 4px 0 4px 20px;
}

div#categoryList li a:hover {
	color: #000;
	background: #fff;
}

#categoryGrid {
	position: absolute;
	width: 895px;
	top: 70px;
	left: 40px;
	z-index: 5;
}

#categoryGrid .row {
	display: block;
	width: 895px;
	height: 169px;
	overflow: hidden;
}

#categoryGrid .row a {
	display: inline;
	float: left;
	width: 179px;
	height: 169px;
	overflow: hidden;
	position: relative;
	background: transparent url("/images/ui-grid-standard.gif") top left no-repeat;
	outline: none;
	text-decoration: none;
}

#categoryGrid .row a.upperLeft {
	background: transparent url("/images/ui-grid-upperleft.gif") top left no-repeat;
}

#categoryGrid .row a.upperRight {
	background: transparent url("/images/ui-grid-upperright.gif") top left no-repeat;
}

#categoryGrid .row a.lowerLeft {
	background: transparent url("/images/ui-grid-lowerleft.gif") top left no-repeat;
}

#categoryGrid .row a.lowerRight {
	background: transparent url("/images/ui-grid-lowerRight.gif") top left no-repeat;
}

#categoryGrid .row a.edge {
	background: transparent url("/images/ui-grid-standardedge.gif") top left no-repeat;
}

#categoryGrid .row a.bottom {
	background: transparent url("/images/ui-grid-standardbottom.gif") top left no-repeat;
}

#categoryGrid a img {
	border: none;
	width: 158px;
	height: 79px;
	overflow: hidden;
	position: absolute;
	top: 10px;
	left: 11px;
}

#categoryGrid .corners {
	position: absolute;
	width: 158px;
	height: 79px;
	top: 10px;
	left: 11px;
	z-index: 10;
	background: transparent url("/images/ui-grid-corners.gif") top left no-repeat;
}

#categoryGrid a.upperLeft .corners {
	background: transparent url("/images/ui-grid-lightcorners.gif") top left no-repeat;
}

#categoryGrid a h6 {
	display: inline;
	position: absolute;
	top: 102px;
	left: 20px;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
	border: none;
}

#categoryGrid a p {
	display: inline;
	position: absolute;
	top: 118px;
	left: 20px;
	color: #999;
	font-size: 10px;
	font-weight: normal;
	width: 130px;
}

/* @group descriptor */
		
.descriptor {
	display: inline;
	float: left;
	clear: both;
	width: 975px;
	padding: 0 20px;
	background: #000;
}

.descriptor .scroller {
	display: block;
	float: left;
	clear: both;
	width: 935px;
	height: 44px;
}

.scroller #scrollbar {
	display: block;
	float: left;
	clear: both;
	width: 935px;
	height: 8px;
	background: #000 url("/images/ui-showcase-scrollbarbg.gif") top left no-repeat;
	margin: 10px 0 0;
	position: relative;
}

#scrolltrack {
	display: inline;
	float: left;
	clear: both;
	width: 792px;
	height: 8px;
	margin: 0 0 0 71px;
	position: relative;
}

#tracker {
	display: block;
	position: absolute;
	width: 16px;
	height: 16px;
	background: transparent url("/images/ui-showcase-scrollball.gif") top left no-repeat;
	top: -4px;
	left: 50px;
}

#bookmarks {
	display: block;
	float: left;
	clear: both;
	width: 935px;
	height: 26px;
}

#bookmarks a {
	display: inline;
	float: left;
	height: 26px;
	background: url("/images/ui-showcase-scrollbarnumbers.gif");
	text-indent: -9999px;
	outline: none;
}

#bookmarks a#one {
	width: 157px;
	background-position: 0 0;
}

#bookmarks a#two {
	width: 155px;
	background-position: -157px 0;
}

#bookmarks a#three {
	width: 155px;
	background-position: -312px 0;
}

#bookmarks a#four {
	width: 155px;
	background-position: -467px 0;
}

#bookmarks a#five {
	width: 155px;
	background-position: -622px 0;
}

#bookmarks a#six {
	width: 158px;
	background-position: -777px 0;
}

.textNav {
	display: block;
	float: left;
	clear: both;
	width: 935px;
	height: 105px;
	position: relative;
}

.textNav .description {
	display: inline;
	float: left;
	margin: 20px 0 0 20px;
	width: 700px;
	color: #999;
}

.textNav .description strong {
	color: #fff;
	font-weight: bold;
}

.textNav .navigator {
	display: block;
	position: absolute;
	width: 215px;
	margin: 20px 0 0;
	right: 0;
	top: 0;
}

.navigator .buttons {
	display: block;
	float: left;
	clear: both;
	width: 189px;
	height: 30px;
	overflow: hidden;
	margin: 0 0 0 26px;
}

.navigator h2 {
	display: block;
	float: left;
	clear: both;
	width: 215px;
	color: #fff;
	font-weight: normal;
	margin: 20px 0;
	font-size: 18px;
	text-align: right;
}

.navigator a.subscribe {
	display: block;
	float: left;
	clear: both;
	width: 189px;
	height: 30px;
	margin: 10px 0 0 26px;
	text-indent: -9999px;
	background: transparent url("/images/ui-rss-subscribebig.gif") top left no-repeat;
}

.navigator a.subscribe:hover {
	background-position: 0 -30px;
}

.navigator a.subscribe:active {
	background-position: 0 100%;
}

.buttons a {
	display: block;
	float: left;
	background: url("/images/ui-showcase-paginators.gif");
	outline: none;
	text-indent: -9999px;
	height: 30px;
}

.buttons a#scrollPrevious {
	width: 95px;
	background-position: 0 0;
}

.buttons a#scrollNext {
	width: 94px;
	background-position: -95px 0;
}

.buttons a#scrollPrevious:hover {
	background-position: 0 -30px;
}

.buttons a#scrollPrevious:active {
	background-position: 0 100%;
}

.buttons a#scrollNext:hover {
	background-position: -95px -30px;
}

.buttons a#scrollNext:active {
	background-position: -95px -60px;
}

/* @end */

/* @end */

/* @group more featured */

.moreFeatured {
	display: block;
	float: left;
	clear: both;
	width: 975px;
}

.moreFeatured .top {
	display: block;
	float: left;
	clear: both;
	width: 975px;
	height: 50px;
	background: transparent url("/images/ui-box-top.gif") top left no-repeat;
	position: relative;
}

.top h1 {
	display: block;
	position: absolute;
	width: 132px;
	height: 17px;
	text-indent: -9999px;
	background: transparent url("/images/ui-title-morefeatured.gif") top left no-repeat;
	top: 12px;
	left: 20px;
}

.moreFeatured .display {
	display: block;
	float: left;
	clear: both;
	width: 975px;
	background: #000;
}

.moreFeatured .display .grid {
	display: inline;
	float: left;
	width: 935px;
	margin: 0 20px;
}

.moreFeatured .display .grid ul {
	display: block;
	float: left;
	clear: both;
	width: 793px;
	list-style: none;
}

.moreFeatured .display .grid ul li {n
	display: inline;
	float: left;
	width: 254px;
	height: 142px;
	position: relative;
	overflow: hidden;
	margin: 0 10px 10px 0;
}

.moreFeatured .display .grid ul li .black {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #000;
	width: 254px;
	height: 32px;
    opacity: 0.7;
    -moz-opacity: 0.7;
    filter:alpha(opacity=70);
}

.moreFeatured .display .grid ul li h3 {
	display: block;
	position: absolute;
	top: 111px;
	left: 20px;
	color: #fff;
	font-size: 12px;
	width: 195px;
	height: 18px;
	overflow: hidden;
}

.moreFeatured .display .grid ul li h5 {
	display: block;
	position: absolute;
	top: 126px;
	left: 20px;
	color: #fff;
	font-size: 11px;
	font-weight: normal;
}

.moreFeatured .display .grid ul li span {
	display: block;
	position: absolute;
	top: 114px;
	left: 20px;
	color: #999;
	font-size: 10px;
	width: 192px;
}

.moreFeatured .display .grid ul li a.play {
	display: block;
	position: absolute;
	top: 115px;
	right: 20px;
	background: transparent url("/images/ui-btn-smallplay.gif") top left no-repeat;
	width: 22px;
	height: 22px;
	text-indent: -9999px;
}

.moreFeatured .display .grid ul li a img {
	border: none;
}

.moreFeatured .ad {
	display: inline;
	float: left;
	width: 130px;
	margin: 0;
}

.moreFeatured .ad img {
	border: none;
}

.moreFeatured .display .grid ul.V2_1, .moreFeatured .display .grid ul.V2_1 li {
	display: inline;
	margin: 0;
	float: left;
	width: 130px;
	height: 283px;
	overflow: hidden;
}

.moreFeatured .display .grid ul.V3_1, .moreFeatured .display .grid ul.V3_1 li {
	display: inline;
	margin: 0;
	float: left;
	width: 145px;
	height: 296px;
	overflow: hidden;
}

.moreFeatured .bottom {
	display: block;
	float: left;
	clear: both;
	width: 975px;
	height: 9px;
	background: transparent url("/images/ui-box-bottom.gif") top left no-repeat;
}

/* @end */

/* @group grid featured */

.gridFeatured {
	display: block;
	float: left;
	clear: both;
	width: 975px;
	margin: 20px 0 0;
}

.gridFeatured .top {
	display: block;
	float: left;
	clear: both;
	width: 975px;
	height: 50px;
	background: transparent url("/images/ui-box-top.gif") top left no-repeat;
	position: relative;
}

.gridFeatured .holder {
	display: block;
	float: left;
	clear: both;
	width: 975px;
	padding-bottom: 30px;
	background: #000;
}

.gridFeatured .bottom {
	display: block;
	float: left;
	clear: both;
	width: 975px;
	height: 9px;
	background: transparent url("/images/ui-box-bottom.gif") top left no-repeat;
}

.gridFeatured .column {
	display: inline;
	float: left;
	width: 427px;
	clear: none;
	margin: 0 20px;
}

.gridFeatured .column ul {
	display: inline;
	float: left;
	list-style: none;
	width: 427px;
}

.gridFeatured .column ul li {
	display: inline;
	float: left;
	clear: both;
	width: 427px;
	margin: 20px 0 0;
}

.gridFeatured .column ul li img {
	display: block;
	float: left;
	width: 158px;
}

.gridFeatured .column ul li a {
    text-decoration: none;
}

.gridFeatured .column ul li h3 {
	display: inline;
	float: left;
	width: 249px;
	margin: 0 0 0 20px;
	color: #fff;
	text-decoration: none;
	font-weight: normal;
}

.gridFeatured a img {
	border: none;
}

.gridFeatured .column ul li h5 {
	display: inline;
	float: left;
	width: 249px;
	margin: 5px 0 0 20px;
	color: #999;
	font-size: 11px;
	font-weight: normal;
}

.gridFeatured .column ul li .desc {
	display: block;
	float: left;
	width: 249px;
	margin: 5px 0 0 20px;
	color: #555;
	font-size: 11px;
	font-weight: normal;
}

.gridFeatured .column ul li .desc strong {
	color: #999;
}

/* @end */

.ad-horizontal {
	display: block;
	float: left;
	clear: both;
	min-height: 100px;
	width: 934px;
	margin: 20px 20px;
}

.ad-horizontal img {
	border: none;
}

.hide {
	display: none;
}

.tags {
	display: block;
	float: left;
	width: 249px;
	margin-top: 10px;
}

.tags span {
	color: #fff;
}

#background_change, #background_change2 {
	display: none;
}