* { margin: 0; padding: 0; }
.clearfix:after { content: ".";	display: block;	clear: both;	visibility: hidden;	line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
img { border: none; }
body { background: url(images/bg.gif) repeat; font-family: Arial, Helvetica, sans-serif; margin: 6px 0; }
#wrap, .wrap { width: 980px; margin: auto; background: #ffeecc; border: 6px solid #000; border-top: 0; }
.wrap { border-top: none; }
#head { position: relative; }
#head img, #footer img { float:left; border: none; }
#head img.logo { position: absolute; left: 42px; top: 60px; border: none; }
#head img.euro { position: absolute; border: none; }
#head .intro { float:left; width: 837px; height: 138px; color: #fff; background: url(images/main_12.gif) no-repeat; display: inline; margin-right:-3px; }
#head .intro p { padding: 25px; font-weight: bold; line-height: 24px;  }


.table { background: url(images/main_14.gif) repeat-y; clear:left; position: relative; }
.table .title { position: absolute; top: 10px; left: 15px; color: #fff; font-weight: bold; width: 326px; height: 35px; padding-top:13px; background: url(images/title-trans.png) no-repeat; text-align: center; }
.table .bg { background: url(images/main_17.jpg) no-repeat bottom center; }
.table .main { position: relative; padding-bottom: 3px; height: 546px; }
.table .main div.trailer{ position: relative; margin: auto; margin-left: 9px;}
.table .main img { border: 1px solid #000; }
.table .main img.bigthumb { border: 0px;}
.table .main img.play { position: absolute; left: 550px; top: 460px; border: none; }
.table .main img.res { position: absolute; bottom: 28px; left:16px; border: none; }

.table img { display: block; border: none; }
.table img.tall { float:left; margin-left:8px; border: 1px solid #000; display: inline; }
.table .bottom .info { margin-left:1px; float:left; width: 726px; display: inline; }
.table .bottom .info h1 { font-size: 16px; font-weight: bold; color: #fff; padding: 8px; }
.table .bottom .info h1 span { color: #ff2794; }
.table .bottom .info h1 span.green { color: #ffff00; }
.table .bottom .info p { color: #fff; font-weight: bold; font-size: 15px; padding: 8px; line-height: 24px; height: 100px; text-align: justify;}
.table .bottom .info img {  border: 1px solid #000; margin-left: 4px; float:left; display: inline; }

#footer { position: relative; clear:left; }
#footer .nav { background: #ff0039; height: 40px; clear:left; }
#footer img.special { border: none; position: absolute; top:-20px; left:-20px; }
#footer ul.sites { list-style: none; padding-top: 10px; clear:left; }
#footer ul.sites img { border: 1px solid #000; }
#footer ul.sites li { width: 236px; padding: 2px; margin: 1px; float:left; background: #4c0011; display: inline;  }
#footer ul.sites li p { font-weight: bold; color: #fff; text-align: center; }
#footer .disclaimer {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #000; padding: 8px; text-align:center}
#footer .disclaimer a {  color: #ff0039;}

.updates { margin-bottom:10px; }
.updates h1 { background: #ff2794; padding: 10px; margin: 0px 38px; color: #fff; font-size: 20px; clear:left; margin-top:5px; }
.updates ul { list-style: none; margin-left:20px; }
.updates ul li { float:left; width: 223px;  margin: 6px; background: url(images/udpate_01.gif) no-repeat top #710019; font-size: 13px; color: #fff; line-height: 18px;margin-top:8px;  }
.updates ul li  img { display: block; margin: auto; margin-top:10px; }
.updates ul li p { padding:5px 10px; }
.updates ul li p.desc { line-height: 18px;  font-size: 12px; padding: 10px; text-align:justify; height:130px;}
.updates ul li .bg {  background: url(images/udpate_03.gif) no-repeat bottom; }
.updates ul li strong { float:left; width: 80px; }
.updates ul li img { border: 1px solid #000; }
.updates a { font-size: 17px; font-weight: bold; color: #ff2794; }

.buttons img { float:left; border: none; margin-bottom: 26px; }

.trailer { position: relative; }
.trailer .main { margin: auto; display:  block; }
.trailer .player { position: relative; width:1280px; height:720px; background: url(thumbs/trailer_video.jpg) no-repeat; cursor: pointer; margin: auto;}
.trailer .trailerflv2 { position: relative; width:1280px; height:720px; background: url(trailer/endpic.jpg) no-repeat; cursor: pointer; margin: auto;}
.trailer img.play { position: absolute; border: none; left: 373px; top: 309px; }
.trailer-footer a { font-size: 20px; font-weight: normal; color:#ff0; text-decoration:underline;}
.trailer-footer { background: url(images/trailer_11.jpg) no-repeat top; }
.trailer-footer img { display: block; }
.trailer-footer p { height: 225px; font-size: 16px; text-align:justify; padding: 60px 30px 60px 520px; color: #fff; }

#join .left { width: 244px; float:left; border-right: 1px solid #000; background: #ff2794; height: 685px; }
#join .left p { margin: 4px 10px; color: #fff; font-size: 13px; line-height: 18px; }
#join .left p strong { display: block; text-align: center; background: #d8006d; padding: 5px; }
#join .form { float:left; width: 423px; border-top: 5px solid #000; }
#join .form .frm { margin: auto; display: block; width: 533px; }
#join .form p { font-size: 13px; color: #333; font-weight: bold; background: #fff8e9; padding: 4px; }
#join .form form p { margin: 2px 4px; }
#join .form form label { width: 130px; float:left; margin-left: 10px; margin-top: 3px; }
#join .form form input.txt, #join .form form select { width: 250px; border: 1px solid #d8006d; padding: 3px; }
#join .form form select { width: 258px; }
#join .form .small { margin-top:29px; }
#join .form h1 { background: #ff0039; color: #fff; font-size: 14px; padding: 10px 0px 10px 0px; text-align: center; margin: 0px; }
#join .thumbs { width: 311px; float:left; background: #4c0011; height: 680px; border-top: 5px solid #000; }
#join .thumbs p {color: #000; font-size: 12px; padding: 10px; text-align: right;}
#join .thumbs h1 { font-size: 13px; text-align: center; color: #fff; margin: 4px;background: #ff0039; padding: 3px; }
#join .thumbs img { display: block; margin: auto; border: 1px solid #fff; margin:0 0 4px 4px; float:left; }

.extra2 {font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; color: #333; font-weight: normal;}
.extra {font-size: 11px; text-align: center; color: #aaa; }
.extra a {color: #ccc;}

.recommended {
 color: #f00;
}

.prevthumb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background: transparent;
	float: left;
	text-align: center;
	padding: 1px;
	margin-bottom: 3px;
}

.prevthumb2 {
	border: solid 1px #000000;
}

.prevthumb span{
	color: #bf1957;
	font-weight: bold;
}

#join {
	background-color: #FFFFFF;
	margin: auto;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
}
#join .box {
	border: solid 1px #888888;
	width: 300px;
	margin: 5px;
	font-size: 16px;
}

#join h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	font-style: italic;
	padding: 0px;
	margin: 5px;
}

#join h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 16px;
	font-weight: normal;
	font-style: italic;
	padding: 0px;
	margin: 10px;
}

#join h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 32px;
	line-height: 36px;
	font-weight: bold;
	font-style: italic;
	padding: 0px;
	margin: 5px;
}

#join h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	padding-bottom: 5px;
	margin: 5px;
	
}

#join .thumb td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}
#join hr {
	height: 1px;
	border: 0;
	color: #333;
	background-color: #888;
	width: 80%; 
}

#join .box2 { padding-bottom: 3px;}
#join .red { color: #ff0000; font-weight: bold;}