@charset "UTF-8";
/* CSS Document */
body {
background-color:#000000;
font:"Trebuchet MS";
padding:0px;
margin:0px;
text-align:center;
color:#FFFFFF;
margin-top:0px;
}


.body img.hidden {
display:none;
}

/*FONTS*/

p 
{
font-size:8pt; margin-left: 15px; color:white
} 
 a:link
  {
  color:#667FB3;
  text-decoration:none;
  }
 a:visited
  {
  color:#667FB3;
  text-decoration:none;
  } 
  a:hover 
  {
  color:white;
  text-decoration:none;
  } 
  a:active 
  {
  color:white;
  text-decoration:none;
  }
  
  
  p1
  {
  font-family:"Trebuchet MS";
font-weight:normal;
color:#4C537C; font-size:14pt;
text-decoration:none;
}
  p2
  {
  font-family:"Trebuchet MS";
font-weight:normal;
color:#000000; font-size:14pt;
text-decoration:none;
}
  p3
  {
  font-family:Arial, Helvetica, sans-serif;
font-weight:lighter;
color:#FFFFFF; font-size:8pt;
text-decoration:none;
}
  p4
  {
  font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
color:#FFFFFF; font-size:14pt;
text-decoration:none;
}
  p5
  {
  font-family:"Trebuchet MS";
font-weight:normal;
color:#4C537C; font-size:12pt;
text-decoration:none;
}

  
  /*END FONTS*/
  
  .body #container
{

background:#000000;
width:829px;
margin: 0 auto;
text-align:left;
border:0px;
}

  .body #SplashContainer
{
position:relative;
background:#000000;
width:1050px;
height:750px;
margin: 0 auto;
margin-top:0px;
text-align:center;
border:0px;
}

 
.body #topwrap 
{
background:#000000;
width:829px;
height:139;
margin: 0;
text-align:left;
border:0px;
}
 
.body #topleft
{
float:left;
position:relative;
left:0px;
top:0px;
width:187px;
height:139px;
margin:0px;
padding:0px;
background-image:url(images/castle.jpg);
}

.body #topimage
{
width:642px;
height:96px;
margin:0px;
padding:0px;
background-image:url(images/title.jpg);
float:left;
position:relative;
left:0px;
top:0px;
}

.body #footerspacer
{
width:187px;
height:20px;
float:left;
position:relative;
text-align:center;
background:#000000;
}

.body #footer
{
width:642px;
float:left;
position:relative;
text-align:center;
background:#000000;
}


/* MAIN PAGE AREA */
 
.body #Main
{
background:#000000;
position:relative;
width:829px;
margin: 0 auto;
text-align:left;
border:0px;
}

.body #MainContent
{
float:left;
position:relative;
width:620px;
background-color:#000000;
margin: 0px auto;
padding: 0px;
text-align:left;
padding:10px;
border:1px solid #FFFFFF;
font-family:"Trebuchet MS";
font-weight:normal;
color:white; font-size:10pt;
text-decoration:none;
}

.body #section
{
float:left;
position:relative;
width:610px;
background-color:#000000;
margin: 0px auto;
padding: 0px;
text-align:right;
padding:1px;
border:none;
}

.body #ResumeContent
{
float:left;
position:relative;
width:620px;
background-color:#CED8FF;
margin: 0px auto;
padding: 0px;
text-align:left;
padding:10px;
border:1px solid  #425F98;
font-family:"Trebuchet MS";
font-weight:normal;
color:black; font-size:10pt;
text-decoration:none;
}

.body #FilmsContent
{
float:left;
position:relative;
width:620px;
background-color:#000000;
margin: 0px auto;
padding: 0px;
text-align:left;
padding:0px;
border:1px solid #425F98;
font-family:"Trebuchet MS";
font-weight:normal;
color:white; font-size:10pt;
text-decoration:none;
}

.body #FilmCats
{
float:left;
position:relative;
width:309px;
background-color:#000000;
margin: 0px;
padding: 0px;
text-align:left;
padding:0px;
}

.body #SplashTop
{
position:relative;
width:1050x;
height:112px;
background-color:#000000;
margin: 0px auto;
padding: 0px;
text-align:center;
padding:0px;
border:none;
text-decoration:none;
background-image:url(images/splashbg_01.jpg);
background-repeat:no-repeat;
}

.body #SplashContent
{
position:relative;
width:1050px;
height:638px;
background-color:#000000;
margin: 0px auto;
margin-top:0px;
padding: 0px;
text-align:center;
border:none;
background-image:url(images/splashbg_02.jpg);
background-repeat:no-repeat;
}

.body #SplashFooter
{
width:640px;
height:20px;
background-color:#000000;
margin: 0px auto;
margin-top:0px;
text-align:center;
border:none;
padding:4px;
font-family:"Trebuchet MS";
font-weight:normal;
color:white; font-size:12pt;
text-decoration:none;
}
 
.body #sidenav
{
float:left;
position:relative;
width:187px;
height:500px;
border:0px;
background-color:#000000;
padding: 0px;
text-align:left;
border:0px;
margin:0px;
padding:0px;
}

#sidemenu
	{
	float:left;
	margin:0px;
	padding:0px;
	position: relative;
	}
		#sidemenu li{list-style-type:none;}
			#sidemenu li a{text-decoration:none; font-family:"comic sans ms", sans-serif; font-weight:bold; font-size:14px;}

.body #projects
{
float:left;
position:relative;
width:187px;
height:40px;
border:0px;
background-color:#000000;
padding: 0px;
text-align:left;
border:0px;
margin:0px;
padding:0px;
background-image:url(images/projects.jpg);
background-repeat:no-repeat;
}

.body #projects_l
{
float:left;
position:relative;
width:43px;
height:288px;
border:0px;
background-color:#000000;
padding: 0px;
text-align:left;
border:0px;
margin:0px;
padding:0px;
background-image:url(images/projects_l.jpg);
background-repeat:no-repeat;
}

.body #projects_bg
{
float:left;
position:relative;
width:134px;
height:288px;
border:0px;
background-color:#000000;
padding: 5px;
text-align:left;
border:0px;
margin:0px;
background-image:url(images/projects_bg.jpg);
background-repeat:no-repeat;
text-indent:4px;
font-family:"Trebuchet MS";
font-weight:normal;
color:white; font-size:8pt;
text-decoration:none;
}



/*END MAIN PAGE AREA*/

/*BEGIN TOP NAVIGATION BAR*/

.body #navbar
{
width:642px;
height:43px;
margin:0px;
padding:0px;
float:left;
position:relative;
left:0px;
top:0px;
}


.bars
{
position:relative;
border:none;
padding:0px;
float:left;
left:0px;
top:0px;
}

.homenav {
float:left;
position:relative;
font-family: arial, verdana, helvetica, sans-serif;
background-image: url(images/home_hover.jpg);
background-repeat: no-repeat;
display: block;
width: 102px;
height: 43px;
margin: 0;
margin-bottom:0px;
padding: 0;
border:none;
}
.homenav a {
display:block;
width: 102px;
height: 43px;
float: left;
margin: 0;
padding: 0;
color: black; text-decoration: none;
border:none;
}
.homenav img {width: 100%; height: 100%; border: 0; }
* html a:hover {visibility:visible}
.homenav a:hover img{visibility:hidden}
.homenav span {
position:relative;
float:left;
left:0px;
top:0px;
margin:0;
cursor: pointer;
border:none;
}

.filmsnav {
float:left;
position:relative;
font-family: arial, verdana, helvetica, sans-serif;
background-image: url(images/films_hover.jpg);
background-repeat: no-repeat;
display: block;
width: 79px;
height: 43px;
margin: 0;
margin-bottom:0px;
padding: 0;
border:none;
}
.filmsnav a {
display:block;
width: 79px;
height: 43px;
float: left;
margin: 0;
padding: 0;
color: black; text-decoration: none;
border:none;
}
.filmsnav img {width: 100%; height: 100%; border: 0; }
* html a:hover {visibility:visible}
.filmsnav a:hover img{visibility:hidden}
.filmsnav span {
position:relative;
float:left;
left:0px;
top:0px;
margin:0;
cursor: pointer;
border:none;
}

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


.resumenav {
float:left;
position:relative;
font-family: arial, verdana, helvetica, sans-serif;
background-image: url(images/resume_hover.jpg);
background-repeat: no-repeat;
display: block;
width: 100px;
height: 43px;
margin: 0;
margin-bottom:0px;
padding: 0;
border:none;
}
.resumenav a {
display:block;
width: 100px;
height: 43px;
float: left;
margin: 0;
padding: 0;
color: black; text-decoration: none;
border:none;
}
.resumenav img {width: 100%; height: 100%; border: 0; }
* html a:hover {visibility:visible}
.resumenav a:hover img{visibility:hidden}
.resumenav span {
position:relative;
float:left;
left:0px;
top:0px;
margin:0;
cursor: pointer;
border:none;
}

.gallerynav {
float:left;
position:relative;
font-family: arial, verdana, helvetica, sans-serif;
background-image: url(images/gallery_hover.jpg);
background-repeat: no-repeat;
display: block;
width: 121px;
height: 43px;
margin: 0;
margin-bottom:0px;
padding: 0;
border:none;
}
.gallerynav a {
display:block;
width: 121px;
height: 43px;
float: left;
margin: 0;
padding: 0;
color: black; text-decoration: none;
border:none;
}
.gallerynav img {width: 100%; height: 100%; border: 0; }
* html a:hover {visibility:visible}
.gallerynav a:hover img{visibility:hidden}
.gallerynav span {
position:relative;
float:left;
left:0px;
top:0px;
margin:0;
cursor: pointer;
border:none;
}

/*END TOP NAVIGATION BAR */



/*PLAYLIST CONTROLS */

/* player and playlist go side by side */
#player, div.playlist {
	float:left;		
	margin-right:20px; 
}

div.playlist {
	width:150px;		
}

/* player dimensions */
#player, #player img {
	display:block;				
	width:300px;
	height:240px;
	border:0px;		
}

/* play button on top of splash image */
div.play {
	background:url(../img/btn/play.png) no-repeat;
	width:50px;
	height:50px;
	position:relative;
	top:-140px;
	left:125px;	
	opacity:0.9;
	margin-bottom:-50px;
}

div.play:hover {
	opacity:1.0;		
}


/* single playlist item */
div.items a {
	background:url(../tools/img/block.jpg) no-repeat;
	width:150px;
	height:68px;
	display:block;
	text-decoration:none;
}

div.items p {
	font-size:11px;
	width:130px;
	padding:8px 0 0 12px;
	margin:0px;		
}

div.items p.time {
	padding-top:0px;
	color:#777;
	margin-top:5px;
} 

/* item stages: normal, hover, playing, paused */
div.items a:hover {
	background-position:0 -68px;	
}

div.items a.playing, div.items a.paused {
	color:#000;	
}

div.items a.playing {
	background-position:0 -136px;		
}

div.items a.paused {
	background-position:0 -68px;	
}


/* small navigational dots */
div.navi {
	width:60px;	
	float:left;
	margin:10px 0 0 50px;
}

div.navi span {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../tools/img/dots.png) 0 0 no-repeat;		
	cursor:pointer;
}

div.navi span:hover {
	background-position:0 -8px;		
}

div.navi span.active {
	background-position:0 -16px;		
}

/*END CONTROLS */

/*FILM CATEGORIES MOUSEOVER */



/*FILM CATEGORIES MOUSEOVER */