@charset "UTF-8";
:focus {outline-style:none;
box-shadow:none;
border-color:transparent;} 

/*////loading////*/
#spinner{
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background: url(../images/fieldloading.svg) 50% 25% no-repeat #333;
}
/*////body n stuff////*/
html{ 
display:table;
margin-left:auto;
margin-right:auto;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: -moz-none;
-o-user-select: none;
user-select: none;
}
/*////body
@media all and (min-height: 980px) {
html{ margin-top:1%;
-moz-transform: scale(1.2, 1.2);
zoom: 1.2;
zoom: 120%; 
}
} 
//*/	
body {
display:table-cell;
vertical-align:middle;
background-color: #FFF;
text-align: center; 
width:100%;
height:100%;
margin:0 auto;
padding:0;
}
body a{text-decoration:none;}
#wrap {
position: relative;
width: 1025px;
height: 768px;
margin-left:auto;
margin-right:auto;
margin-top:auto;
margin-bottom:auto;
text-align: center;
display:block;
overflow:hidden;
}

#outer {
position: relative;
text-align: center; 
width: 1025px;
height: 768px;
margin-left:auto;
margin-right:auto;
margin-top:auto;
margin-bottom:auto;
-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-ms-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left;
display:block;
overflow:hidden; 
}
#inner {
position: relative;
margin-left:auto;
margin-right:auto;
width:1022px;
height: 766px;
display:block;
overflow:hidden;
}	

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


@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}





/* common */


/*///section end///*/

/*////cycle nav////*/
#cycledisplay{
width: 582px;
height: 542px;
position:absolute;
top: 50px;
left:0px;
right:0px;
margin:auto;
}

.cyclehover { 
display: none;
}
#toc1:hover {
cursor:pointer;
}
#toc1:hover #c1top {
fill:#3399FF;
}
#toc1:hover .cyclehover{
display : block;
}
#toc1:active #c1top {
fill:#36C;	
}
/* */
#toc2:hover {
cursor:pointer;
}
#toc2:hover #c2top {
fill:#00FFFF;
}
#toc2:hover .cyclehover{
display : block;
}
#toc2:active #c2top {
fill:#99CCCC;	
}
/* */
#toc3:hover {
cursor:pointer;
}
#toc3:hover #c3top {
fill:#33CC66;
}
#toc3:hover .cyclehover{
display : block;
}
#toc3:active #c3top {
fill:#009966;	
}
/* */
#toc4:hover {
cursor:pointer;
}
#toc4:hover #c4top {
fill:#6699CC;
}
#toc4:hover .cyclehover{
display : block;
}
#toc4:active #c4top {
fill:#336699;	
}
/* */
#toc5:hover {
cursor:pointer;
}
#toc5:hover #c5top {
fill:#666766;
}
#toc5:hover .cyclehover{
display : block;
}
#toc5:active #c5top {
fill:#333;	
}

/*///section end///*/

/* cremasterlanding pages */
.landing1 {
background-image:url(../c1/c1landing.jpg);
background-repeat:no-repeat;
background-size: cover;
animation: fadein 5s;
-moz-animation: fadein 5s; /* Firefox */
-webkit-animation: fadein 5s; /* Safari and Chrome */
-o-animation: fadein 5s; /* Opera */
}
.landing1b {
background-image:url(../c1/c1landing.jpg);
background-repeat:no-repeat;
}
.landing2 {
background-image:url(../c2/c2landing.jpg);
background-repeat:no-repeat;
animation: fadein 5s;
-moz-animation: fadein 5s; /* Firefox */
-webkit-animation: fadein 5s; /* Safari and Chrome */
-o-animation: fadein 5s; /* Opera */
}
.landing2b {
background-image:url(../c2/c2landing.jpg);
background-repeat:no-repeat;
}
.landing3 {
background-image:url(../c3/c3landing.jpg);
background-repeat:no-repeat;
animation: fadein 5s;
-moz-animation: fadein 5s; /* Firefox */
-webkit-animation: fadein 5s; /* Safari and Chrome */
-o-animation: fadein 5s; /* Opera */
}
.landing3b {
background-image:url(../c3/c3landing.jpg);
background-repeat:no-repeat;
}
.landing4 {
background-image:url(../c4/c4landing.jpg);
background-repeat:no-repeat;
animation: fadein 5s;
-moz-animation: fadein 5s; /* Firefox */
-webkit-animation: fadein 5s; /* Safari and Chrome */
-o-animation: fadein 5s; /* Opera */
}
.landing4b {
background-image:url(../c4/c4landing.jpg);
background-repeat:no-repeat;
}
.landing5 {
background-image:url(../c5/c5landing.jpg);
background-repeat:no-repeat;
animation: fadein 5s;
-moz-animation: fadein 5s; /* Firefox */
-webkit-animation: fadein 5s; /* Safari and Chrome */
-o-animation: fadein 5s; /* Opera */
}
.landing5b {
background-image:url(../c5/c5landing.jpg);
background-repeat:no-repeat;
}
/*///section end///*/

/*////main nav////*/

#homenav{
display:none;
height:766px;
width:250px;
z-index:10; right:0;
float:right; position:absolute; 
}
#homenav2{
height:766px;
width:250px;
z-index:10; right:0;
float:right; position:absolute;
}
#homenav3{
height:766px;
width:200px;
z-index:10; right:0;
display:block;float:right;
}
#homenavinner{
width:215px;
height:420px;
margin-top:145px;	
}
#homenavinner2{
width:215px;
height:420px;
margin-top:145px;
}
#homenavinner3{
width:150px; display:block;float:left;
height:420px; position:relative;z-index:22;
margin-top:145px;margin-left:-50px;
}
.c1bg{position:relative;z-index:21;
background-color:rgba(235, 245, 255, 0.7);	
}
.c1leftbg{
background-color:rgba(235, 245, 255, 0.7);
}
.c2bg{position:relative;z-index:21;
background-color:rgba(204, 255, 255, 0.25);	
}
.c2leftbg{
background-color:rgba(204, 255, 255, 0.25);
}
.c3bg{position:relative;z-index:21;
background-color:rgba(245, 255, 235, 0.8);	
}
.c3leftbg{
background-color:rgba(245, 255, 235, 0.8);
}
.c4bg{position:relative;z-index:21;
background-color:rgba(235, 245, 255, 0.6);	
}
.c4leftbg{
background-color:rgba(235, 245, 255, 0.6);
}
.c5bg{position:relative;z-index:21;
background-color:rgba(40, 40, 40, 0.6);	
}
.c5leftbg{
background-color:rgba(40, 40, 40, 0.6);	
}


/*----individual link----*/
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;           /* Non-prefixed version, currently*/
}
.linktext{
fill:#FFF;
z-index:13;position: absolute;
pointer-events: none;
}
.linktext2{
fill:#999;
z-index:13;position: absolute;
pointer-events: none;
}
.linktext3{
fill:#888;
z-index:13;position: absolute;
pointer-events: none;
}
.linktext4{
fill:#999;
z-index:13;position: absolute;
pointer-events: none;
}
.linkro{
fill:#FFF;
cursor:pointer;
z-index:11;
position: absolute;
opacity:.2;
}
.linkro:hover{
fill:#FFF;
cursor:pointer;
z-index:11;
position: absolute;
opacity:.4;
}
.linkro:active{
background-color:#FFF;
cursor:pointer;
z-index:11;
position: absolute;
opacity:.6;
}

.activemenu{fill:#333;}
.activemenu2{fill:#FFF;}

.linktext2 ~ .linktextselected{
fill:#333;
z-index:13;position: absolute;
pointer-events: none;
}

.linktext2active{
fill:#99FCFA;
z-index:13;position: absolute;
pointer-events: none;
}
.linkro2{
cursor:pointer;
z-index:11;
position: absolute;
opacity:0;
}
.linkro2:hover ~ .linktext2{
cursor:pointer;fill:#333;
z-index:11;
position: absolute;
}
.linkro2:active ~ .linktext2{
cursor:pointer;fill:#396;
z-index:11;
position: absolute;
}

.linkro2:hover ~ .linktext3{
cursor:pointer;fill:#FFF;
z-index:11;
position: absolute;
}
.linkro2:active ~ .linktext3{
cursor:pointer;fill:#F00;
z-index:11;
position: absolute;
}

.linkro2:hover ~ .linktext4{
cursor:pointer;fill:#333;
z-index:11;
position: absolute;
}
.linkro2:active ~ .linktext4{
cursor:pointer;fill:#69C;
z-index:11;
position: absolute;
}

.navsub1{
display:none;
}
.navsub2{
display:none;
}
.navsub3{
display:none;
}
/*///section end///*/


/* synopsis */

#synopsismain{
width:1026px;
height: 766px;
overflow:hidden;
margin-top:0;
position: relative; 
z-index:8;
text-align: left;  background-color:rgba(255, 255, 255, 0.7);
}
#synopsismain2{
width:1026px;
height: 766px;
overflow:hidden;
margin-top:0;
position: relative; 
z-index:8;
text-align: left;
}
#synopsismain3{
width:1026px;
height: 766px;
overflow:hidden;
margin-top:0;
position: relative; 
z-index:8;
text-align: left; background-color:rgba(0, 0, 0, 0.5);
}
#synopsiscrawl{
width:520px;
height: 420px;
overflow:hidden;
margin-top:255px;margin-left:auto; margin-right:auto;
}
.synopsisscroll{
margin-left:18px; color:#333;
margin-right:auto; margin-top:0px;
font-family: "Helvetica", sans-serif;
font-style: italic;
font-weight: 300;
line-height: 25px;
font-size:14px;
text-align:left;	
}
.synopsisscroll2{
margin-left:18px; color:#FFF;
margin-right:auto; margin-top:0px;
font-family: "Helvetica", sans-serif;
font-style: italic;
font-weight: 300;
line-height: 25px;
font-size:14px;
text-align:left;	
}

/*///section end///*/



/* characters and sculpture */
.headings{
position: relative;
display:block;
text-align:center;
height:103px;
width:87px;
margin-left:auto;
margin-right:auto;
margin-top:40px;	
}
.headings1s{
position: relative;
text-align:center;
height:103px;
width:87px;
margin-left:475px;
margin-right:auto;
margin-top:40px;	
}
.headings2{
position: relative;
text-align:center;
height:86px;
width:99px;
margin-left:459px;
margin-right:auto;
margin-top:40px;	
}
.headings3{
position: relative;
text-align:center;
height:103px;
width:87px;
margin-left:488px;
margin-right:auto;
margin-top:40px;	
}
.headings5{
position: relative;
text-align:center;
height:103px;
width:87px;
margin-left:458px;
margin-right:auto;
margin-top:15px;	
}

.imageselection{display:none;}
.imageselectionshow{display:block;}
.imageselection_null{display:none;}
.imageselection_nullshow{display:block;}
.c1chanav{
height:766px;
width:200px;
display:block;
float:left; position:absolute;z-index:10;
}
.c1chanavin{
height:766px;
width:200px;
display:block;
float:left;
margin-left:-15px;
z-index:22;
}

.characterimagezoom{
width:850px;
height:620px;
border: solid thin blue;
background-color:#CCF;
position: relative;
margin-left:auto;
margin-right:auto;
margin-top:0; z-index:1;
}

.characterimage{
width:620px;
height:540px;
position: relative;
margin-left:201px;
margin-right:auto;
margin-top:20px; z-index:1;
}


a.who:hover {
fill:#000;  
cursor:pointer;
}
a.who:active{
fill:#33C;  
cursor:pointer;  
}
a.who2:hover {
fill:#000;  
cursor:pointer;
}
a.who2:active{
fill:#396;  
cursor:pointer;  
}
a.who3:hover {
fill:#000;  
cursor:pointer;
}
a.who3:active{
fill:#69C;  
cursor:pointer;  
}
a.who5:hover {
fill:#FFF;  
cursor:pointer;
}
a.who5:active{
fill:#C00;  
cursor:pointer;  
}
.current{ 
fill:#000; 
cursor:pointer;  
}
.current2{ 
fill:#FFF; 
cursor:pointer;  
}
a {
fill:#999;
}

.c1sculptnav{
height:766px;
width:230px;
display:block;
float:left; position:absolute; z-index:10;
}
.c1sculptnavin{
height:766px;
width:230px;
display:block;
float:left;
 z-index:22;
margin-top:-30px; 
}
.c2sculptnav{
height:766px;
width:200px;
position:absolute; z-index:10;
}
.c2sculptnavin{
height:766px;
width:200px;
position:relative;
z-index:22; 
}
.c3sculptnav{
height:766px;
width:260px;
position:absolute; z-index:10;
}
.c3sculptnavin{
height:766px;
width:260px;
position:relative;
z-index:22; 
}
.c4sculptnav{
height:766px;
width:200px;
position:absolute; z-index:10;
}
.c4sculptnavin{
height:766px;
width:200px;
position:relative;
z-index:22; margin-top:-50px;
}
.c5sculptnav{
height:766px;
width:200px;
position:absolute; z-index:10;
}
.c5sculptnavin{
height:766px;
width:200px;
position:relative;
z-index:22; margin-top:-10px;
}

/*field style */
/*c2 characters side nav field*/
.who21:hover{
cursor:pointer;
fill:#000;
}
.who21:active {
cursor:pointer;
fill:#396;
}
.who21:hover > .chfield1{
cursor:pointer;
fill:#FF9;
}
.who21:active > .chfield1{
cursor:pointer;
fill:#396;
}
.currentfield{
fill:#FF9;
}
/*c1 characters side nav field*/
.who22:hover{
cursor:pointer;
fill:#000;
}
.who22:active {
cursor:pointer;
fill:#33C;
}
.who22:hover > .chfield2{
cursor:pointer;
fill:#F60;
}
.who22:active > .chfield2{
cursor:pointer;
fill:#33C;
}
.currentfield2{
fill:#F60;
}
/*c3 characters side nav field */
.who23:hover{
cursor:pointer;
fill:#000;
}
.who23:active {
cursor:pointer;
fill:#396;
}
.who23:hover > .chfield3{
cursor:pointer;
fill:#F60;
}
.who23:active > .chfield3{
cursor:pointer;
fill:#396;
}
.currentfield3{
fill:#F60;
}
/*c4 characters side nav field */
.who24:hover{
cursor:pointer;
fill:#000;
}
.who24:active {
cursor:pointer;
fill:#69C;
}
.who24:hover > .chfield4{
cursor:pointer;
fill:#FC3;
}
.who24:active > .chfield4{
cursor:pointer;
fill:#69C;
}
.currentfield4{
fill:#FC3;
}
/*c5 characters side nav field */
.who25:hover{
cursor:pointer;
fill:#FFF;
}
.who25:active {
cursor:pointer;
fill:#C00;
}
.who25:hover > .chfield5{
cursor:pointer;
fill:#C00;
}
.who25:active > .chfield5{
cursor:pointer;
fill:#C00;
}
.currentfield5{
fill:#C00;
}

/*field style */


.sculptureimage1{
width:590px;
height:540px;
position: relative;
margin-left:231px;
margin-right:auto;
margin-top:20px; z-index:1;
}
.sculptureimage1b{
width:590px;
height:540px;
position: relative;
margin-left:228px;
margin-right:auto;
margin-top:20px; z-index:1;
}

/*///this one is C2///*/
.sculptureimage{
width:620px;
height:540px;
position: relative;
margin-left:200px;
margin-right:auto;
margin-top:20px; z-index:1;
}
.sculptureimage3{
width:560px;
height:540px;
position: relative;
margin-left:261px;
margin-right:auto;
margin-top:20px; z-index:1;
}
.imageselection {
    -moz-transition: transform 0.25s ease;
    transition: -webkit-transform 0.25s ease;
}

.imageselection:active {
-webkit-transform: scale(1.65);  
-ms-transform: scale(1.65); 
transform: scale(1.65); 
}
/*///section end///*/



/* trailer */
.viewtrailer{
display:none;
width:255px;
height:290px;
position:relative;
z-index:35;
text-align:center;
margin-right:auto;
margin-left:362px;
margin-top:150px;
}
#viewlink{
fill:#888;	
cursor:pointer;
}
#viewlink:hover{
fill:#000;	
cursor:pointer;
}
#viewlink:active{
fill:#096;
cursor:pointer;
}
#toptitle{
fill:#9FC;
}
.trailerbg{
background-color:rgba(255, 255, 255, 0.6);	
}
.trailernav{
height:786px;
width:1100px;
position:absolute;	
}
#trailerscreen {
display:none;
text-align: center; 	
width: 486px;
height: 273px;padding-top:3px;
background-color:#000;
overflow:hidden;
margin-right:auto;position:relative;
z-index:36;
margin-left:270px; margin-top:150px;
}

#trailervid{
	background-color:#000;
	height:270px;
	width:480px;
	margin-right:auto;
	margin-left:auto;
}

/*///section end///*/

/* screenings */
.screenimage{
width:620px;
height:730px;
position: relative;
margin-left:205px;
margin-right:auto;
margin-top:75px;overflow:hidden;
}
#screencrawl{
width:600px;
height: 670px;
margin-left:auto; margin-right:auto;

}
.screenscroll{
color:#333;
margin-top:0px;
font-family: "Helvetica", sans-serif;
font-weight: 300;
line-height: 21px;
font-size:13px;
text-align:left;	
}
/*///section end///*/

/* books */
.nozoomselection{display:none;}
.booksnav{
height:766px;
width:200px;
position:absolute; z-index:10;
}
.booksnavin{
height:766px;
width:200px;
position:relative;
z-index:22; 
}
.bookimage{
width:620px;
height:700px;
position: relative;
margin-left:200px;
margin-right:auto; padding-top:100px;
}
.colophonholder{
width:245px;height:580px;
float:right; background-color:#F0EDED;
}
.colophon{margin-top:10px;
width:240px;height:590px;float:left;
overflow:hidden;
font-family: "Helvetica", sans-serif;
line-height: 16px;
font-size:12px;
text-align:left;	padding-right:5px;
}

.largepic{
width:446px;
height:441px;
float:left; background-color:#F0ED66;
}
.smallbook{
width:360px;
height:280px;
float:left; 
margin-top:75px;padding-right:15px;
}


/*///section end///*/

/* music */
.musicnav{
height:786px;
width:200px;
position:absolute; z-index:10;
}
.musicnavin{
height:786px;
width:200px;
position:relative;margin-top:-68px;
z-index:22; 
}
.musicimage{
width:620px;
height:630px;
display:none;
margin-left:200px;
position:relative;margin-top:88px;
z-index:12; 
}
.musicright{margin-top:40px;
width:245px;
height:600px;
font-family: "Helvetica", sans-serif;
line-height: 16px;
font-size:12px;
text-align:left;	display:block;float:left; 
}
.musicleft{margin-top:40px;
width:360px;display:block;float:left;
height:600px;
text-align:left;	
padding-right:3px;padding-left:8px;
}
.liners{
width:245px;
height:600px;
font-family: "Helvetica", sans-serif;
line-height: 16px;
font-size:12px;
text-align:left;	color:#000;
}
.musicnotes{
width:290px;
height:250px;
font-family: "Helvetica", sans-serif;
line-height: 16px;text-align:left;	
font-size:12px;margin-left:10px; 
}
.musiccenter{margin-top:140px;
width:360px;margin-left:auto;margin-right:auto;
height:600px;
text-align:left;	
padding-right:3px;padding-left:8px;
}
/*///section end///*/



/* credits */
.creditsnav{
height:786px;
width:200px;
position:absolute; z-index:10;
}
.creditsnavin{
height:786px;
width:200px;
position:relative;margin-top:-68px;
z-index:22; 
}
.creditsimage{
width:620px;
height:700px;
position: relative;
margin-left:200px;
margin-right:auto;
margin-top:50px;
}
.creditcrawl{
width:520px;
height: 670px;
overflow:hidden;
}
.creditscroll{
margin-left:50px; color:#333;
margin-right:auto; margin-top:0px;
font-family: "Helvetica", sans-serif;
font-weight: 300;
line-height: 25px;
font-size:14px;
text-align:left;	
}
/*///section end///*/



/* bio */
.biosnav{
height:786px;
width:200px;
position:absolute;
}
.biosnavin{
height:786px;
width:200px;
position:relative;
margin-top:-10px;

}
.biosimage{
width:620px;
height:700px;
position: relative;
margin-left:200px;
margin-right:auto;
margin-top:50px;
}

.bioscrawl{
width:520px;
height: 560px;
overflow:hidden;
}

.biosscroll{
margin-left:50px; color:#000;
margin-right:auto; margin-top:0px;
font-family: "Helvetica", sans-serif;
font-weight: 300;
line-height: 25px;
font-size:14px;
text-align:left;	
}
/*///section end///*/


/* bib */
.bibsnav{
height:786px;
width:200px;
position:absolute;
}
.bibsnavin{
height:786px;
width:200px;
position:relative;
margin-top:-70px;

}
.bibsimage{
width:560px;
height:700px;
position: relative;
margin-left:228px;
margin-top:50px;
}

.bibscrawl{
width:550px;
height: 680px;
overflow:hidden;
}
.bibsscroll{
 color:#333;
font-family: "Helvetica", sans-serif;
font-weight: 300;
line-height: 25px;
font-size:14px;
text-align:left;	
}
/*///section end///*/


/* links */
.linksnav{
height:786px;
width:200px;
position:absolute;
}
.linksnavin{
height:786px;
width:200px;
position:relative;
margin-top:-70px;

}
.linksimage{
width:620px;
height:580px;
position: relative;
margin-left:200px;
margin-right:auto;
margin-top:30px;
}
.linkleft{
padding-left:40px;
display:block;
float:left;
width:318px;
height:580px;
text-align:left;
color:#333;
font-family: "Helvetica", sans-serif;
letter-spacing: -.03em;
font-weight: 300;
line-height: 18px;
font-size:14px;
}
.linkright{
padding-left:20px;
display:block;
float:right;
width:238px;
height:580px;
text-align:left;
color:#333;
font-family: "Helvetica", sans-serif;
letter-spacing: -.03em;
font-weight: 300;
line-height: 18px;
font-size:14px;
}
.linkslink a:link{
color:#767676;
}
.linkslink a:visited{
color:#767676;
}
.linkslink a:hover{
color:#961804; cursor:pointer;
}
/*///section end///*/

/*////short clips////*/
#clipvid{
width:240px;height:134px;
margin-right:auto;
margin-left:auto;
margin-top:150px;
}


/*///append///*/
.tryme{
width:100vw;
}

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