@charset "utf-8";
/* CSS Document */

*{margin:0;padding:0;}
body{
	font-family:Verdana, Arial, sans-serif;
	font-size:68.8%;
	height:100%;
	scrollbar-base-color: #94B1CF;
    /*scrollbar-face-color: #94B1CF;*/ /*#b46868;*/ /* Internet Explorer */
}

::-webkit-scrollbar {
      width: 15px;
} /* this targets the default scrollbar (compulsory) */
::-webkit-scrollbar-track {
      background-color: #94B1CF; /*#b46868;*/
} /* the new scrollbar will have a flat appearance with the set background color */
::-webkit-scrollbar-thumb {
      background-color: rgba(0, 0, 0, 0.2);
} /* this will style the thumb, ignoring the track */
::-webkit-scrollbar-button {
      background-color: #51708A; /* #7290AE; #7c2929;*/
} /* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */
::-webkit-scrollbar-corner {
      background-color: black;
} /* if both the vertical and the horizontal bars appear, then perhaps the right bottom corner also needs to be styled */

a{text-decoration:none;}
html{height:100%;}

#transboxH
  {
	height:50px;
	left:30px;
	top:30px;
	overflow:hidden;
  	position:absolute;
  	width:280px;
  	background-color:#F2B3BB;
  	border:solid white;
	border-width:0px 0px 2px 0px;
  	opacity:0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */
  }

h1.super{
	height:50px;
	left:30px;
	top:30px;
	overflow:hidden;
  	position:absolute;
	width:280px;
	margin:12px 0px 0px 0px;
	font-size:200%;
	text-align:center;
	font-weight:bold;
	color:#660033;
}

a.super:link{
	font-size:100%;
	text-align:center;
	font-weight:bold;
	color:#660033;
	line-height:100%;
	text-decoration:none;
}

a.super:visited{
	font-size:100%;
	text-align:center;
	font-weight:bold;
	color:#660033;
	line-height:100%;
	text-decoration:none;
}

a.super:hover{
	font-size:100%;
	text-align:center;
	font-weight:bold;
	color:#DCE5E5;
	line-height:100%;
	text-decoration:none;
	
	}

#boxF
  {
	top:66px;
	left:30px;
	overflow:hidden;
	position:absolute;
	width:280px;
	margin:15px 0px 0px 0px;
  }

#transboxF
  {
	height:100px;
	left:30px;
	top:82px;
	overflow:hidden;
  	position:absolute;
  	width:280px;
  	background-color:#CE8A95;
  	border:solid white;
	border-width:0px 0px 2px 0px;
  	opacity:0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */
  }

p.film{
	font-size:130%;
	text-align:center;
	font-weight:bold;
	color:#336666;
	line-height:180%
}

p.filmon{
	font-size:130%;
	text-align:center;
	font-weight:bold;
	color:#DCE5E5;
	line-height:180%
}

a.filmOn:link{
	font-size:100%;
	text-align:center;
	font-weight:bold;
	color:#DCE5E5;
	line-height:100%;
	text-decoration:none;
}

a.filmOn:visited{
	font-size:100%;
	text-align:center;
	font-weight:bold;
	color:#DCE5E5;
	line-height:100%;
	text-decoration:none;
}

a.film:hover{
	font-size:100%;
	text-align:center;
	font-weight:bold;
	color:#DCE5E5;
	line-height:100%;
	text-decoration:none;
}

a.film:link{
	font-size:100%;
	text-align:center;
	font-weight:bold;
	color:#336666;
	line-height:100%;
	text-decoration:none;
}

a.film:visited{
	font-size:100%;
	text-align:center;
	font-weight:bold;
	color:#336666;
	line-height:100%;
	text-decoration:none;
}

a.film:hover{
	font-size:100%;
	text-align:center;
	font-weight:bold;
	color:#DCE5E5;
	line-height:100%;
	text-decoration:none;
}


p.linkon{
	font-size:100%;
	text-align:left;
	font-weight:bold;
	text-indent:10;
	color:#DCE5E5;
}

p.filminfo{
	font-size:100%;
	text-align:left;
	font-weight:bold;
	text-indent:10;
	color:#336666;
}

#transboxB
  {
	height:85px;
	left:30px;
	top:184px;
	overflow:hidden;
  	position:absolute;
  	width:280px;
  	background-color:#A8626F;
  	border:solid white;
	border-width:0px 0px 2px 0px;
  	opacity:0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */
  }
  
#boxB
  {	
	top:172px;
	left:30px;
	overflow:hidden;
  	position:absolute;
	width:280px;
	margin:15px 0px 0px 0px;
  }
  
p.book{
	font-size:130%;
	text-align:center;
	font-weight:bold;
	color:#044442;
	line-height:180%
}

a.book:link{
	font-size:100%;
	text-align:center;
	font-weight:bold;
	color:#044442;
	line-height:100%;
	text-decoration:none;
}

a.book:visited{
	font-size:100%;
	text-align:center;
	font-weight:bold;
	color:#044442;
	line-height:100%;
	text-decoration:none;
}

a.book:hover{
	font-size:100%;
	text-align:center;
	font-weight:bold;
	color:#DCE5E5;
	line-height:100%;
	text-decoration:none;
	
	}
	
p.bookinfo{
	font-size:100%;
	text-align:left;
	font-weight:bold;
	text-indent:10;
	color:#044442;
}

#transboxC
  {
	height:25px;
	right:50px;
	top:0px;
	overflow:hidden;
  	position:absolute;
  	width:75px;
  	background-color:#2F5774;
  	border:solid white;
	border-width:0px 1px 1px 1px;
  	opacity:0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */
  }
  
#boxC
  {	
	top:0px;
	right:50px;
	overflow:hidden;
  	position:absolute;
	width:75px;
	margin:5px 0px 0px 0px;
  }
 
p.contact{
	font-size:120%;
	text-align:center;
	color:#FFFFFF;
}

a.contact:link{
	font-size:100%;
	text-align:center;
	color:#FFFFFF;
	line-height:100%;
	text-decoration:none;
}

a.contact:visited{
	font-size:100%;
	text-align:center;
	color:#FFFFFF;
	line-height:100%;
	text-decoration:none;
}

a.contact:hover{
	font-size:100%;
	text-align:center;
	font-weight:bold;
	color:#DCE5E5;
	line-height:100%;
	text-decoration:none;
	
	}

#transboxO
  {
	height:25px;
	right:150px;
	top:0px;
	overflow:hidden;
  	position:absolute;
  	width:100px;
  	background-color:#2F5774;
  	border:solid white;
	border-width:0px 1px 1px 1px;
  	opacity:0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */
  }

#boxO
  {	
	top:0px;
	right:150px;
	overflow:hidden;
  	position:absolute;
	width:100px;
	margin:5px 0px 0px 0px;
  }
 
#infobox
  {
		position:absolute;
		overflow:hidden;
		left:380px;
		top:85px;
		width:660px;
		height:630px;
		margin:0px 0px 0px 0px;
		border-width:0px 0px 0px 0px;
		background-color:#a7ccf2;
		opacity:0.6;
		filter:alpha(opacity=50); 
}

#info
  {
		position:absolute;
		overflow:hidden;
		left:380px;
		top:85px;
		width:660px;
		margin:15px 15px 15px 5px;
}

p.infotext
 {
   		font-size:120%;
		text-align:left;
		color:#000000;
}

#vimeobox
  {
		position:absolute;
		overflow:hidden;
		left:380px;
		top:85px;
		width:550px;
		height:400px;
		margin:0px 0px 0px 0px;
		border-width:0px 0px 0px 0px;
		background-color:#a7ccf2;
		opacity:0.6;
		filter:alpha(opacity=50); 
}

#vimeo
  {
		position:absolute;
		overflow:hidden;
		left:380px;
		top:85px;
		width:550px;
		margin:15px 15px 15px 5px;
}


#vimeoboxSpanish
  {
		position:absolute;
		overflow:hidden;
		left:380px;
		top:85px;
		width:550px;
		height:400px;
		margin:0px 0px 0px 0px;
		border-width:0px 0px 0px 0px;
		background-color:#a7ccf2;
		opacity:0.6;
		filter:alpha(opacity=50); 
}

#vimeoSpanish
  {
		position:absolute;
		overflow:hidden;
		left:380px;
		top:85px;
		width:550px;
		margin:15px 15px 15px 5px;
}

#infobookbox
  {
		position:absolute;
		overflow:hidden;
		left:360px;
		top:85px;
		width:620px;
		height:690px;
		margin:0px 0px 0px 0px;
		border-width:0px 0px 0px 0px;
		background-color:#94B1CF;
		opacity:0.7;
		filter:alpha(opacity=30); 
}

#infobook
  {
		position:absolute;
		overflow:hidden;
		left:360px;
		top:85px;
		width:620px;
		margin:15px 15px 15px 5px;
}

#pdfbookbox
  {
		position:absolute;
		overflow:hidden;
		left:360px;
		top:85px;
		width:570px;
		height:340px;
		margin:0px 0px 0px 0px;
		border-width:0px 0px 0px 0px;
		background-color:#94B1CF;
		opacity:0.7;
		filter:alpha(opacity=30); 
}

#pdfbook
  {
		position:absolute;
		overflow:hidden;
		left:360px;
		top:85px;
		width:580px;
		margin:10px 10px 10px 10px;
}





#creditFilmBox
  {
		position:absolute;
		overflow:hidden;
		left:360px;
		top:85px;
		width:620px;
		height:690px;
		margin:0px 0px 0px 0px;
		border-width:0px 0px 0px 0px;
		background-color:#94B1CF;
		opacity:0.7;
		filter:alpha(opacity=30); 
}




#creditFilm
  {
		position:absolute;
		/*overflow(-x/y):auto or hidden;*/
		overflow-x: hidden;
		overflow-y: hidden; /*<-- this is now modified in javascript -->*/
		left:360px;
		top:85px;
		width:605px;
		height:660px;
		/*max-width: 405px;
		max-height:660px;*/
		margin:15px 15px 15px 5px;
}


#dvdBox {
	position:absolute;
	overflow:hidden;
	left:360px;
	top:85px;
	width:620px;
	height:690px;
	margin:0px 0px 0px 0px;
	border-width:0px 0px 0px 0px;
	background-color:#94B1CF;
	opacity:0.7;
	filter:alpha(opacity=30); 
}

#dvd {
	position:absolute;
	overflow:hidden;
	left:360px;
	top:85px;
	width:620px;
	margin:15px 15px 15px 5px;
}

#creditBookBox
  {
		position:absolute;
		overflow:hidden;
		left:360px;
		top:85px;
		width:620px;
		height:690px;
		margin:0px 0px 0px 0px;
		border-width:0px 0px 0px 0px;
		background-color:#94B1CF;
		opacity:0.7;
		filter:alpha(opacity=30); 
}

#creditBook
  {
		position:absolute;
		overflow:hidden;
		left:360px;
		top:85px;
		width:620px;
		margin:15px 15px 15px 5px;
}