/* embed fonts */

@font-face {
 font-family: mainFont;
 src: url( /fonts/helvetica.eot );
}

@font-face {
 font-family: minionItal;
 src: url( /fonts/minionproi.eot );
}


/* FFx3.5/Safari/Op10 - Next */  
@font-face {
 font-family: mainFont;
 src: url( /fonts/helveticac.otf );
}

@font-face {
 font-family: minionItal;
 src: url( /fonts/MinionPro-It.otf );
}


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
	{ margin: 0;
	  padding: 0;
	  border: 0;
	  outline: 0;
	  font-size: 100%;
	  vertical-align: baseline;
	  background: transparent;
	} body { line-height: 1; background-color: #FFFFFF; font-family: mainFont, Arial, Verdana, sans-serif; font-size: 11px; color: #010000; }

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/**** Generic Styles  ****/
.float_left { float: left; }
.float_right { float: right; }

.error01 { font-size: 9px; color: #CC0000; }

a {	color: #00BFF3; outline: none; cursor: pointer; text-decoration: none; }
a:hover, a:focus, a:active { color: #00BFF3; text-decoration: none; }
a span { color: #00BFF3; text-decoration: underline; }



.minItalic
{
font-size: 18px;
font-family: minionItal;
font-weight:lighter;
}


/* 




/***** global stuff *****/
.wrapper { position: relative;  
		   margin: 0px 20px 0px 20px; 
		   padding: 0px 0px 0px 0px;
		   width: 950px;
		   margin-left: auto; 
		   margin-right: auto;
		   height: auto;
		   text-align: left;
	}
	
.hdr { width: 950px;
	   height: 193px;
	}
	
.logo { left: 20px;
        top: 30px;
		width: 373px;
		height: 74px;
		z-index: 1000;
		position: absolute;
	}
	
.tnav { left: 393px;
	    top: 97px;
	    width: 528px;
	    height: 50px;
	    position: absolute;
	}
	
.twitter { margin: 19px 0px 0px 6px; }
.facebook { margin: 18px 0px 0px 8px; }
	
.navigation { left: 0px;
			  top: 220px;
			  width: 879px;
			  height: auto;
			  position: absolute;
			  z-index: 100;
	}
	
/**** index page *****/
.featured { left: 258px;
			top: 204px;
			padding: 29px 0px 0px 0px;
			width: 617px;
			height: 319px;
			position: absolute;
			z-index: 1000;
			background-image: url(../images/featured.gif);
	   		background-repeat: no-repeat;
	}
	
.feature-table { margin: 0px 0px 0px 31px; }
	
.featuredImg { margin: 0px 7px 6px 0px; }
	
/**** Reel ****/
.reel_container { left: 280px;
				  top: 42px;
			      width: 694px;
			      height: auto;
			      position: absolute;
			      z-index: 1000;
	}
	
.close { height: 33px;
		 width: 694px;
		 text-align: right;
	}
	
.vidPlayer { float: right;
			 width: 640px;
			 height: auto;
			 text-align: right;
			 display: table;
	}
	
.scrub-area { float: right;
			  width: 660px;
			  height: 65px;
	}
	
.scrub-bar { float: left;
			 margin: 18px 0px 0px 16px;
			 width: 400px;
		     height: 15px;
	}
	
.credits { float: right;
		   margin: 11px 0px 0px 0px;
		   width: 180px;
		   height: 54px;
		   font-size: 16px;
		   font-weight: bold;
	}
	
	.credits span { font-size: 12px; font-style: italic; }
	
.spot_container { float: right;
				  width: 694px;
				  height: auto;
	}
	
.reel_play { float: left;
			 width: 143px;
			 height: 136px;
	}
	
.thumb { 	 margin: 0px 0px 4px 0px; }	


/*** HOVER CODE ***/
.pic {

	background-color: #FFFFFF;
	position: relative;
}

.pic a .large {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
}

.pic a img {
	border: 0;
}

.pic a.p1, .pic a.p1:visited {
	background: #FFFFFF;
	display: block;
	left: 0;
	text-decoration: none;
	top: 0;
}

.pic a.p1:hover {
	color: #000000;
	text-decoration: none;
}

.pic a.p1:hover .large {
	border: 1px solid #000000;
	display: block;
	padding: 10px;
	left: -11px;
	top: -11px;
	background: #FFFFFF;
	position: absolute;
	width: 107px; 
	height: 64px; 
	z-index: 100;
}

.motitleDiv {

	position: absolute;
	margin-top: -22px;
	margin-left: 40px;
	width: 177px;
	height: 52px;
	background-image: url(../images/mo_background.png);
	display: none;
	z-index: 200;
}

.motitleDiv div { 
		   margin: 5px 0px 0px 5px;
		   width: 177px;
		   height: 52px;
		   font-size: 16px;
		   font-weight: bold;
	}
	
	.motitleDiv div span { font-size: 12px; font-style: italic; }


/*** directors ***/
.director_container { left: 257px;
				  	  top: 221px;
			      	  width: 681px;
			      	  height: 337px;
			      	  position: absolute;
			      	  z-index: 1000;
	}
	
.director_container p { margin: 10px 0px 0px 0px; 
						padding: 0px 0px 0px 0px;
						font-size: 14px;
		  				font-weight: bold;
	}

.navbar-off { width: 230px;
		  height: 29px;
		  z-index: 100;
		  position: relative;
		  overflow: hidden;
	}

.navbar { width: 879px;
		  height: 29px;
		  z-index: 100;
		  position: relative;
	}

	
.dir_intro { float: left;
			 margin: 0px 0px 0px 185px;
			 width: 364px;
			 height: 325px;
			 text-align: left;
	}	
	
.dir_info_horz { margin: 0px 0px 0px 0px;
				width: 680px;
			    height: 337px;
			    background-color: #FFFFFF; 
	}
	
.dir_img_horz { float: left;
			    width: 386px;
			    height: 325px;
			    text-align: left;
			 /*   background-color: #FFFFFF; */
	}
	
.dir_bio_horz { float: left;
		        width: 294px;
		        height: auto;
	}
	
	
.dir_info_port { 
				float: left;
				margin: 0px 0px 0px 0px;
				width: 550px;
			    height: 337px;
			    /*
			    background-color: #FFFFFF;
			    z-index: -1;
			      border: solid 1px #FF0000;  
			   position: relative;   
			*/
	}
	
.dir_img_port { float: right;
			    margin: 0px 5px 0px 0px;
			    /*width: 225px;
			    height: 325px; */
			    text-align: left;
			   z-index: -1;
			  /*  background-color: #FFFFFF; */
	}
	
.dir_bio_port { float: left;
			    margin: 2px 0px 0px 0px;
			   /* width: 388px;
			    height: 325px; */
			    text-align: left;
			/*    background-color: #FFFFFF; */
	}

.transform  a:link { color: white; }

.transform a:hover {
-moz-transform: scale(1.15);
-webkit-transform: scale(1.15);
background-color: #003669;
}

/******** contact ***********/
.contact { left: 0px;
	   	   top: 193px;
	       width: 950px;
	       height: 120px;
	       position: absolute;
	}
	
.c-moo { float: left;
		 padding: 0px 0px 0px 0px;
		 width: 215px;
		 height: 120px;
		 text-align: right;
		 font-size: 17px;
		 line-height: 20px;
	}

.c-contacts { float: left;
		      width: 698px;
		      height: 120px;
		      font-size: 17px;
	}
	
.contactRow { height: 20px; }

	.contactRow a { color: #7f7f7f; }

.c-div { float: left;
		 margin: 0px 27px 0px 0px;
		 width: 10px;
		 height: 120px;	
	}
	
.rep { left: 158px;
	   top: 331px;
	   width: 528px;
	   height: 50px;
	   position: absolute;
	}
	
.rep_info { left: 253px;
			top: 313px;
			width: 634px;
			height: 386px;
			position: absolute;
	}
	
.rep_whois { float: left;
			 margin: 54px 0px 0px 0px;
			 width: 313px;
			 height: 332px;
	}
	
	.rep_whois p { margin: 0px 0px 40px 0px; font-size: 15px; font-weight: bold; }
	.rep_whois p a { color: #7f7f7f; }


.bio { left: 253px;
	   top: 401px;
	   width: 606px;
	   height: 260px;
	   position: absolute;
	}

.bioImg { float: left;
		  width: 216px;
		  height: 260px;
	}

.bioCopy { float: left;
		   padding: 5px 0px 0px 0px;
		   width: 390px;
		   height: 255px;
		   font-size: 17px;
	}



/***** 11 Reasons *******/
.brackets { left: 107px;
	   	    top: 188px;
	        padding: 25px 0px 0px 64px;
	        width: 733px;
			height: 432px;
			background-image: url(../images/brackets.gif);
            background-repeat: no-repeat;
            position: absolute;
	}
	
.brackets p { margin: 0px 0px 22px 0px;
			  padding: 0px 0px 0px 0px;
			  width: 664px;
			  color: #000000;
			  font-size: 16px;
	}

/**** about ******/

.reasons { left: 742px;
	   	   top: 568px;
	       width: 136px;
		   height: 62px;
           position: absolute;
	}

.about { left: 78px;
	   	 top: 224px;
	     padding: 40px 40px 0px 40px;
	     width: 758px;
		 height: 283px;
		 background-color: #000000;
         position: absolute;
	}
	
	.about p { margin: 0px 0px 22px 0px;
			   padding: 0px 0px 0px 0px;
			   color: #FFFFFF;
			   font-family: mainFont;
			   font-size: 16px; 
			   line-height: 20px;
			   
		}
		
	.about p span { font-size: 22px; font-weight: bold;}