﻿@font-face {
    font-family: 'diabolic_bolddiabolic_bold';
    src: url('diablo-font-1.eot');
    src: url('diablo-font-1.eot?#iefix') format('embedded-opentype'),
         url('diablo-font-1.woff') format('woff'),
         url('diablo-font-1.ttf') format('truetype'),
         url('diablo-font-1.svg#diabolic_bolddiabolic_bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
body{
	color:#fff;
	font:18px/20px 'pf_din_text_cond_proregular';
    margin:0;
	background:#000 url(body.jpg) no-repeat 50% 0 !important;
	min-width:994px;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust: none;
}
*{max-height:10000px;}
img{
	border-style:none;
}
html{
	background:#000 !important;}
a{
	outline:none;
	text-decoration:none;
}
a:hover {text-decoration:underline;}
input, textarea, select {
	font:100% Tahoma, Arial, Helvetica, sans-serif;
	vertical-align:middle;
	color:#000;
	outline:none;
}
form, fieldset {
	margin:0;
	padding:0;
	border-style:none;
}
header, section, footer, nav, article, aside {display: block;}
#wrapper{
	width:994px;
	margin:0 auto;
	padding:0 0 40px;
}
#header{
	position:relative;
	height:676px;
	margin:0 0 4px;
}
#header .header-t{
	background: url(header-t.jpg) no-repeat;
	padding:4px 0 8px 69px;
	margin:0 0 0 -90px;
}
#header .header-c{
	background: url(header-c.jpg) no-repeat;
	height:120px;
	padding:0 0 0 90px;
	margin:0 0 0 -90px;
}
#header .header-b{
	background: url(header-b.jpg) no-repeat;
	padding:242px 0 0 90px;
	margin:0 0 0 -90px;
}
.logo{
	text-indent:-9999px;
	overflow:hidden;
	background: url(logo.png) no-repeat;
	width:478px;
	height:251px;
	margin:0 auto;
	display:block;
}
.logo a{
	display:block;
	height:100%;
}
#header .text-holder{
	overflow:hidden;
	padding:0 0 253px;
}
#header .text-box{overflow:hidden;}
#header .text-box p{
	margin:0;
	text-indent:-9999px;
	overflow:hidden;
	background: url(img02.png) no-repeat;
	width:421px;
	height:112px;
}
.members{
	position:absolute;
	bottom:72px;
	left:-19px;
	text-indent:-9999px;
	overflow:hidden;
	background: url(text03.png) no-repeat;
	width:305px;
	height:86px;
}
.join{
	position:absolute;
	bottom:-5px;
	right:38px;
	text-indent:-9999px;
	overflow:hidden;
	background: url(text04.gif) no-repeat;
	width:405px;
	height:190px;
	display:block;
	text-decoration:none;
	z-index:50;
}
#header h2,h3,h4,h5{
	margin:0;
	text-align:center;
	font:39px/42px 'diabolic_bolddiabolic_bold';
	white-space:nowrap;
}
.video-holder{
	background: url(bg-video.png) no-repeat 11px -8px;
	padding:39px 0 20px 34px;
	width:942px;
	margin:0 auto 87px;
}
.video{position:relative;}
.video-holder img{vertical-align:top;}
.video-holder .play{
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	top:126px;
	left:329px;
	background: url(bg-play.png) no-repeat;
	width:252px;
	height:251px;
	border-radius:125px;
}
.photo-holder:after{
	background: url(photo-box-t.jpg) no-repeat;
	width:994px;
	height:91px;
	position:absolute;
	top:-91px;
	left:0;
	content:'';
}
.photo-holder:before{
	background: url(photo-box-b.jpg) no-repeat -1px 0;
	width:994px;
	height:91px;
	position:absolute;
	bottom:-91px;
	left:0;
	content:'';
}
.photo-holder .title-holder{
	overflow:hidden;
	width:100%;
	position:relative;
	top:-58px;
	left:0;
	margin:0 0 -44px;
	z-index:200;
}
.photo-holder .title-holder h2,h3,h4,h5{
	margin:0;
	text-align:center;
	font:41px/44px 'diabolic_bolddiabolic_bold';
	white-space:nowrap;
}
.photo-holder{
	position:relative;
	background: url(photo-box-c.jpg) repeat-y;
	padding:31px 18px 32px 23px;
	margin:0 0 172px;
}
.photo-box .image-box{
	float:left;
	width:642px;
	margin:0 -5px 0 0;
}
.photo-box .photo{
	border:3px solid #000;
	border-radius:2px;
	width:304px;
	height:190px;
	float:left;
	margin:0 0 3px;
}
.photo-box .image-box .photo{
	margin:0 11px 0 0;
	float:left;
}
.photo-holder .photo-box .photo-big{
	width:625px;
	height:390px;
	margin:0 0 3px;
}
.photo-box .photo img{vertical-align:top;}
.photo-box{
	padding:0 0 10px 4px;
	overflow:hidden;
}
.photo-holder p{
	font:16px/17px Verdana, Arial, Helvetica, sans-serif;
	text-indent:29px;
	width:935px !important;
	clear:both;
	margin:0 auto 9px;
}
.instant-access{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background: url(text06-2.gif) no-repeat;
	width:891px;
	height:51px;
	position:absolute;
	bottom:-19px;
	left:69px;
	z-index:200;
}
.buy-holder{
	position:relative;
	overflow:hidden;
	padding:0 0 12px 37px;
}
.buy-holder h2{
	text-indent:-9999px;
	overflow:hidden;
	background: url(text14.jpg) no-repeat;
	width:895px;
	height:64px;
	margin:0;
}
.buy-holder img{
	float:left;
	padding:0 2px 0 0;
}
.buy-text{
	position:absolute;
	bottom:-1px;
	left:37px;
}
.buy-text p{
	text-indent:-9999px;
	overflow:hidden;
	background: url(text15.png) no-repeat;
	width:895px;
	height:96px;
	margin:0;
}
.buy-holder .join{
	top:187px;
	left:261px;
}
.baner{
	position:absolute;
	left:297px;
	top:173px;
}
.logo2{
	text-indent:-9999px;
	overflow:hidden;
	background: url(logo02.png) no-repeat;
	width:251px;
	height:71px;
	display:block;
	margin:5px auto;
}
.logo2 a{
	height:100%;
	display:block;
}
.photo-holder-last{margin:0 0 85px;}
.buy-holder .image-holder{overflow:hidden;}
.buy-box{
	width:895px;
	height:492px;
	display:block;
	position:absolute;
	top:64px;
	left:37px;
	z-index:10;
}
.promo-page{
	background: url(bg-promo.jpg) no-repeat -6px 0;
	margin:0 0 88px;
	padding:10px 0 0;
	position:relative;
}
.logo3{
	text-indent:-9999px;
	overflow:hidden;
	background: url(logo03.png) no-repeat;
	width:355px;
	height:168px;
	display:block;
	margin:0 auto 127px;
	position:relative;
	right:10px;
}
.logo3 a{
	height:100%;
	display:block;
}
.promo-page:before{
	background: url(photo-box-b.jpg) no-repeat -1px 0;
	width:994px;
	height:91px;
	position:absolute;
	bottom:-72px;
	left:0;
	content:'';
}
.promo-holder .title-holder{
	left:16px;
	margin:0 0 2px;
	overflow: hidden;
	position: relative;
	top:-18px;
	width: 100%;
	z-index: 200;
}
.promo-page .promo-holder h2,h3,h4,h5{
	margin:0;
	text-align:center;
	font:41px/43px 'diabolic_bolddiabolic_bold';
	white-space:nowrap;
}
.vizit{
	text-indent:-9999px;
	overflow:hidden;
	width:852px;
	height:48px;
	background: url(text16.gif) no-repeat;
	display:block;
	margin:0 auto;
	position:relative;
	left:14px;
}
.promo-page .promo-holder{
	font:17px/21px Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	text-align:center;
	position:relative;
	background: url(photo-box-c.jpg) repeat-y;
}
.promo-holder .image-holder{
	overflow:hidden;
	padding:0 0 2px 25px;
}
.promo-holder .image-box{
	float:left;
	border:3px solid #000;
	border-radius:2px;
	width:304px;
	height:190px;
	margin:0 0 3px;
}
.promo-holder .image-box img{vertical-align:top;}
.promo-holder .image-right{
	float:right;
	position:relative;
	right:12px;
}
.promo-holder .images-list{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:638px;
	text-align:left;
}
.promo-holder .images-list li{
	display:inline-block;
	vertical-align:top;
	padding:0 4px 8px 0;
}
.promo-holder p{margin:0 3% 8px; }
.promo-holder .join{
	background: url(text01.gif) no-repeat;
	width:316px;
	height:400px;
	right:1px;
	bottom:3px;
	position: absolute;
}
.join-page{
	background: url(img49.jpg) no-repeat -7px 0;
	padding:10px 0 13px;
	overflow:hidden;
}
.join-page .logo3{margin:0 auto;}
.join-page .title-holder{
	top:-4px;
	left:2px;
	overflow: hidden;
	position: relative;
	width: 100%;
	z-index: 200;
	margin:0 0 -2px;
}
.join-page h2,h3,h4,h5{
	margin:0;
	text-align:center;
	font:41px/43px 'diabolic_bolddiabolic_bold';
	white-space:nowrap;
}
.join-holder{
	background: url(img53.jpg) no-repeat -7px 0;
	padding:139px 37px 0 0;
	overflow:hidden;
}
.join-holder .image-box{
	margin:0 0 38px auto;
	width:550px;
	height:536px;
	display:block;
}
.join-holder .image-box img{vertical-align:top;}
.join-holder p{
	margin:0;
	text-align:center;
	font:15px/19px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	position:relative;
	right:6px;
}
.clear {clear: both; height: 0; text-indent: -9000px; overflow: hidden;}
	.copy {text-align: center; padding: 10px 0 0 0;}
	.copy p {font-size: 14px;}
	.copy a {font-size: 18px; color:yellow;}
	
	.sites {font-size: 14px; text-align: center; margin:0 0 10px 0;}
	.sites ul li {list-style: none; width: 155px; float: left; text-align: center; padding: 0 10px 5px;}
	.sites ul li a {text-decoration: none; display: block;}
	.sites ul li a:hover span {text-decoration: underline;}
	.sites ul li span {color:orange; padding: 0 0 4px 0; display: block;}
	#player {border: 3px solid #000; display: block; position: relative; width: 899px; height: 501px; display: block;}
	#flashContent { width:100%; height:100%; border:3px solid #000;}
	#ae {	margin:0;
	text-align:center;
	font:14px/18px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	position:relative;
	right:6px;
}
.images-list img {border: 3px solid #000;}