@charset "UTF-8";
/* CSS Document */

/*---------small reset:---------*/
body, ul, ol, h1,h2,h3,h4,h5,h6, form,li,p {
	margin:0;
	padding:0;
}

img {
	border-style:none;
}
	
a {
	outline-style:none;
}

/*---------Hidden company name text---------*/
.hidden-logo {
	float:left;
}

h1{
font-size:18px;
font-weight:100;
color:#333;
margin-top: -300px;
}

/*---------page layout---------*/
/* All Pages */
html {
	text-align:center;
}

body {
	font:12px/165% Lucida Grande, Arial, Helvetica, verdana, sans-serif;
	color:#929292;
	line-height:24px;
	font-weight:normal;
	background-color:#000;
	text-align: left;
	vertical-align: top;	
	width: 100%;
	margin: auto;	
	min-width: 992px;
}

#main_box {
	width: 960px;
	margin: 0 auto;
}

.wrapper{
	width:960px;
	margin:0px auto;
	position:relative;
	/*position:fixed;*/
	text-align:left;
}

.header {
	height:110px;
}

.logo {
	position:relative;
	top:37px;
	left:-266px;
	width:288px;	
}

.navigation-area{
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:.3px;
	padding-left:480px;
	font-size: 16px;
	font-weight:normal;
}

.flipmenu_box {
    overflow: hidden;
    position: relative;
	display: inline-block;
    padding: 0px;
    margin: 0px;
	zoom:1; *display: inline;
}

.flipmenu_link,
.flipmenu_link_over,
.flipmenu_link_active {
    text-decoration: none;
    color: #7d7d7e;
    cursor: pointer;
    white-space: pre;
	position: absolute;
	padding-right:30px;
}

.flipmenu_link {
    top: 0px;
    left: 0px;
}

.flipmenu_link_over {
    color: #c7c7c7;
	top: 0px;
    left: 0px;
}

.flipmenu_link_active {
    color: #f5f7f7;
	top: 0px;
    left: 0px;
}

.footer {
	width:960px;
	background-image:url(../images/footer.jpg);
	background-repeat:no-repeat;
	background-position:top;
	padding-top:50px;
	clear:both;
	height:200px;
}

/* homepage */
#home{
	width: 100%;
	margin: auto;
	background: url(../images/BGhome.jpg) top center no-repeat;
	min-height: 841px;
	min-width: 992px;
}

.home-left-col {
	width: 580px;
	float:left;
	margin-left:70px;
	margin-top:40px;
}

.home-right-col {
	width:180px;
	float:right;
	margin-right:70px;
	margin-top:20px;
}

.poster-slider{
	width:960px;
	height:433px;
}

/*#intro {
    padding-bottom: 10px;
}*/
#slider-outer{
	/*border:solid #383838;
	border-width:1px 0 0 0;*/
	height:433px;
	padding:15px 0 0 0;
}
#slider {
    width: 960px;
    margin: 0 auto;
    position: relative;
}
.scroll {
	overflow: hidden;
	width: 960px;
    margin: 0 auto;
    position: relative;
}
.scrollContainer {
	position: relative;
}
.scrollContainer{
    /*padding: 10px;*/
    width: 210px;
	height: 433px;
}

.panel {
    /*padding: 10px;*/
    width: 210px;
	height: 433px;
}
.inside {
	/* padding: 10px 0;
	padding-top:43px;*/
}
.inside img {
	display: block;
	/*margin: 0 0 10px 0; */
	width: 216px;
}
/*.inside h2 {
	font-weight: normal;
	color: #111;
	font-size: 16px;
	margin: 0 0 8px 0;
}
.inside p {
	font-size: 11px;
	color: #ccc;
}*/
.scrollButtons {
	position: absolute;
	z-index:50;
	top: -15px;
	cursor: pointer;
}
.scrollButtons.left {
	left: 0px;
}
.scrollButtons.right {
	right: 0px;
}
.hide {
    display: none;
}


/* about */
#about{
	width: 100%;
	margin: auto;
	background: url(../images/BGabout.jpg) top center no-repeat;
	min-height: 841px;
	min-width: 960px;
}

.about-topleft-col {
	width:480px;
	float:left;
	padding-left:10px;
	padding-top:60px;
}

.about-topright-col {
	width:470px;
	height:321px;
	float:right;
	margin-top:10px;
	background-image:url(../images/about-main-photos/BGaboutPhotos.png);
	background-repeat:no-repeat;
}

.about-photos {
	width:398px;
	height:245px;
	overflow:hidden;
	margin-left:31px;
	margin-top:19px;
}

.blend img {
	opacity: 0;
	-moz-opacity: 0;
	-.php-opacity:0;
	filter: alpha(opacity=0);
}

.about-main-content {
	width:960px;
	float:left;
	/*clear:both;
	padding-top:20px;*/
}

.bio {
	width:940px;
	float:left;
	margin-left:10px;
}

.bio-image {
	float:left;
	width:240px;
	margin-top:5px;
}

.bio-text {
	float:left;
	padding-left:60px;
	width:640px;
}

/* productions*/ 

#productions {
	width: 100%;
	margin: auto;
	background: url(../images/BGproductions.jpg) top center no-repeat;
	min-height: 841px;
	min-width: 960px;
}

.production-top {
	width:960px;
	height:332px;
	float:left;
	margin-top:10px;
	background-image:url(../images/productions/top-images/BGtop-images.jpg);
	background-repeat:no-repeat;
}

.top-photo {
	width:906px;
	height:241px;
	overflow:hidden;
	float:left;
	margin-left:25px;
	margin-top:30px;
}

.blend1 img {
	opacity: 0;
	-moz-opacity: 0;
	-.php-opacity:0;
	filter: alpha(opacity=0);
}

.productions-main-content {
	width:960px;
	float:left;
}

.film-area{
	width:960px;
	float:left;
}
	
.film-pic {
	float:left;
	margin-left:70px;
	width:160px;
	height:229px;
}

.film-text {
	float:left;
	margin-left:20px;
	width:640px;
}

.b2top-area {
	float:left;
	width:70px;
}

.b2top-arrow {
	float:right;
}

.b2top-text {
	float:right;
	width:70px;
	text-align:right;
}

.film-links-area {
	float:left;
	width:640px;
	margin-top:20px;
}

/* tool tip */
.tTip {/*dvd-icon div*/
	/*width: 50px;
	position: absolute;*/
	cursor: pointer; color: #666;
	font-weight: bold;
} 

.tip {/*font*/
	font-size:15px;
	font-weight:normal;
	color: #c3c3c3;
} 
	
#dvd1{ /*Dead Man's Cards*/
	top: 221px;
	left: 225px;
}

.tip { /*bubble*/
	width: 253px;
	padding-top: 7px;
	overflow: hidden;
	display: none;
	position: absolute;
	z-index: 500;
	background: transparent url(../images/tipTop.png) no-repeat top;
}
	
.tipMid {background: transparent url(../images/tipMid.png) repeat-y; padding: 0 5px 10px 10px;}
.tipBtm {background: transparent url(../images/tipBtm.png) no-repeat bottom; height: 19px;}

.dvd-icon-link {
	float:right;
	margin-top:-40px;
}

/* contact */ 

#contact {
	width: 100%;
	margin: auto;
	background: url(../images/BGcontact.jpg) top center no-repeat;
	min-height: 841px;
	min-width: 960px;
}

.contact-content {
	width:960px;
	float:left;
	padding-top:70px;
	margin-bottom:50px;
}

.first-line {
	margin-left:70px;
	width:560px;
}

.contact-left-col {
	clear:both;
	float:left;
	margin-top:60px;
	margin-left:70px;
	width:320px
}

.contact-right-col {
	margin-top:60px;
	margin-right:70px;
	float:right;
	width:420px;
}
/*---------FORM bits---------*/
/* This class styles all the input fields in contact form */
.form-field {
	width: 418px;
	margin-right: 5px;
	margin-bottom: 10px;
	padding: 5px;
	background-color: #0f0e10;
	border: 1px solid #7c7d7d;
	font-size: 16px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	color:#c3c3c3;
}
/* This class handles the main input message box */
.message {
	width: 418px;
	background-color: #0f0e10;
	border: 1px solid #7c7d7d;
	padding: 5px;
	line-height: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	letter-spacing: 1px;
	color:#c3c3c3;
	margin-bottom: 20px
}

/* text, line and links */

h2 {
	font-size:18px;
	color:#c3c3c3;
	line-height:25px;
}

h3 {
	font-size:16px;
	font-weight:normal;
	color: #fff;
}

h4 {
	font-size:15px;
	font-weight:normal;
	color: #c3c3c3;
}

ul.text {
	color: #fff;
	padding-left:25px;
	font-size:16px;
}

li.text {
	line-height:18px;
	padding-top:8px;
	padding-bottom:8px;
}

ul.productions {
	padding-top:15px;
	/*padding-left:20px;*/
	font-size:13px;
}

li.productions {
	line-height:10px;
	padding-top:4px;
	padding-bottom:8px;
	list-style:none;
}

b {
	color:#c3c3c3;
}

p.form{
	color:#c3c3c3;
}

p.address {
	font-size:16px;
	font-weight:normal;
}
	
p.quote-name{
	font-size:10px;
	color:#3b3b3b;
	margin-left:3px;
	margin-top:-10px;
}

p.footer-text{
	font-size:10px;
	color:#3b3b3b;
	text-align:center;
	padding-top:80px;
}

blockquote.style3 {
	font-size:18px;
	line-height:21px;
	font-style:italic;
	font-weight:bold;
	color:#3b3b3b;
	padding-top: 21px;
	margin: 3px;
	background-image: url(../images/openquote.png);
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: 55px;
}
  
blockquote.style3 span {
	display: block;
	background-image: url(../images/closequote.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	padding-bottom:21px;
} 

.lvc-link:link {color: #3b3b3b; text-decoration: none; } 
.lvc-link:active {text-decoration: none; } 
.lvc-link:visited {color: #3b3b3b; text-decoration: none; } 
.lvc-link:hover {color: #c7c7c7; text-decoration: none; }

.email-link:link {color: #fff; text-decoration: none; } 
.email-link:active {text-decoration: none; } 
.email-link:visited {color: #fff; text-decoration: none; } 
.email-link:hover {color: #c7c7c7; text-decoration: none; }

.film-link:link {color: #c3c3c3; font-size:15px; font-weight:normal; text-decoration: none; } 
.film-link:active {font-size:15px; font-weight:normal; text-decoration: none; } 
.film-link:visited {color: #c3c3c3; font-size:15px; font-weight:normal; text-decoration: none; } 
.film-link:hover {color: #fff; font-size:15px; font-weight:normal; text-decoration: none; }

.b2top-link:link {color: #6f6f6f; font-size:10px; font-weight:normal; text-decoration: none; } 
.b2top-link:active {font-size:10px; font-weight:normal; text-decoration: none; } 
.b2top-link:visited {color: #6f6f6f; font-size:10px; font-weight:normal; text-decoration: none; } 
.b2top-link:hover {color: #c3c3c3; font-size:10px; font-weight:normal; text-decoration: none; }

.divide-line {
	height:1px;
	border-bottom: 1px solid #232323;
	clear:both;
	padding-top:40px;
	margin-bottom:40px;
	
}

.film-divide-line {
	height:1px;
	border-bottom: 1px solid #232323;
	clear:both;
	padding-top:30px;
	margin-bottom:30px;
	
}



