/* layout */
img{behavior: url('../js/png.htc');}
html, body{ margin:0; padding:0; background-color:#000; color:#a1a1a4; }
body{ font: 11px/16px 'Bitstream Vera Sans', Helvetica, Arial, sans-serif; text-align:center; }
body.features{ background:url("/images/bg-page554.gif") repeat-y top center; }
body.commercials{ background:url("/images/bg-page504.gif") repeat-y top center; }
#logopager{ width:100%; float:left; clear:both; background-color:#000; position:relative; height:80px; }
	#logopager img#logo{ display:block; position:absolute; top:32px; left:14px;  }
	#logopager ul.pager{ position:absolute; top:18px; right:0; margin:0; padding:0; list-style:none; }
	#logopager ul.pager li{ float:left; margin:0 3px 0 0; padding:0; }
	#logopager ul.pager li.page, #logopager ul.pager li.red{ font-size:42px; line-height:42px; text-align:center; }
	#logopager ul.pager li.page span{ color:#000 !important; }
	#logopager ul.pager li.arrow.aLeft{ margin:14px 10px 0px 0px;}
	#logopager ul.pager li.arrow.aRight{ margin:14px 10px 0px 7px;}
	#logopager ul.pager li.arrow a, #logopager ul.pager li.arrow a:link, #logopager ul.pager li.arrow a:visited{ display:block; width:10px; height:21px; }
	#logopager ul.pager li.arrow.aLeft a{ background:url("/images/arrow-gray-left.gif") no-repeat top left; }
	#logopager ul.pager li.arrow.aRight a{ background:url("/images/arrow-gray-right.gif") no-repeat top left; }
	#logopager ul.pager li.arrow a:hover, #logopager ul.pager li.arrow a:active{ background-position:bottom left !important; }
	#logopager ul.pager li.of{ padding-top:16px; color:#717073; font-weight:bold; width:20px; text-align:center;}
#icons-big{ width:100%; float:left; clear:both; background-color:#000; text-align:center; }
	#icons-big table{ width:95%; margin:20px auto; }
	#icons-big table td span{ color:#eb2227; font-weight:bold; text-align:center; display:block; visibility:hidden; }
	#icons-big table td a{ width:92px; height:80px; display:block; margin:0 auto; }
	#icons-big table td a:hover, #icons-big table td a.select{ background-position: bottom left !important; }
	#icons-big table td a#dd{ background:url("/images/icons/dd.gif") no-repeat; }
	#icons-big table td a#featurefilm{ background:url("/images/icons/features.gif") no-repeat; }
	#icons-big table td a#characters{ background:url("/images/icons/characters.gif") no-repeat; }
	#icons-big table td a#vehicles{ background:url("/images/icons/vehicles.gif") no-repeat; }
	#icons-big table td a#environments{ background:url("/images/icons/environments.gif") no-repeat; }
	#icons-big table td a#natural{ background:url("/images/icons/natural.gif") no-repeat; }
	#icons-big table td a#mat{ background:url("/images/icons/matt.gif") no-repeat; }
	#icons-big table td a#liquid{ background:url("/images/icons/liquid.gif") no-repeat; }
	#icons-big table td a#human{ background:url("/images/icons/humans.gif") no-repeat; }
	#icons-big table td a#composition{ background:url("/images/icons/composing.gif") no-repeat; }

#reelpopup #page-container { background-color:#000; } 	
#page-container{ width:100%; float:left; clear:both; background-color:#1b1f1e; padding:12px 0 25px 0; }
	#content{ width:1010px; margin:0 auto; text-align:left !important; }
	#reelcontent{ width:1150px; margin:0 auto; }
		#left-side{ width:480px; float:left; }
		#right-side{ width:520px; float:right; }
		.full{ width:100%; float:left; clear:both; }
		
/* pop-up specific */
div#w530{ width:554px; text-align:left; margin:0 auto; }
div#w480{ width:505px; text-align:left; margin:0 auto; }

div.commercialwidth #content{ width:480px; border-left:12px solid #1b1f1e; border-right:12px solid #1b1f1e; }

body#popup #content, div.popup #content{ width:530px; border-left:12px solid #1b1f1e; border-right:12px solid #1b1f1e; }
body#popup #logopager img#logo{ left:2px; }
body#popup #logopager ul.pager{ right:2px; }

body#popuplarge #page-container{ color:#000; }
body#popuplarge #content{ width:80%; }
body#popuplarge #content p{ color:#a1a1a4; }

#popupshrink #page-container{ background-color:#000; }
#popupshrink #content{ width:356px; }

body#popupsmaller #page-container{ background-color:#000; }
body#popupsmaller #content{ width:70%; }
body#popupsmaller #content ul.numbered{ width:100%; }

body#presentation #page-container{ background-color:#000; }
body#presentation #content{ width:480px; }
body#presentation #content p{ color:#ccc; }

body#normal #page-container, div.normal{ background-color:#000 !important; }
body#normal #content, div.normal #content{ width:870px; margin:0 auto; }
#nLSide{ width:270px; float:left; }
#nRSide{ width:580px; float:right; }

/* site wide elements */
.inside{ padding:12px; }

h1.sifrWhite{ margin:8px 0 0 0; }
h1.sifrWhite_blackBG{margin:8px 0 0 0; }
h1.sifrGrey{ margin:3px 0 4px 0; }
h2.sifrGrey{ margin:0; }
h2.sifrRed { margin: 0 0 0 0;}
h2.subheading,h2.subheadline{ font-size:14px; margin:0; margin-top:16px;}
h2.sifrWhite{ margin:8px 0 0 0;}
.sIFR-hasFlash h3.sifrWhite{ visibility:visible; font-size:18px; margin:12px 0 30px 0; line-height:18px; font-weight: normal; color:#fff;}
h3.sifrWhite span{ color:#eb2227; }
h3.visible{margin-top:16px; }
h3.visible span{ margin: 16px 0 16px 0;}
h3.visible strong{ margin: 16px 0 16px -10px;}

#right-side p, .full p{ font-size:11px; margin: 0 0 8px 0; line-height:15px; color:#fff; }

ul#directions{ margin:8px 0; padding:0; list-style:none; line-height:13px; }
ul#directions li{ margin: 0 0 2px 0; padding:0; }
ul#directions li a, ul#directions li a:link, ul#directions li a:visited{ display:block; color:#a1a1a4; text-decoration:none; text-transform:uppercase; font-weight:bold; padding:1px 2px; }
ul#directions li a.on{ background-color:#eb2227; color:#fff; }
ul#directions li a:hover, ul#directions li a:active{ background-color:#a1a1a4; color:#fff; }

ul.frames{ margin:8px 0 0 0; padding:0; list-style:none; white-space:nowrap; }
ul.frames li{ margin:0 12px 0 0; padding:0; display:inline; white-space:nowrap; }
ul.frames li.last{ margin-right:0; }

table.frames{ margin:0 auto; text-align:center; }
table.frames tr td{ padding:12px 6px; }

dl.awards{ margin:0 0 8px 0; padding:0; }
dl.awards dt{ margin:8px 0 0 0; padding:0; color:#fff; }
dl.awards dd{ margin:0; padding:0; color:#a1a1a4; }

dl.press{ margin:0 0 8px 0; padding:0; }
dl.press dt{ margin:16px 0 0 0; padding:0; color:#a1a1a4; }
dl.press dd{ margin:0; padding:0; color:#fff; }
dl.press dd a{ color:#fff; text-decoration:none; }

dl.scenes{ margin:0 8px 0 0; padding:0; width:131px; float:left;}
dl.scenes.middle{ margin:0 45px; padding:0; }
dl.scenes dt{ margin:0 0 6px 0; padding:0;}
dl.scenes dt img{ display:block;}
dl.scenes dd{ margin:0; padding:0; }
dl.scenes dd.title{ color:#fff; font-weight:bold; }
dl.scenes dd.part{ margin:0; padding:0; }

ul#services{ margin:0; padding:0; list-style:none; }
ul#services li{ margin:0; padding:0; float:left; margin-right:26px; }
ul#services li.last{ margin-right:0; }
ul#services li a{ text-decoration:none; display:block; }
ul#services li a:hover, ul#services li a.upper{ background-position: bottom left  !important; }
ul#services li a#services2      { background:url("/images/icons-small/characters.gif") no-repeat; height:38px; width:38px; }
ul#services li a#services3      { background:url("/images/icons-small/vehicles.gif") no-repeat; height:41px; width:41px; }
ul#services li a#services4      { background:url("/images/icons-small/environments.gif") no-repeat; height:34px; width:50px; }
ul#services li a#services5      { background:url("/images/icons-small/natural.gif") no-repeat; height:32px; width:32px; }
ul#services li a#services6      { background:url("/images/icons-small/mat.gif") no-repeat; height:31px; width:34px; }
ul#services li a#services7     { background:url("/images/icons-small/liquid.gif") no-repeat; height:38px; width:28px; }
ul#services li a#services8        { background:url("/images/icons-small/humans.gif") no-repeat; height:31px; width:35px; }
ul#services li a#services9        { background:url("/images/icons-small/composition.gif") no-repeat; height:31px; width:62px; }

p.note{ color:#a1a1a4; padding-top:18px; }
p.note span{ color:#fff; font-weight:bold; }

a.pdf{ background:url("/images/pictogrames/document.gif") no-repeat left center; color:#fff; text-decoration:none; padding:4px 0 4px 20px; }
a.pdf:hover{ color:#eb2227; }

ul.numbered{ margin:0 0 0 18px; padding:0; list-style:decimal; width:70%; }
ul.numbered li{ margin:0 0 16px 0; padding:0; color:#fff; font-size:11px; }
ul.numbered li span{ color:#a1a1a4; }

em.required{float:right;font-style:normal;color:#fff; margin:0 0 4px 0;}
em.required span{color:#eb2227;}

p.message{ color:#eb2227; font-size: 16px;}

form#request{}
form#request label{ display:block;float:left; margin-bottom:4px; font-size:11px; }
form#request label.w1{ width:74px; }
form#request label.w1 + input{ width:280px; }
form#request label.w2{ width:50px; }
form#request label.w2 + input{ width:304px; }
form#request label.w3{ width:40px; }
form#request label.w3 + input{ width:314px; }
form#request label.w4{ width:110px; }
form#request label.w4 + input{ width:244px; }
form#request label span{ color:#eb2227; }
form#request input{ border:none; margin-bottom:7px; font-size:11px; float:left; }
form#request select{ margin-bottom:7px; border:none; width:280px; font-size:11px; float:left; }
form#request textarea{ margin-bottom:7px; border:none; width:280px; height:100px; font: 11px Helvetica, Arial, sans-serif; float:left; }
form#request a.action, form#request a.action:link, form#request a.action:visited{ background: url("/images/arrow-red-left.gif") no-repeat left center; padding-left:12px; color:#fff; font-weight:bold; text-decoration:none; margin-left:10px; }
form#request a.action:hover, form#request a.action:active{ color:#eb2227; }
form#request br{ clear:both; }

ul.columns{ margin:0; padding:0; list-style:none; }
ul.columns li{ margin:0; padding:0; float:left; }
ul.columns li.w30{ width:30%; }
ul.columns li.w40{ width:40%; }
ul.columns li.w50{ width:50%; }
ul.columns li address{ color:#717073; font-style:normal; }
ul.columns li a.arrow, ul.columns li a.arrow:link, ul.columns li a.arrow:visited{ color:#fff; background: url("/images/arrow-red-left.gif") no-repeat left center; padding-left:12px; text-decoration:none; }
ul.columns li a.arrow:hover, ul.columns li a.arrow:active{ color:#eb2227; }

a.arrow, a.arrow:link, a.arrow:visited{ background:url("/images/arrow-red-right.gif") no-repeat left center; padding-left:12px; display:block; text-decoration:none; }
a.arrow:link, a.arrow:visited{ color:#eb2227; }
a.arrow-left, a.arrow-left:link, a.arrow-left:visited{ background:url("/images/arrow-red-left.gif") no-repeat left center; padding-left:12px; display:block; text-decoration:none; font-weight: bold; color: #FFF;}
a.arrow-left:hover{ color:#eb2227; }
a.list{ margin-top:16px; }

dl.credits{ margin:0; padding:0; }
dl.credits dt{ margin:16px 0 0; padding:0; color:#fff; font-weight:bold; }
dl.credits dd{ margin:0; padding:0; }
dl.credits dd.title{ font-size:13px; }

dl.rare{ margin-top:16px; }
dl.rare dd{ margin-bottom:6px; color:#fff; font-weight:bold; }
dl.rare dd span{ color:#EB2227; }

div#mediatime{ margin-bottom:25px; }

ul.sList{ margin:8px 0; padding:0; list-style:none;  }
ul.sList li{ margin:0 0 6px 0; padding:0; }
.serviceTitle{ color:#eb2227; font-size:11px; margin:0; font-weight:bold; }
p.serviceDescription{ margin:0; padding:0; color:#fff; }

/*div#scrollme{ height:120px; width:100%; overflow:auto; visibility: }*/

a.nodeco{ text-decoration:none; }

/* clearing floats */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* others */
.reelnm{ display: inline !important; float: none !important; }
.hide{ display: none; }
.show{ display: block; }
.show_{ display: inline; }
.underline{ text-decoration: underline; }
.i{ font-style: italic; }
.r{ text-align: right; }
.l{ text-align: left; }
.c{ text-align: center; }
.b{ font-weight: bold; }
.s{ text-decoration: line-through; }
.u{ text-decoration: underline; }
.b{ font-weight: bolder; }
.i{ font-style:italic; }
img,form{ border: 0; margin: 0; padding: 0; }
.fr{ float: right !important; }
.fl{ float: left !important; }
.rfr{ position:relative; float: right !important; }
.rfl{ position:relative; float: left !important; }
br.clear{ clear: both; }
hr{ width:100%; height:2px; }
td{ vertical-align:top; }

.frImg{ float:right; margin: 0 0 8px 8px; clear: right; }
.flImg{ float:left; margin: 0 8px 8px 0; clear: left; }

.white{ color:#fff !important; }
.red{ color:#EB2227 !important; }
.gray{ color:#a1a1a4 !important; clear: left;}

.mt12{ margin-top:12px; }

a{ outline:none; }

/*************************************************/

#b_general,
#b_credits,
#b_services,
#b_scenes,
#b_bts,
#b_commercials,
#b_awards,
#b_press{
	width:100%;
	/*height:100%;*/
	position:relative;
	display:none;
}

#b_general
{
	color:#fff;
}