@charset "utf-8";
/* CSS Document */

body{
	margin: 0px;
	padding: 0px;
	background-color: #000000;
	font-family: Arial, Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 16px;
	color: #f4f4f4;
}

a{
	text-decoration:none;
}

/* ---- Splash ----- */

body.splash_body{
	background: #000000 url(images/back2.jpg) center top no-repeat;
}

.splash_header{
	/*background: url(images/splash/header_bg.jpg) center top no-repeat;*/
}

.splash_logo{
	margin: 0px auto;
	width: 900px;
}

.splash_container{
	/*background: url(images/splash/main_bg.jpg) center top no-repeat;*/
	position: relative;
	height: 100%;
}

.splash_content{
	margin: 0px auto;
	position:relative;
	width: 760px;
	height: 100%;
	min-height: 380px;
}

.splash_text{
	position: relative;
	top: 20px;
	left: 130px;
	height: 60px;
}

.splash_watch_online{
	position: relative;
	left: 20px;
	top: 90px;
	height: 100px;
	width: 200px;
}

.splash_trailer{
	position: relative;
	left: 280px;
	top: 60px;
	height: 95px;
	width: 180px;
}

.splash_own_dvd{
	position: relative;
	height: 80px;
	width: 200px;
	top: -90px;
	left: 490px;
}

/* ---- HomePage ----- */
.hp_header{
	/*background: url(images/index/homepage_header_bg.jpg) center top no-repeat;*/
}

.hp_header_content{
	width: 841px;
	height:230px;
	margin: 0px auto;
}

.hp_logo{
	position:relative;
	left: -58px;
	float: left;
	width: 323px;
	height: 146px;
}

.hp_side{
	left: 0px;
	top: 0px;
	position: relative;
}

.hp_navbar{
	clear: both;
	width: 840px;
	height: 45px;
	padding-top: 0px;
	padding-left: 0px;
	left: -10px;
}

#nav #buttons #button {
   width: 262px;
   height: 50px;
}

body.hp_body{
	background: #000000 url(images/back.jpg) center top no-repeat;
}

body.sp_body{
	background: #000000 url(images/back_sub.jpg) center top no-repeat;
}

.container{
	width: 841px;
	margin: 0px auto;
	padding-top:39px;
}

.logo, .side_logo, .left_menu, .right_content{
	position: relative;
	float: left;
}

.logo{
	height: 145px;
}

.side_logo{
	width: 524px;
	font-family: "Trajan Pro";
	font-size: 22px;
	color: #ffffff;
	text-align: center;
	padding-top: 60px;
	height: 85px;
}

.navbar{
	clear: both;
	background: url(images/navbar_bg.jpg);
	width: 840px;
	height: 45px;
	padding-top: 0px;
	padding-left: 1px;
}

.content{
}

.left_menu{
	width: 308px;
	text-align: left;
}

.right_content{
	width: 533px;
	min-height:600px;
}

.image1{
	padding-top: 38px;
	padding-bottom: 40px;
}

.right_content p{
	margin-top: 0px;
}

.content_text{
	padding-left: 15px;
	width: 482px;
}

.headline1{
	color: #f6da8e;
	font-size: 16px;
	font-weight: bold;
    text-align: center;
    padding: 15px 15px 15px 15px;
}

.headline2{
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
}

.right_content a{
	color: #abe3fe;
	font-weight: bold;
}

.footer{
	clear: both;
	background: url(images/line.gif) repeat-x;
	margin-top: 10px;
	padding-top: 20px;
	text-align: center;
	color: #f4f0e4;
	font-size: 11px;
	padding-bottom: 10px;
}

.footer a{
	color: #f4f0e4;
	font-size: 11px;
	text-decoration: none;
}

.footer a:hover{
	text-decoration: underline;
}

.what{
	padding-bottom: 18px;
}

.box {
  border: 2px solid #ffffff;
  padding: 15px 15px 15px 15px;
  width: 500px:
}

.img {
   float:left;
   margin: 10px;
}

div.button {
  border: 1px solid #ffffff;
  background-color: black;
  height: 20px;
  width: 100px;
  padding: 5px;
  text-align: center;
  margin: auto;
}

a.button {
  display: block ;
  height: 18px;
  width: 95px;
  font-size: 16px;
  text-decoration: none;
}

a.button:hover {
     text-decoration: underline;
  }