@charset "UTF-8";

/* ----------------------------------------------  GENERAL  ---------------------------------------------- */
			
	body {
		background:#333;
		margin:0px;
		padding:0px;
		width: 100%;
		font-family: Helvetica, "Lucida Grande", Arial, Verdana, sans-serif;
		font-size: 10px;
		color: #ccc;
		}
		
	a { color: #fff; 
		text-decoration: none;
		font-weight: bold;
		}
		
	a:hover {
		color: #ff0000;
		}
		
	p {
		font-size: 14px;
		line-height: 165%;
		margin: 0px;
		padding: 0px;
		}
		
	p a {
		padding-bottom: 2px;
		border-bottom: 1px dotted #666;
	}
		
	.introduction {
		font-size: 21px;
		line-height: 140%;
		margin: 0px;
		padding: 0px;
		}
		
	.name {
		font-size: 21px;
		font-weight: bold;
		color: #fff;
		display: block;
		border-top: 1px solid #666;
		padding-top: 10px;
		margin-top: 15px;
		}
		
	.description {
		font-size: 10px;
		line-height: 165%;
		display: block;
		padding-right: 30px;
		}
		
	.job {
		color: #000;
		font-size: 12px;
		font-weight: bold;
		line-height: 165%;
		margin-top: 10px;
		display: block;
		}
		
	em {
		font-style: normal;
		color: #fff;
		font-weight: bold;
		}

/* ----------------------------------------------  CONTAINERS  ---------------------------------------------- */

	.container { 
		width: 100%; 
		float: left;
		}
		
	.content {
		width: 990px;
		margin: 0px auto;
		}

/* ----------------------------------------------  COLUMNS  ---------------------------------------------- */
		
	.column-one {
		width: 300px;
		margin: 0px 15px 0px 15px;
		float: left;
		}
		
	.column-two {
		width: 630px;
		margin: 0px 15px 0px 15px;
		float: left;
		}
		
	.column-three {
		width: 960px;
		margin: 0px 15px 0px 15px;
		float: left;
		}
		
	.column-four {
		width: 960px;
		margin: 0px 15px 0px 15px;
		float: left;
		padding: 0px;
		line-height: 15px;
		}
		
	.column-four a {
		display: inline;
		width: 220px;
		float: left;
		background: #222;
		padding: 10px;
		line-height: 100%;
		font-size: 14px;
		border-bottom: 10px solid #fff;
		
		}
		
	.column-four a:hover {
		background: #000;
		
		}
		
	.column-four img {
		margin: 0px 15px 0px 0px;
		}
		
	.download {
		background: #ccc;
		color: #666;
		}
		
/* ----------------------------------------------  HEADER  ---------------------------------------------- */

	#header {
		width: 960px;
		height: 100px;
		margin: 0px 15px 30px 15px;
		float: left;
		border-bottom: 1px solid #fff;
		background: url(../images/header.png) no-repeat;
		}
		
	#header ul {
		list-style-type: none;
		display: block;
		margin: 0px;
		padding: 0px;
		float: right;
		height: 100px;
		}
	
	#header li {
		list-style-type: none;
		display: inline;
		margin: 0px 0px 0px 30px;
		padding: 0px;
		height: 100px;
		float: left;
		line-height: 120px;
		}
		
	#header a {
		display: block;
		height: 96px;
		color: #666;
		text-decoration: none;
		font-weight: bold;
		font-size: 10px;
		}
		
	#header a:hover {
		border-bottom: 9px solid #fff;
		color: #fff;
		}
		
	.active {
		border-bottom: 9px solid #ff0000;
		color: #fff !important;
		}
		
	.active:hover {
		border-bottom: 9px solid #ff0000 !important;
		}
		
	.home {
		width: 355px;
		height: 100px;
		display: inline;
		float: left;
		}
		
/* ----------------------------------------------  VIDEO  ---------------------------------------------- */

	#trailer {
		width: 960px;
		margin: 0px 15px 0px 15px;
		float: left;
		}
		
	#viewtrailer {
		width: 960px;
		height: 540px;
		display: block;
		position: absolute;
		margin:0px;
		z-index: 99999999;
		background-image: url(../images/pat.png);
		}
		
	#viewtrailer a {
		width: 960px;
		height: 540px;
		display: block;
		cursor: pointer;
		}
		
	#film {
		width: 960px;
		height: 540px;
		margin: 0px 15px 0px 15px;
		z-index: 9999999;
		text-align: center;
		float: left;
		}
		
	#small {
		width: 960px;
		height: 540px;
		padding: 0px;
		float: left;
		margin: 0px 15px 15px 15px;
		position: absolute;
		}
		
	#medium {
		width: 960px;
		height: 540px;
		padding: 0px;
		margin: 0px;
		float: left;
		position: absolute;
		}
		
	#large {
		width: 960px;
		height: 540px;
		padding: 0px;
		margin: 0px;
		float: left;
		position: absolute;
		}
		
	.center-medium {
		margin: 0px auto;
		margin-top: 75px;
		}
		
	.center-small {
		margin: 0px auto;
		margin-top: 175px;
		}
		
	.shadow {
		background: -moz-box-shadow: 0px 0px 50px #000; 
		-webkit-box-shadow: 0px 0px 50px #111; 
		box-shadow: 0px 0px 50px #000; 
		-moz-box-shadow: 0 0px 50px rgba(255,255,255,1.0);
		}

/* ----------------------------------------------  HEADER  ---------------------------------------------- */

	#header-bottom {
		width: 960px;
		height: 100px;
		margin: -15px 15px 30px 15px;
		float: left;
		border-bottom: 1px solid #fff;
		}
		
	#header-bottom ul {
		list-style-type: none;
		display: block;
		margin: 0px;
		padding: 0px;
		float: right;
		height: 100px;
		}
	
	#header-bottom li {
		list-style-type: none;
		display: inline;
		margin: 0px 0px 0px 30px;
		padding: 0px;
		height: 100px;
		float: left;
		line-height: 120px;
		}
		
	#header-bottom a {
		display: block;
		height: 96px;
		color: #666;
		text-decoration: none;
		font-weight: bold;
		font-size: 10px;
		}
		
	#header-bottom a:hover {
		border-bottom: 9px solid #fff;
		color: #fff;
		}
		
	.active-bottom {
		border-bottom: 9px solid #ff0000;
		color: #fff !important;
		}
		
	.active-bottom:hover {
		border-bottom: 9px solid #ff0000 !important;
		}
		
	.emaillist {margin: 60px 0px 60px 0px; float: left; }
	#customer_mail { margin:0px 2px 0px 0px; padding:15px; width:630px; border:none; float:left; font-size:21px; background: #fff; color:#333;}
	#customer_mail:hover { background-color:#ddd;} 
	#customer_mail:focus { background-color:#fff;}
	#submit { width:298px; background: #000; border:none; float:left; margin:0px; padding:15px; color:#fff; font-weight:bold; font-size:21px;}
	#submit:hover { background-color: #ff0000;} #submit:focus { background-color:#000; border: none;}
	.center {text-align: center; margin-top:30px}
	
/* ----------------------------------------------  FOOTER  ---------------------------------------------- */

	#footer {
		width: 960px;
		height: 85px;
		margin: 30px 15px 0px 15px;
		padding: 15px 0px 0px 0px;
		border-top: 1px solid #fff;
		text-align: right;
		}
		
	#footer p {
		font-size: 10px;
		}
		
	#footer-fix {
		width: 960px;
		height: 85px;
		margin: 0px 15px 0px 15px;
		padding: 15px 0px 0px 0px;
		text-align: right;
		margin-top: -30px;
		}
		
	#footer-fix p {
		font-size: 10px;
		}