body {behavior: url("csshover3.htc");}
* { margin:0; padding:0; border:0;}
a img, li a, a, a:visited, a:focus {border:0px; border:none; outline:none;}
@font-face {font-family: 'SpinCycle';
src: url('../fonts/spincycle_ot-webfont.eot');
src: local('☺'), url('../fonts/spincycle_ot-webfont.woff') format('woff'), url('../fonts/spincycle_ot-webfont.ttf') format('truetype'), url('../fonts/spincycle_ot-webfont.svg#webfontOZsMos5u') format('svg');
font-weight: normal;font-style:normal;}
body{font-family: Helvetica, Arial,sans-serif; font-size:12px;line-height:1.6em; background: url(../images/black.png) repeat-x; padding-top:10px;}
#loading-image {background-color: #fff;position: fixed;position:absolute\9;width:100%; height:100%;z-index:2002;font-size:14px; color:#666;}
#loading-image p {margin:20px;}
#loading-image img {position:fixed;position:absolute\9;top:30%;top:15%\9; left:50%; background:transparent;margin:auto;}
#bottom_frame{margin: 0 auto; width:753px;padding-top:20px;float:none;}
#bottom_frame{padding: 0 0 5px 0;}
#top_frame {background:#fff;}
#container{width:753px;height:550px;margin:0 auto;padding: 0;display:block;overflow:hidden;}
h1 {font-size:24px;line-height:56px;}
#header{float:none; margin:auto; width: 753px;height:60px;z-index:99; display:block;}
#header h1.title{float:left;font-family:Helvetica, Arial, sans-serif;text-indent:10px;font-size:20px; color:#666;}
html.gecko #header h1 { margin-top:-1px;}
#header h1 span{text-decoration:none;font-family:'SpinCycle';font-size:22px; Helvetica,Arial,sans-serif;color:#E40D82;}
h2{font-size:18px; color:#767471;}
a{color:#E40D82; text-decoration:none; font-weight:bold;}
#nav{clear: both;height: 20px;float: right;margin:0px 10px 0 0;z-index:99;}
#nav li{list-style-type: none;display: block;height: 20px;float:left;padding: 11px 0px 0px 20px;}
#nav li a{color: #767471;height: 20px;display: block;float: left;text-decoration: none;font-size: 12px;font-weight: normal;text-transform: lowercase;height: 100%;line-height: 20px;}
#nav li a:hover {color:#E40D82;}
div#pages{float:left;width:753px; height:800px; overflow:hidden;} 
#page {float:left;width:12000px; height:800px;} 
div.page {position:relative;float:left;  width:752px; height:800px;background:#fff; }
.mainnav{position:relative; float:left;display:inline;}
.bottom{background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.9);}
.top{width:120px; height:400px; display:inline; margin-left:10px;margin-top:60px;text-indent:10px;}
.bottom{float:left; clear: both;width:753px; height: 25px;	display:block; -webkit-border-radius:0 0 3px 3px; padding-left:20px;
-moz-border-radius:0 0 3px 3px;-khtml-border-radius:0 0 3px 3px;}
.mainnav li{list-style-type: none;display: block;height: 25px;padding: 0px 1px 0px 0px;color: #eee;line-height: 25px;} 
.bottom li {float:left; margin-right:40px; color:#eee;}
.top li {border-bottom:1px dotted #666; width:100px;}
.mainnav li a,#about a{text-decoration: none;text-transform: lowercase;}
.top li a {	display:inline;margin: 0 19px 0 0px;height: 100%;font-size: 12px; font-weight:normal;	color: #666;line-height: 25px;}	
.bottom li a{font-size:10px; color:#eee;}
.bottom li a:hover{color:#E40D82;}
#about a:hover, #mainnav li a:hover, .mainnav li.activeSlide a{color:#C4226E;color:#0F95BB;color:#E40D82;}
.frame {position:relative; display:block;float:left; 
height:400px;overflow:hidden;width:800px; margin:0px 0 0px 0px; background-color:#fff;}
.frame2 {position:relative; display:block;float:left; 
height:400px;overflow:hidden;width:800px; margin:0px 0 0px 0px; background:#E40D82}
.frame2 li {list-style:none;}
#frameone{width:752px;background:  url(../images/poster_mother_1024.jpg);background-repeat: no-repeat;background-size: contain;}
#frametwo{width:752px;background:  url(../images/poster_selvedge_1024.jpg);background-repeat: no-repeat;background-size: contain;}
#framethree{width:752px;background:  url(../images/poster_dolls-cant-cry_1024.jpg);background-repeat: no-repeat;background-size: contain;}
#framefour{width:752px;background:  url(../images/poster_humans_1024.jpg);background-repeat: no-repeat;background-size: contain;}
#framefive{background:  url(../images/poster_LDOS_1024.jpg); background-repeat: no-repeat;background-size: contain;}
#framesix{background:  url(../images/Brothers-poster-website_v01.jpg); background-repeat: no-repeat;background-size: contain;}
#frameseven{background:  url(../images/poster_chasing_stella_1024.jpg); background-repeat: no-repeat;background-size: contain;}
#frameeight{background:  url(../images/Ivor-poster_v1.jpg); background-repeat: no-repeat;background-size: contain;}
#framenine{background:  url(../images/Ripples_poster_yellow-V2_v01.jpg); background-repeat: no-repeat;background-size: contain;}
#captions,.caption {float:none;display:block; 
height: 160px;padding:0px;color:#666;overflow:hidden;width: 753px; }
#captions {background: rgb(234, 234,234);}
.caption {padding:20px;padding-left:20px;}
.caption p {}.caption h3{color:white;} .caption a{font-weight:600; text-decoration:none;}
#controls {position:absolute; top:320px; left:20px; width:86px; height:20px;  padding:5px; display:none;z-index:999; color:white; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.5);}

html.ie #controls{background:transparent;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#99000050",endColorstr="#99000050");zoom: 1;}
#prev,#pause,#play,#next {position:relative; float:left;width:22px; height:20px;display:block;  z-index:999; color:red; margin:0px;background:url(../images/control.png); background-repeat:no-repeat;} 
#prev{width:20px;background-position: -2px -20px;}
#prev:hover {background-position: -2px 0px;}
#next{background-position: -63px -20px;}
#next:hover{background-position:-63px 0px;}
#play{background-position: -23px -20px;}
#play:hover{background-position: -23px 0px;}
#pause{background-position: -43px -20px;}
#pause:hover {background-position: -43px 0px;}
img.alignright {float:right; padding:3px 0px -1px 3px}
img.alignleft {float:left; margin:0 1em 1em 0em;}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.content{clear: both;font-size: 12px;color: #767676;}
.content .col{float: left;border-bottom:0px;padding: 0px;margin: 0px 20px 0px 0;font-family:Arial, sans-serif;color:#333;}
.content .col h2 {font: bolder 14px  Helvetica, Arial,Lucida Sans,sans-serif;line-height:1.6em;color:#666;letter-spacing:-1px;}
.content .col h3 {font: bolder 12px  Helvetica, Arial,Lucida Sans,sans-serif;line-height:1.6em;color:#333;letter-spacing:-1px;}
h3 {color:#333;}
.content .col h2 span, h2.filmtitle{border-bottom:1px dotted #666; display: block;width:100%; line-height:25px; margin-bottom:5px;}
.page  h1{display:block;float:left;width:820px;height:60px;text-indent:0px;line-height:50px;color:#666;}
html.gecko .page  h1{}
.bigframe {float:left; position:relative; width:820px; height:460px; display:block;}
.bigframe2 {float:left; position:relative; width:820px; height:480px; display:block;}
.bigframe2 p,.bigframe2 h2 {color:#333}
#dolls {background: url(../images/bathclap.jpg) no-repeat center -130px}
#dollsprod {background: url(../images/bathroom3.jpg) no-repeat left top}
#silence {background:  url(../images/ancientmagic.jpg) no-repeat 120px top;}
#runner {background: url(../images/thornydevil.jpg) no-repeat 120px top;}
#colors {background: url(../images/colors3.jpg) no-repeat 120px top;}

.m600 {margin-left:600px;}
.white {color:white;}
.trailer { width:400px; height:225px; display:block;overflow:hidden;}
.margin {float:left;margin-left:120px; font-size:10px;}
.boxone {position:absolute; top:300px; left:120px; width:512px; height:160px; display:block;}
.awards {position:absolute; top:0px; right:0px; width:160px; height:430px; display:block; background: url(../images/laurels160.jpg) repeat-y center top;}
.awards p {padding:10px 15px; text-align:center; font-size:11px; line-height:12px}
.colors {height:220px;}
.details {position:absolute; top:0px; right:0px; width:160px; height:360px; display:block; }
.nostyle li {list-style:none;}


.content .col p{font-size:11px;line-height:1.6em;margin-bottom:1.6em;padding:0;}
.content .col p.indent{text-indent:10px;font-size:11px;line-height:1.6em;margin:0px;padding:0;}
.content .col p.intro{font-size:12px;line-height:1.6em;margin:0 0px 0 0px;padding:0;}
.content .col a.readmore{font-weight: bold;color: #000;text-decoration: none;text-transform:uppercase;}
.content .col a.readmore img{border:none; outline:none; margin-bottom:-5px;}
.content .col a.readmore{font-weight:bold;color:#E40D82;}
.content .col.left{margin-left: 0px;width: 400px;}
.content .col.middle{margin-right: 10px;width: 340px; background:#eee;}
.content .col.right {margin-right:0px;float: right;width: 160px;}
.content .col.middlenarrow{margin-top:10px;width: 160px;}
.content .col.rightwide {margin-right:0px;float: right;width: 400px;}
.content .col.full{margin: 0px;width: 820px;}
.content .col.fullspace{margin-top: 10px;width: 820px;}
html.ie .narrow{width:150px; }
.clear {clear:both;}
span.shorts {width:400px; height:145px; display:block;float:right; padding:0; margin:0;}
img.alignright {float:right; margin:0 0 1em 1em}
img .alignleft {float:left; margin:-10px 1em 1em 0em;}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
#gallery li img {width:640px;}
.kwicks li p{margin-left:20px; width:500px; height:20px; display:block;color:#666;}
.kwicks{list-style: none;position: relative;margin: 0;padding: 0;}
.kwicks li{display: block;overflow: hidden;padding: 0;cursor: pointer;float: left;width: 70px;height: 550px;margin-right:5px;background:white;}
.kwicks li.active{margin-top:5px;}
#dollcredits {list-style:none; margin-top:290px;}
.right {float:left; padding:10px 20px 0px 0px; font-size:10px;}

#footer{clear:both;height: 35px;margin: 10px auto;padding-bottom:0px; font-size: 10px; float:none; }
#footer a{color:#eee;}
#footer a:hover{color:#E40D82;}
#footerContainer{font-family:Arial, sans-serif;margin:20px auto;width:960px;font-size:12px;color:#888;padding-top: 10px;float:left;}
#footerContainer a{color: #333;text-decoration: none;}
#footerContainer a:hover{text-decoration: underline;}
.rightfoot,.leftfoot{width:460px; margin:0 10px 0 10px; text-align:center; border-top:2px dotted  #ddd;}
.rightfoot{float:right;} .leftfoot{float:left;}