/* SCROLLER = SEE STYLES IN HEADER */

/* GALLERY PAGES (COMMERCIALS,FILMS,DIRECTORS,DESIGNERS) = SEE STYLES IN HEADER */



html,body {margin:0; background:#252525; font-family: helvetica, arial,sans-serif; color:#fff; font-size:13px; text-align:center;}

#container {margin:0 0; text-align:left; height:750px; width:1000px; /* background:#606060 url('../img/moose.jpg') no-repeat 333px 33px;*/}



img {border:0;}

h1,h2,h3,h4 {margin:0; padding:0; font-weight:normal;}

h1 {font-size:18px; color:#cf94ff; text-transform:uppercase;}

h2 {font-size:20px; color:#cf94ff;}

h3 {font-size:16px;}

h4 {font-size:11px; font-style:italic; color:#d4bffb;}

a {text-decoration:none;}

a:link,a:visited {color:#d4bffb;}

a:hover {color:#fff;}

a.reverse {color:#fff;}

a.reverse:hover {color:#d4bffb;}

p {margin:0 0 20px; padding:0; font-size:13px;}

ul {margin:0; padding:0;}

ul li {list-style:none;}


/* COMMON CLASSES */

.clear {clear:both;}

.bg_normal {background:url('../img/bg_normal.png') repeat !important; background:#262626;}

.bg_light {background:url('../img/bg_light.png') repeat !important; background:#3C3C3C;}

.bg_dark {background:url('../img/bg_dark.png') repeat !important; background:#111012;}

.hide {display:none;}

.white {color:#fff;}

.small {font-size:9px;}

.italic {font-style:italic;}

.purple {color:#cf94ff;}

.padding {padding:20px 15px;}

.topImage {float:left; width:400px; margin:0 0 5px;}



/* ___________________________

HEADER & NAV				*/



#header {height:150px; width:100%;}

	#header img {margin:25px 0 0 45px;}



div.nav {position: relative; float:left; width:190px; margin:10px 0 0 35px;}

	#nav li a {text-indent: -500em; z-index: 10; display: block; height: 30px; position: relative; overflow: hidden; background-position:16px 8px; background-repeat:no-repeat; outline:none;}

	#nav li.background {background: url('../img/nav/menu_bg-right.png') no-repeat top right !important; background: url('../img/nav/menu_bg-right.gif') no-repeat top right; z-index: 8; position: absolute; visibility: hidden;}

	#nav .background .left {background:url('../img/nav/menu_bg.png') no-repeat top left !important; background:url('../img/nav/menu_bg.gif') no-repeat top left; height:30px; margin-right: 26px;}



#menu_youtube {width:120px; background:url(../img/you_tube.gif) no-repeat 20px top;}

/* ___________________________

CONTENT						*/



#content {width:720px; position:relative; overflow:hidden;}



	/* HOME PAGE */

	#home {width:400px;}

		#home h1 {height:12px; font-size:11px; margin-bottom:10px; text-indent:-500em; background:url('../img/hdr_home.png') no-repeat !important; background:url('../img/hdr_home.gif') no-repeat;}

		#home h2 {text-indent:15px; margin-top:10px;}

		#home p {padding:0 15px;}

	

	/* ABOUT PAGE */

	.aboutImg {overflow:hidden; margin:0 0 20px;}

		.aboutImg img, .aboutImg p {float:left; margin:0 10px 0 0;}

		.aboutImg h4,.aboutImg p {font-size:11px;}

		.aboutImg h4 {margin-top:180px;}

		

		#tabby {min-height:700px; padding:15px;}

			#tabby h2 {clear:left;}

			#tabby p.first {margin-top:20px;}

			#tabby .tab-menu {margin: 0; padding: 0; list-style: none; overflow: auto;}

				#tabby .tab-menu li {margin: 0 0 10px; padding: 0; float: left;}

					#tabby .tab-menu li a {padding: 0 10px 0 0; color:#fff; font-size:16px;}

					#tabby .tab-menu li.tab-selected a {text-decoration: none; color: #d4bffb;}

				#tabby .tab-wrapper {margin: 0; clear: both;}

				#tabby .tab-container {overflow:hidden; margin-top:20px;}

				

				#subtabby {min-height:600px;}

					#subtabby h5 {float:left; font-size:11px; width:70px;}

						#subtabby .tab-menu li a {font-size:10px; text-transform: uppercase; text-decoration: underline;}

						#subtabby .tab-container p {padding-right:20px;}





	/* MOVIE PAGES (ie COMMERCIALS ETC.) */

	#movie {width:100%; margin-top:25px; position:relative;}

		

		#movie_hdr {position:absolute; top:0; left:0; z-index:8; width:600px;}

			#movie_hdr h1 {float:left; height:22px; line-height:22px; width:120px;}

			#movie_hdr #tslideContainer {float:right; color:#fff; background:url('../img/arrow_down.png') no-repeat 5px 1px; width:190px;}

				#tslide_toggle,#tslideContainer span {display:block; line-height:12px; text-indent:22px;}

				#tslide {clear:left; width:190px; margin:1px 0 0 0;}

					#tslide ul {padding:10px; color:#d4bffb; font-size:12px;}

					#tslide li {font-style:italic;}

					#tslide a {color:#fff; font-style:normal;}

					#tslide a:hover {color:#d4bffb;}

			

		.movieBox {float:left; width:400px; height:316px; margin:5px; overflow:hidden;}



		.movieInfo {clear:both; width:100%; min-height:350px; padding:10px 0 30px; overflow:hidden;}

			.mLeft {float:left; width:445px; padding:0;}

				.mLeft h3 {margin-bottom:18px;}

			.mRight {float:right; width:180px; padding:0 10px 0 0;}

				#v_toggle {display:block; background:url('../img/arrow_side.png') no-repeat 62px 3px;}

				#vertical_slide {font-size:10px; padding:10px 15px 0 0;}

				div.marginbottom {margin-bottom: 10px;}

				/* Since the Fx.Slide element resets margins, we set a margin on the above element */

				

		/* NEWS */

		ul.pages {	width:700px; float:left; margin:10px 0; padding:10px 0;

					border-bottom:1px dotted #666666; border-top:1px dotted #666666;}

		ul.pages li {color:#666666; float:right; padding-left:3px; font-weight:bold;}

		ul.pages li a {padding:0 2px 0 2px;}

		ul.pages li.left { float:left; font-weight:bold; padding-left:0;}

		

		#news {width:700px;}

			#news img {float:left;}

			#newsNav {float:right; width:220px;}

			#newsInfo {float:left; width:100%;}

				#newsText {padding:10px 10px 65px;}

					#newsTextBlock {margin:0; padding:0; width:520px; float:left;}

					#newsTextBlock p {margin:15px 0;}

					#newsPDF {float:right; width:110px; height:22px; margin:15px 0}

					#newsPDF a {color:#FFF; font-weight:bold;}
					
		.homeNews			{overflow: hidden; border-bottom: 1px dashed #666; margin: 10px 0 10px 10px; width: 700px; float: left;}
		.newsitem5			{background: none !important; margin: 10px 0 0 10px !important; border: 0 !important;}
		.homeNewsLeft		{float: left; width: 500px;}
		.homeNewsLeft p a	{font-size: 12px;}
		.homeNewsRight		{float: right; width: 150px; text-transform: uppercase; margin: 20px 0 0 0; font-size: 12px; text-align: right;}

					

			#showreel {z-index:2; width:190px; font-size:10px; text-align:left; margin-top:-50px; padding:10px;}



#footer {clear:both; padding-top:30px; width:780px; color:#2F2F2F; font-size:10px; text-align:right}

::selection {background: #CF94FF; color: #000;}
::-moz-selection {background: #CF94FF; color: #000;}

a {outline: none;}
a:active {position: relative; top: 1px;}