/*common structure */
BODY{font-family: 'Allerta', sans-serif;}
#container{font-size:0;}
.clear{ clear: both;}
.mt20{ margin-top: 20px;}
.mt40{ margin-top: 40px;}
.hd{ visibility: hidden;}
/*header*/
.headerHolder{ width: 100%;}
.headerContent{ width: 1324px; height: 193px; margin: 0 auto; position: relative;}
.headerContent IMG{ width: 1324px; height: 193px; position: absolute; top:0; left:0; z-index: 1;}
.headerContent .headerMenuOptions
{
	position: absolute; top:149px; left:400px; z-index: 2; width: 520px; height: 39px;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=0 );

}

.headerMenuOptions UL{ list-style-type:none; width: 520px; height: 39px;}
.headerMenuOptions UL LI{ float: left;}
.headerMenuOptions UL LI A{ display: block; height: 39px;}
.headerMenuOptions UL LI A.membersBTN{ width: 169px;}
.headerMenuOptions UL LI A.bookmarkBTN{ width: 188px;}
.headerMenuOptions UL LI A.joinBTN{ width: 160px;}

.headerHolder .headerContent .happyStamp
{
	position:absolute;
	right:200px;
	top:90px;
	right:156px;
	top:102px;
	display:block;
	z-index: 88;
}
	.headerHolder .headerContent .happyStamp .headerSpecOffer
	{
		width:180px;
		height:180px;
		display:block;
	}



/*content*/
.contentHolder{ width: 100%; background: url(bgpattern.gif) 5px 0;}
.contentContent{ width: 100%; margin: 0 auto 0 auto;text-align: center; font-size: 0px;}

.bigPicBoxHolder{ display: inline-block;margin:0; width: 400px; height: 340px; font-size: 16px; border: solid 3px #ffffff;position: relative;}
.bigPicBoxHolder A{display: block; text-decoration: none; text-transform: uppercase; position: relative; width: 400px; height: 340px;}
.bigPicBoxHolder A DIV.bigPic{ height: 300px;}
.bigPicBoxHolder A DIV.bigPic  IMG{ width: 400px; height: 300px; top: 0; z-index: 1; position: relative;}
.bigPicBoxHolder A DIV.bigPicText{ position: absolute; bottom: 0; z-index: 1; text-align: center; width: 398px; height: 36px; padding-top: 4px; font-size: 11px}
.bigPicBoxHolder A DIV.bigPicText P{ margin-top: 3px;}
.bigPicBoxHolder A DIV.bigPicText H3{ font-size: 18px; font-weight: bold; margin: 0;}
.bigPicBoxHolder A DIV.bigPicHover{ position: absolute; top: 0; z-index: 2; display: block; width: 380px; height: 280px;}
.bigPicBoxHolder A DIV.bigPicHover IMG.hoverText{ width: 380px; margin-top: 248px;}
/*footer*/

.footerHolder{ width: 100%; min-height: 851px; font-family: Verdana; font-size: 16px;}
.footerContent{ margin: 0 auto; text-align: center; max-width: 1280px;}
.footerContent A{ text-decoration: none;}

/*scene, if required */
.trailerHolder{ width: 1260px; height: 606px;margin: 0px auto; padding: 10px 10px; font-family: Arial;}
.trailerVideo{ clear: both; height: 540px;}
.sceneInfo{ width: 1260px; text-align: left; padding-bottom: 10px;}
.sceneInfo H2{ font-size: 30px; text-transform: uppercase;}
.sceneInfo H3{ font-size: 26px; text-transform: uppercase;}
.sceneInfo H3 SPAN{ font-weight: bold;}
#movie{float: left;}
.sceneVideosInfo{float: left; width:274px; height: 540px; margin-left: 18px;}
.remainingHolder{ height: 42px; padding: 0 0 10px 0;}
.remainingNumber{float: left; -webkit-border-radius: 4px;border-radius: 4px; height: 40px; width: 40px; line-height: 40px; font-size: 30px;}
.remainingText{ float: left; font-size: 14px; width: 224px; text-align: left; margin-left: 8px; line-height: 21px;}

.videoTypesHolder{ height: 250px; padding: 10px 0;}
.videoTypesHolder H3{ font-size: 22px; text-align: left; font-weight: bold; margin-bottom: 5px;}
.videoTypesHolder H2{ font-size: 16px; text-align: left;  margin-bottom: 10px;}
.videoFormatBox{ display: block; text-decoration: none; height: 40px; line-height: 40px; margin-bottom: 10px; -webkit-border-radius: 4px;border-radius: 4px;}
.videoFormatBox P{ font-size: 16px; text-align: left; padding-left: 10px; padding-left: 36px;}
.videoFormatBox P SPAN{ font-weight: bold;}
.videoFormatBox P SPAN.hdfullhd {
	border-radius: 6px;
	border-width: 1px;
	border-style: solid;
	padding: 2px 5px;
	margin-left: 10px;
	text-transform: uppercase;
	font-weight: normal;
}
.optionsHolder{ padding: 10px 0; height: 42px;}
.optionBox{ float: left; -webkit-border-radius: 4px;border-radius: 4px; height: 40px; width: 40px; line-height: 40px; font-size: 30px; margin-right: 10px;}
.optionText{ float: left; font-size: 14px; width: 166px; line-height: 21px; text-align: left;}

.joinButton{ height: 142px; padding: 10px 0 0 0;}
.makeJoin{ display: block; height: 104px; font-weight: bold; text-decoration: none; text-transform: uppercase; -webkit-border-radius: 10px;border-radius: 10px; padding: 20px 0 16px 0;}
.makeJoin H1{ font-size: 36px; font-weight: bold;}
.makeJoin H3{ font-size: 16px; text-decoration: underline; line-height: 38px;}
.makeJoin H2{ font-size: 26px; font-weight: bold;}