@charset "UTF-8";
@import url("../webfonts/AmbleLightCondensed/stylesheet.css");
@import url("../webfonts/AnonymousRegular/stylesheet.css");
@import url("../webfonts/AmbleLight/stylesheet.css");
@import url("../webfonts/AmbleLightItalic/stylesheet.css");
/* CSS Document */

html {
	font-size: 100%;
}
div
{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; 
  box-sizing: border-box;
}
body {
	background-color: #fff;
	margin: 0;
	padding: 0;
	text-align: center;
}
#home-container {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	background: url(../images/film-home-bg.gif) no-repeat center center;
}
#home-main_outer {
	position: absolute;
   top: 50%;
   margin-top: -296px;/* half of #content height*/
   left: 0;
   width: 100%;
}
#main_outer-fixed {
   width: 1024px;
   margin-left: auto;
   margin-right: auto;
   height: 592px;
}
.rows {
	width: 1024px;
	height: 37px;
	float: left;
	padding: 0;
	margin: 0;
	text-align: left;
}
.rows a:link, .rows a:visited {
	color: #fff;
	text-decoration: none;
}
.rows a:hover, .rows a:active {
	color: rgba(255, 255, 255, .5);
	text-decoration: none;
}
.row1-text {
	width: 648px;
	font-size: 11px;
	color: #fff;
	margin: 12px 16px 0 0;
	padding: 0;
	font-family: AmbleLight, Arial, Helvetica, sans-serif;
	float: left;
	vertical-align: top;
	text-align: right;
	letter-spacing: .15em;
	
}
.row1-img {
	width: 360px;
	height: 37px;
	padding: 0;
	margin: 0;
	vertical-align: top;
	text-align: left;
	float: left;
}
.row2-text {
	width: 408px;
	font-size: 11px;
	color: #fff;
	margin: 12px 16px 0 0;
	padding: 0;
	font-family: AmbleLight, Arial, Helvetica, sans-serif;
	float: left;
	vertical-align: top;
	text-align: right;
	letter-spacing: .15em;
	
}
.row2-img {
	width: 600px;
	height: 37px;
	padding: 0;
	margin: 0;
	vertical-align: top;
	text-align: left;
	float: left;
}
.row4-text {
	width: 538px;
	font-size: 11px;
	color: #fff;
	margin: 12px 16px 0 0;
	padding: 0;
	font-family: AmbleLight, Arial, Helvetica, sans-serif;
	float: left;
	vertical-align: top;
	text-align: right;
	letter-spacing: .15em;
	
}
.row4-img {
	width: 470px;
	height: 37px;
	padding: 0;
	margin: 0;
	vertical-align: top;
	text-align: left;
	float: left;
}
.row5-text {
	width: 268px;
	font-size: 11px;
	color: #fff;
	margin: 12px 16px 0 0;
	padding: 0;
	font-family: AmbleLight, Arial, Helvetica, sans-serif;
	float: left;
	vertical-align: top;
	text-align: right;
	letter-spacing: .15em;
	
}
.row5-img {
	width: 740px;
	height: 37px;
	padding: 0;
	margin: 0;
	vertical-align: top;
	text-align: left;
	float: left;
}
.row7-text {
	width: 348px;
	font-size: 11px;
	color: #fff;
	margin: 12px 16px 0 0;
	padding: 0;
	font-family: AmbleLight, Arial, Helvetica, sans-serif;
	float: left;
	vertical-align: top;
	text-align: right;
	letter-spacing: .15em;
	
}
.row7-img {
	width: 66px;
	height: 37px;
	padding: 0;
	margin: 0;
	vertical-align: top;
	text-align: left;
	float: left;
}
.row7-logotype {
	width: 504px;
	font-size: 20px;
	color: #fff;
	margin: 0 0 0 90px;
	padding: 0;
	font-family: AmbleLight, Arial, Helvetica, sans-serif;
	float: right;
	vertical-align: top;
	text-align: left;
	letter-spacing: .8em;
	
}
.row9-text {
	width: 198px;
	font-size: 11px;
	color: #fff;
	margin: 12px 16px 0 0;
	padding: 0;
	font-family: AmbleLight, Arial, Helvetica, sans-serif;
	float: left;
	vertical-align: top;
	text-align: right;
	letter-spacing: .15em;
	
}
.row9-img {
	width: 810px;
	height: 37px;
	padding: 0;
	margin: 0;
	vertical-align: top;
	text-align: left;
	float: left;
}
.row12-text {
	width: 148px;
	font-size: 11px;
	color: #fff;
	margin: 12px 16px 0 0;
	padding: 0;
	font-family: AmbleLight, Arial, Helvetica, sans-serif;
	float: left;
	vertical-align: top;
	text-align: right;
	letter-spacing: .15em;
	
}
.row12-img {
	width: 860px;
	height: 37px;
	padding: 0;
	margin: 0;
	vertical-align: top;
	text-align: left;
	float: left;
}
.row15-text {
	width: 298px;
	font-size: 11px;
	color: #fff;
	margin: 12px 16px 0 0;
	padding: 0;
	font-family: AmbleLight, Arial, Helvetica, sans-serif;
	float: left;
	vertical-align: top;
	text-align: right;
	letter-spacing: .15em;
	
}
.row15-img {
	width: 710px;
	height: 37px;
	padding: 0;
	margin: 0;
	vertical-align: top;
	text-align: left;
	float: left;
}
#nav {
	width: 1024px;
	height: 37px;
	float: left;
	padding: 0;
	margin: 0 auto;
	text-align: left;
	vertical-align: top;
}
#nav p {
	font-size: 14px;
	color: #fff;
	margin: 0;
	font-family: AmbleLightCondensed, Arial, Helvetica, sans-serif;
	
}
#nav ul {
	padding: 0;
	margin: 6px 0 0 640px;
	font-family: AmbleLightCondensed, Arial, Helvetica, sans-serif;
	
	letter-spacing: .2em;
}
#nav li {
	font-family: AmbleLightCondensed, Arial, Helvetica, sans-serif;
	
	font-size: 14px;
	color: #fff;
	padding: 0;
	display: inline;
	margin: 0 1px 0 1px;
	list-style-type: none;
}
#nav a {
	font-size: 14px;
	line-height: 10px;
	color: #fff;
	font-family: AmbleLightCondensed, Arial, Helvetica, sans-serif;
	
	text-decoration: none;
}
#nav a:link, #nav a:visited {
	color: #fff;
	text-decoration: none;
}
#nav a:hover, #nav a:active {
	color: rgba(255, 255, 255, .5);
	text-decoration: none;
}
.clear {
	clear: both;
	font-size: 1px;
}
@media (min-width: 1050px){
}

@media (min-width:768px) and (max-width:1049px){
#nav ul {
	margin: 6px 0 0 400px;
}
.row7-logotype {
	margin: 0 0 0 172px;
	float: left;
}
.row7-text {
	width: 148px;
}
}

@media (max-width: 767px){
#nav ul {
	margin: 6px 0 0 300px;
}
.row1-text {
	width: 500px;
}
.row1-img {
	width: 360px;
}
.row2-text {
	width: 348px;
}
.row4-text {
	width: 515px;
}
.row7-logotype {
	margin: 0 0 0 50px;
	float: left;
}
.row7-text {
	width: 148px;
}
.row12-text {
	width: 228px;
}
.row12-img {
	width: 760px;
}
.row15-text {
	width: 348px;
}
.row15-img {
	width: 610px;
}
}