@charset "utf-8";

/*  =========================================================
	File: global.css
	Date: 090717
========================================================== */

/* ==============================================
   I - General Reset
   ============================================== */
html { height: 101%;
}

h1, h2, h4, h5, hr, p {
	margin:0;
}

h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	}

img {
	border:none;
	}

/* All Links */
a { outline:none; text-decoration:none; border:none; color:#ff0;} 

/* ==============================================
   II - Layout
   ============================================== */
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	background:#000 url('../images/bg.gif') center repeat-y;
	font-size:17px;
	font-weight:lighter;
	padding:0px;
	margin:0px;
}

.container {
	width:900px;
	position:relative;
	top:0px;
	left:0px;
	margin:auto;
}

.separator {
	width:900px;
	height:25px;
	background:#000 url('../images/separator.gif') center repeat-y;
	text-indent:8px;
	font-size:18px;
	overflow:hidden;
}

.header {
	width:900px;
	height:347px;
	position:relative;
	top:0px;
	left:0px;
}

.top_text {
	position:absolute;
	bottom:0px;
	left:0px;
	width:880px;
	height:auto;
	padding:3px 10px;
	text-align:justify;
	background:transparent url('../images/bg_text.png');
	z-index:998;
}

.exclusiv {
	position:absolute;
	top:0px;
	left:0px;
	width:530px;
	height:50px;
	background:transparent url('../images/exclusiv.png');
	z-index:998;
}

.nav {
	width:900px;
	height:124px;
}

.btn_join {
	float:left;
	display:block;
	width:370px;
	height:124px;
	background:url('../images/btn_join.gif') top;
}

.btn_member {
	float:left;
	display:block;
	width:266px;
	height:124px;
	background:url('../images/btn_member.gif') top;
}

.btn_tour {
	float:left;
	display:block;
	width:264px;
	height:124px;
	background:url('../images/btn_tour.gif') top;
}

.nav a:hover {
	background-position:bottom;
}

.big_pic, .big_pic img {
	position:relative;
	top:0px;
	left:0px;
	width:900px;
	height:600px;
}

.player_box {
	position:relative;
	top:0px;
	left:0px;
	width:900px;
	height:407px;
}

.download {
	width:180px;
	height:405px;	
}

.download a:hover {
	background-position:right;
}

.btn_ipod {
	float:left;
	display:block;
	width:180px;
	height:102px;
	background:url('../images/btn_ipod.gif') left;
}

.btn_psp {
	float:left;
	display:block;
	width:180px;
	height:102px;
	background:url('../images/btn_psp.gif') left;
}

.btn_hdmov {
	float:left;
	display:block;
	width:180px;
	height:100px;
	background:url('../images/btn_quicktime.gif') left;
}

.btn_hdwmv {
	float:left;
	display:block;
	width:180px;
	height:101px;
	background:url('../images/btn_wmv.gif') left;
}

.player {
	position:absolute;
	top:1px;
	left:180px;
	width:720px;
	height:405px;
	overflow:hidden;
}

.drei_pics {
	float:left;
	width:900px;
	height:401px;
}

.drei_pics img, .drei_pics a {
	width:300px;
	height:400px;
	float:left;
}

.epi_btn {
	clear:both;
	width:900px;
	height:124px;
	overflow:hidden;
}

.handy {
	float:left;
	position:relative; top:0px; left:0px;
	background:url('../images/picsvids.gif');
	width:530px;
	height:114px;
	overflow:hidden;
}
.btn_join2 {
	float:left;
	display:block;
	width:370px;
	height:124px;
	background:url('../images/btn_join.gif') top;
}

.btn_join2:hover {
	background-position:bottom;
}

/* ==============================================
   III - Footer
   ============================================== */
div#footer {
	clear:both;
	font-size:x-small;
	text-align:center;
	padding:15px 0;
}

div#footer a {
	color:#fff;
}

div#footer p {
	margin:0.8em;
}

div#footer span {
	font-size:200%;
	font-weight:bolder;
}

/* ==============================================
   IV - XXX Member
   ============================================== */
.join_header {
	height:200px;
	overflow:hidden;
}

.access {
	width:823px;
	font-size:small;
	padding:25px 35px 15px 30px;
}

.access  p {
	line-height:1.5em;
}

.access  h1 {
	font-size:170%;
	margin-bottom:1em;
}

.access  h2 {
	font-size:150%;
	margin-top:1.3em;
}

/* ==============================================
  V - Gallery
   ============================================== */
div#gallery {
	float:left;
	width:900px;
	padding:0 0 6px 10px;
}
   
.gals img {
	height:300px;
	width:200px;
	padding:1px;
	margin:7px;
}

.gals a img {
	border:2px solid #7afaf6;
}

.gals a img:hover {
   border:2px solid #ff0;
}

.tgp {
	margin:0 39px 0 51px;
}

.tgp img {
	height:60px;
	width:156px;
	padding:5px 55px 4px 55px;
}