html, body
{
	background: #000 !important;
	height: 100%;
}
#masterMainDiv
{
	background: #000 !important;
}

.MPFooterCopy
{
	background: #000 !important;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#ctl00_oMasterPanelSizer
{
	width: auto !important;
}

body
{
	background: #000 !important;
	margin: 0;
	padding: 0;
	background: #000;
	font-family: arial, helvetica, sans-serif;
}
img
{
	border: 0;
}
.wrapper
{
	background: url('../assets/bg1.jpg') no-repeat top center;
	width: 1280px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
header, footer, .videoSection, .header, .footer
{
	width: 1024px;
	margin: 0 auto;
}
header, .header
{
	height: 284px;
	text-align: center;
}
.logo
{
	position: relative;
	top: 15px;
	z-index: 400;
}

/* MAIN CONTENT SECTION */

.videoSection
{
	height: 470px;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.85) 0%, rgba(33,33,33,0.85) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.85)), color-stop(100%,rgba(33,33,33,0.85))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.85) 0%,rgba(33,33,33,0.85) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0.85) 0%,rgba(33,33,33,0.85) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.85) 0%,rgba(33,33,33,0.85) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.85) 0%,rgba(33,33,33,0.85) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9000000', endColorstr='#d9212121',GradientType=0 ); /* IE6-9 */
	margin-bottom: 32px;
}
.bgSlice
{
	background: url('../assets/mainContentBg.png') no-repeat center center transparent;
	height: 654px;
	width: 968px;
	padding: 33px 28px;
}
.innerLeft
{
	display: inline-block;
	vertical-align: top;
	width: 708px;
	margin-right: 10px;
}

/* TOP LEFT BOX */

.videoBox
{
	width: 688px;
	height: 388px;
	padding: 10px;
	border-radius: 4px;
	background: #212121; /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(58,58,58,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(58,58,58,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(58,58,58,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(58,58,58,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(58,58,58,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(58,58,58,1) 100%); /* W3C */
	box-shadow: 2px 2px 0px 2px #000, -1px -1px 0px 1px #ccc;
	margin-bottom: 10px;
}

/* IMAGE ROTATION */

#carousel
{
	margin: 0 auto;
	width: 600px;
	height: 150px;
	background: #efefef;
	overflow: hidden;
}
#carousel .carousel_box
{
	float: left;
	border: solid #fff 5px;
	width: 140px;
	height: 140px;
	color: #fff;
	background: #252525;
	line-height: 140px;
	text-align: center;
	font-size: 123%;
}

/* SIDEBAR */

.innerRight
{
	display: inline-block;
	vertical-align: top;
	width: 244px;
}
.hand1
{
	background: url('../assets/hand1.png') no-repeat;
	width: 46px;
	height: 21px;
	position: absolute;
	top: -1px;
	/*left: 9px;*/
	left: 8px;
}
.sideBar
{
	height: 398px;
	padding: 5px;
	border-radius: 8px;
	background: rgb(0,0,0); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(58,58,58,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(58,58,58,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(58,58,58,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(58,58,58,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(58,58,58,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(58,58,58,1) 100%); /* W3C */
	border: 1px solid #444;
	text-align: center;
	position: relative;
}
.sideBar h2
{
	font-size: 13pt;
	font-weight: 200;
	color: #ff4545;
	text-transform: uppercase;
	margin: 3px;
}
a.loginButton
{
	display: block;
	width: 232px;
	height: 24px;
	margin-bottom: 10px;
}
a.loginButton div
{
	background: url('../assets/loginButton.jpg') no-repeat;
	width: 232px;
	height: 24px;
}
a.loginButton:hover div
{
	background: url('../assets/loginButtonHover.jpg') no-repeat;
}
a.signupButton {
	display: block;
	width: 216px;
	height:53px;
	background: url('../assets/signUpButton.jpg') no-repeat;
	margin: 3px auto;
}
a.signupButton:hover {
	background: url('../assets/signUpButtonHover.jpg') no-repeat;
}
a.legacyButton {
	display: block;
	width: 216px;
	height:53px;
	background: url('../assets/legacyButton.png') no-repeat;
	margin: 3px auto;
}
a.legacyButton:hover {
	background: url('../assets/legacyButtonHover.png') no-repeat;
}
.recommendedTitleBox
{
	border-radius: 8px 8px 0 0;
	border: 1px solid #444;
	width: 220px;
	text-align: center;
	background: #272828;
	color: #fff;
	height: 18px;
	padding: 5px;
}
.recommendedTitleBox h3
{
	font-size: 9pt;
	font-weight: 200;
	text-transform: uppercase;
	text-shadow: 1px 1px #000;
	margin: 3px;
	font-weight: bold;
}
.recommendedVids
{
	width: 210px;
	padding: 3px 10px;
	background: #0f1011;
	border-radius: 0 0 4px 4px;
	border: 1px solid #444;
}
a.toggler
{
	cursor: pointer;
}
a.legacyBtn {
	font-size: 8pt;
	margin: 10px 0;
	color: #b2b2b2;
	display: inline-block;
}
a.backToSlider
{
	background: url('../assets/close_x_button.png') no-repeat;
	width: 33px;
	height: 33px;
	float: right;
	display: block;
	margin-top: -28px;
	position: relative;
	left: 20px;
	cursor: pointer;
}
a.backToSlider:hover
{
	background: url('../assets/close_x_buttonHover.png') no-repeat;
}
.recommendedImg
{
	border: 1px solid #CCC;
	margin-bottom: 5px;
	opacity: 0.7;
	filter: alpha(opacity=70); /* For IE8 and earlier */
}
.recommendedVids img:last-child
{
	margin-bottom: 0;
}

/* MODULES SECTION */

.subSection
{
	width: 966px;
	min-height: 336px;
	margin: 0 auto;
	position: relative;
	left: 2px;
	padding: 30px;
}
.communityBox
{
	margin-top: 3px;
	padding: 0 15px;
	background: #120500;
	border-radius: 20px;
	min-height: 390px;
	text-align: center;
}
.communityBox.goldTrim
{
	border: 2px solid #6f3e03;
	margin-bottom: 50px;
}
.communityBox.redTrim
{
	border: 2px solid #530100;
	margin-bottom: 50px;
}
.module1
{
	background: #333;
	width: 892px;
	height: 217px;
	padding: 15px;
	margin: 0 auto 15px;
	background: url('../assets/module1.png') no-repeat transparent;
	overflow: hidden;
}
.hand2
{
	background: url('../assets/hand2.png') no-repeat;
	width: 88px;
	height: 174px;
	position: absolute;
	right: 18px;
	top: 35px;
	z-index: 999;
}
.module2
{
	background: #333;
	width: 892px;
	height: 349px;
	padding: 15px;
	margin: 0 auto 15px;
	background: url('../assets/module2.png') no-repeat transparent;
	overflow: hidden;
}
.module3
{
	background: #333;
	width: 892px;
	height: 344px;
	padding: 15px;
	margin: 0 auto 15px;
	background: url('../assets/module3.png') no-repeat transparent;
	overflow: hidden;
}
.module4
{
	background: #333;
	width: 892px;
	height: 302px;
	padding: 15px;
	margin: 0 auto 15px;
	background: url('../assets/module4.png') no-repeat transparent;
	overflow: hidden;
}
.module5
{
	background: #333;
	width: 892px;
	height: 344px;
	padding: 15px;
	margin: 0 auto 15px;
	background: url('../assets/module5.png') no-repeat transparent;
	overflow: hidden;
}
.module6
{
	background: #333;
	width: 892px;
	height: 298px;
	padding: 15px;
	margin: 0 auto 15px;
	background: url('../assets/module6.png') no-repeat transparent;
	overflow: hidden;
}
.module7
{
	background: #333;
	width: 892px;
	height: 296px;
	padding: 15px;
	margin: 10px auto 15px;
	background: url('../assets/module7.png') no-repeat transparent;
	overflow: hidden;
}
.divTip
{
	width: 300px;
	height: 365px;
	position: absolute;
	z-index: 50;
	visibility: hidden;
	background: url('../assets/rolloverBg.png') repeat transparent;
	overflow: hidden;
	padding: 10px;
	left: 592px;
	top: -15px;
}
.divHeader
{
	background: rgb(63,0,13); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(63,0,13,1) 0%, rgba(169,3,41,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(63,0,13,1)), color-stop(100%,rgba(169,3,41,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(63,0,13,1) 0%,rgba(169,3,41,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(63,0,13,1) 0%,rgba(169,3,41,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(63,0,13,1) 0%,rgba(169,3,41,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(63,0,13,1) 0%,rgba(169,3,41,1) 100%); /* W3C */
	color: #fff;
	box-shadow: 2px 2px 2px #000, -1px -1px 2px #fff;
	text-align: left;
	position: relative;
	z-index: 33;
}
.divHeader h2, .divHeader h4
{
	padding: 0 10px;
	text-shadow: 2px 2px #000;
	text-transform: uppercase;
}
.divHeader h2
{
	margin: 0;
	padding-top: 40px;
	font-size: 20pt;
}
.divHeader h4
{
	margin: 0;
	padding-bottom: 5px;
}
.divBody
{
	border-radius: 0 0 10px 10px;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
	box-shadow: 2px 2px 2px #222;
	padding: 10px;
	font-size: 8pt;
	text-align: left;
}

a.hoverDiv, a.hoverDiv:visited
{
	color: #333;
}

/* SLIDER */


/* Easy Slider */

#slider
{
	margin: 10px auto 0;
}
#slider ul, #slider li, #slider2 ul, #slider2 li
{
	margin: 0;
	padding: 0;
	list-style: none;
}
#slider li, #slider2 li
{
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/
	width: 660px;
	height: 376px;
	overflow: hidden;
}

#slider2 li
{
	background: #f1f1f1;
}
#slider2 li h2
{
	margin: 0 20px;
	padding-top: 20px;
}
#slider2 li p
{
	margin: 20px;
}

p#controls, p#controls2
{
	margin: 0;
	position: relative;
}


#prevBtn, #nextBtn, #prevBtn2, #nextBtn2
{
	display: block;
	margin: 0;
	overflow: hidden;
	text-indent: -8000px;
	width: 45px;
	height: 45px;
	position: absolute;
	left: -8px;
	top: -210px;
	opacity: 0.8;
	filter: alpha(opacity=80); /* For IE8 and earlier */
}
#nextBtn, #nextBtn2
{
	left: 650px;
}
#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a
{
	display: block;
	width: 45px;
	height: 45px;
	background: url('../assets/btn_prev.png') no-repeat 0 0;
}
#prevBtn a:hover, #nextBtn a:hover, #prevBtn2 a:hover, #nextBtn2 a:hover
{
	background: url('../assets/btn_prev_hover.png') no-repeat 0 0;
}
#nextBtn a, #nextBtn2 a
{
	background: url('../assets/btn_next.png') no-repeat 0 0;
}
#nextBtn a:hover, #nextBtn2 a:hover
{
	background: url('../assets/btn_next_hover.png') no-repeat 0 0;
}