/* PAGE LAYOUT STYLES */
	


body {
	margin: 0;
	/*---*/
	font: 14px/21px "Courier", "Courier", Helvetica, Arial, serif;
	color: #FFF;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;/*---*/
	background-color:#000; }

#wrapper { position:relative;margin: 0 auto;width:1120px; max-height:7685px;background: #000; overflow:hidden; margin-top: 31px; }


#vimeo { margin: 0 auto; display: block; height: 374px; width: 676px;margin-top:103px; }
#vimeo iframe { height: 100%; width: 100%; }
.section {  float:left; width:1120px; }
#tcontact .email {float: right;margin-top: 130px;width: 403px; height: 40px; }
#tcontact .email a { font-size: 19px;font-weight: bold;text-decoration: underline;color: #c5c5c5;}
.social { float: right;/* width: 330px;*/ }
.social .facebook, .social .twitter { float:left; /*margin:0 5px;*/ width:34px; position:relative;  top:7px; }
.text { padding:0; margin: 358px 0 0 497px; width: 400px; height: 810px; font-size: 22px; line-height: 38px; float:left; }

.social a img { height:100%; width:100%; display:block; }
.social a { height:30px; width:30px; margin-left:0 !important;}
.social .facebook { margin-left:22px !important; }
.social .twitter { margin-left:5px !important; }

#thome .title { color: #0F0D0A; height: 107px; font-style: italic; width: 314px; font-size: 30px; line-height: 37px; float: right; margin: 286px 65px 0 0; font-family: "Times New Roman",Georgia,Serif; transform: rotate(3deg); -ms-transform: rotate(3deg); -webkit-transform: rotate(3deg); text-shadow: 1px 1px 1px #504632; }
#thome .title span { text-transform: uppercase; font-size:23px; }
#thome .directed { margin-top: 1248px; width: 100%; text-align: center; font-size: 21px; line-height: 39px; color: #483d32; text-shadow: 1px 1px 1px #483d32; }
#thome .directed u { text-decoration:none; border-bottom:2px solid #483d32; }

.credits { width:198px; color:#000; font-size:17px; float:left; }
.credits.center { width:222px; }
.credits.right { width:200px; }
.credits b { float:left; font-family: "Courier New"; font-size: 13pt; width:100%;}
.credits .credit { float:left; margin-bottom:13px; font-size: 15px;}

.credittext { margin-top: 750px; margin-left: 273px; text-shadow: 1px 1px 2px #4B4B4B; }

#thome { background:url("../images/sections/home.jpg") no-repeat 0 0 transparent; }
#ttrailer { background:url("../images/sections/video.jpg") no-repeat 0 0 transparent; }
#tsynopsis { background:url("../images/sections/syn.jpg") no-repeat 0 0 transparent; }
#tcredits { background:url("../images/sections/credits.jpg") no-repeat 0 0 transparent; } 
#tcontact { background:url("../images/sections/contact.jpg") no-repeat 0 0 transparent; } 
#treviews { background:url("../images/sections/news-bg.jpg") repeat-y 0 0 transparent; } 

.row { margin: 0 auto; width: 804px; height: 246px; }
.review { text-transform: uppercase; text-shadow: 1px 1px 1px #969696; text-align: center; padding: 40px 30px 0 30px; color: #402c15; width: 342px; height: 206px; float: left; background: url("../images/sections/review.png") no-repeat right top transparent; font-weight: bold; font-size: 15px; }
.review span, .review a { color:#a91111; }

/* NAVIGATION STYLES */
/* ===  NAVIGATION  === */

#nav {
	position: fixed;
	left: 0;
	top:0;
	z-index: 1000;
	background: #000;
	width: 100%;

	overflow: hidden;
}
#nav #navList {
	/*background-image: url('../images/nav-line.png');
	background-repeat: no-repeat;
	background-position: 96px 70px;*/
}
#nav .logo {
	position: relative;
	display: block;
	float: left;
	z-index: 20;
	width: 97px;
	height: 116px;
	margin-top: 8px;
}
#nav .logo-small {
	display: none;
}
#nav .navigation {
	/* padding-top: 25px; */
	overflow: hidden;
}
#nav ul#navList {
	color: #000;
	padding:20px 0 0 0;
}

#nav ul#navList li a {
	font-family: "Courier", "Courier", Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
	margin-left: 22px;
	color: #FFD;
}
#nav ul#navList li a:hover {
	color: #FFF;
}
#nav ul#navList li.current a {
	text-decoration: underline;
	color: #FFD;
}
#nav p#nr {
	font-size: 12px;
	color: #7e7e7e;
	display: block;
}

 h1, h2, h3, h4, h5, h6 {
 color: #181818;
 font-family: "Courier", "Courier", "Courier", Helvetica, Arial, serif;
 font-weight: normal;
}

.navigation ul { padding:0; margin: 0 auto; display: table; text-align: center;}
.navigation ul li { list-style:none; display: inline-block; zoom: 1; *display:inline; line-height: 16px;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-weight: inherit;
}
h1 {
	font-size: 45px;
	line-height: 50px;
	margin-bottom: 30px;
}
h2 {
	font-size: 35px;
	line-height: 40px;
	margin-bottom: 10px;
}
h3 {
	font-size: 30px;
	line-height: 34px;
	margin-bottom: 25px;
}
h4 {
	font-size: 25px;
	line-height: 24px;
	margin-bottom: 10px;
}
h5 {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 10px;
}
h6 {
	font-size: 14px;
	line-height: 21px;
}
/* #Lists */

ul, ol {
	margin-bottom: 20px;
}
ul {
	list-style: none outside;
}
ol {
	list-style: decimal;
}
ol, ul.square, ul.circle, ul.disc {
	margin-left: 30px;
}
ul.square {
	list-style: square outside;
}
ul.circle {
	list-style: circle outside;
}
ul.disc {
	list-style: disc outside;
}

li {
	line-height: 18px;
	/*margin-bottom: 12px;*/
}
ul.large li {
	line-height: 21px;
}
li p {
	line-height: 21px;
}
.container:after {
	/* content: "\0020"; */
	/* display: block; */
	/* height: 0; */
	/* clear: both; */
	/* visibility: hidden; */
}

.form { float:left; margin-top: 130px; margin-left: 270px; height: 360px;
width: 280px;}
.form input { font-family: "Courier", "Courier", "Courier", Helvetica, Arial, serif; 
	border:0;
	padding:10px;
	float:left;
	margin:5px;
	width:250px;
	background-color: #C7C7C7;
}
.form textarea { font-family: "Courier", "Courier", "Courier", Helvetica, Arial, serif; 
	border:0;
	padding:10px;
	float:left;
	margin:5px;
	width:250px;
	height:100px;
	background-color: #C7C7C7
	}
	
.form .mandatory { margin:5px; padding: 0 10px 10px 10px; font-size:23px; color: #C5C5C5; }

.form #send-form {
	color: #C5C5C5;
	text-decoration: none;
	padding: 10px;
	margin: 5px;
	float: left;
	background-color: #5F5F5F;
	display: block;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #2C2C2C;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #2C2C2C;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #2C2C2C;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #2C2C2C;
}

@media all and (max-width: 770px) {
  #nav ul#navList li a { font-size: 18px; }
}

@media all and (max-width: 720px) {
  #nav ul#navList li a { font-size: 18px; }
}
@media all and (max-width: 670px) {
  #nav ul#navList li a { font-size: 16px; }
}