@font-face {
  font-family: Copperplate;
  src: url('copperplate.eot' );
  src: url('cop2.ttf');
}


* {margin:0;padding:0;font-family:Helvetica, Tahoma, Arial, sans-serif;}
body {background-color:#000; font-size:9px;}
#page {width:830px; margin:0px auto; padding:10px 10px 0px 10px;  background-image: url(img/bg.jpg); background-repeat:repeat-x;}
a {color:#0dd767;}
a:hover {color:lime;}
#banner {margin:22px 0 0 0;}
a.homeLink {font-family:Copperplate; float:right; margin:0.8em 33px 0 0; color:#fff; font-size:1.4em; text-decoration:none;}
#banner h1 {font-family:Copperplate; letter-spacing:3px; color:#fff; font-size:35px; font-weight:normal;}
#banner h1 a {font-family:Copperplate;color:#fff; text-decoration:none;}
#banner h1 span {font-family:Copperplate;font-size:0.6em;}
#banner h1 small {font-family:Copperplate;font-size:0.85em; padding:0 0.5em 0 0;}
div#content.homepage {height:486px; background:url(img/frontpage.jpg) no-repeat top right; text-align:right; margin:53px 15px 0 0; position:relative;}
div#content.homepage img {padding:90px 0 20px 15px;}
div#content.homepage h1 {text-align:right; float:right; margin:240px 0 0 0;}
div#content.homepage h1 small {padding:0;}
#vid-nav {margin:0 0 0 15px;}
div.carousel {float:left; margin:0 10px;}
#menu {
float:left;
text-align:left;
margin:0;
padding:0px 0px 0px 15px;
   overflow:hidden;
   position:relative;
   height:85px;
   width:100%;
}
	#menu ul {
	   clear:left;
	   float:left;
	   position:relative;
	   list-style:none;
	   margin:0;
	   padding:0;
	   width:100%;
	}
	#menu ul li {
	   display:block;
	   float:left;
	   list-style:none;
	   padding:0 15px;
	   position:relative;
border-right:1px solid #fff;
height:40px;
	}
	#menu ul li.cv-link {border-right:none;}
	#menu ul li a {
	   display:block;
	   padding:3px 11px;
	   font-size:1.5em;
	   text-decoration:none;
	   font-weight:0;
	   color:#fff;
	   font-family:Copperplate, Arial;
	}
	#menu ul li a.drama-link, #menu ul li a.commercial-link, #menu ul li a.doc-link, #menu ul li a.scenes-link {letter-spacing:1px; font-size:1.6em;}
	#menu ul li.active a.contact-link, #menu ul li a.contact-link {margin:0 0 0 15px;}
	#menu ul li.active a.cv-link, #menu ul li a.cv-link:hover {color:lime;}
	#menu ul li.active a.drama-link, #menu ul li a.drama-link:hover {color:lime;}
	#menu ul li.active a.commercial-link, #menu ul li a.commercial-link:hover {color:lime;}
	#menu ul li.active a.doc-link, #menu ul li a.doc-link:hover {color:lime;}
	#menu ul li.activedropdown a.scenes-link, #menu ul li a.scenes-link:hover {color:lime;}
	#menu ul li.active a.contact-link, #menu ul li a.contact-link:hover {color:lime;}
	.dropdown:hover, .activedropdown:hover {background-color:#000;}
	#menu li ul {
	position: absolute;
	width: 120px;
	left: -999em;
	padding:3px 0 0 0;
	border:none;background-color:#000;
}

#menu li ul li {display:block;height:20px;border:none;padding:0 0 4px 0;}
#menu li ul li a:hover {color:lime;}
#menu li:hover ul {
	left: auto;
}
	
	#vid-nav {width:740px;}
	#vid-nav ul {float:left; width:660px; height:70px; position:relative; overflow:hidden; }
	#vid-nav li {display:inline;}
	#vid-nav ul li a img {border:0;width:105px; height:70px;}
	#vid-nav img {cursor:pointer;}
	#vid-nav img.prev {float:left;}
	#vid-nav img.next {float:right;}
#vid-module {}
#vid {}
#vid-meta {float:right; font-family:arial; color:#fff; width:260px; padding:20px; background-color:#444;}

br.clear {clear:both; line-height:1px;}
#section-container object {float:left;padding:0; margin:0}

#content {padding:0px 0 0 0; margin:3px 0 0 25px;}
div.contact {padding:10px 0 0 20px; text-align:center; width:450px;}
div.contact h2 {font-size:1.1em; margin:0 0 10px 0}
p.ricardo {font-family:Copperplate; font-weight:900; font-size:2em;}
p.ricardo small {font-family:Copperplate; font-size:0.85em;}
.submenu {float:left; margin: 20px 0 0 30px; color:#fff; font-size:1.6em;}
.submenu h2 {font-size:1em; margin:0; color:#fff; padding:0; position:relative;}
.submenu a, .submenu a:visited {color:#0dd767; margin:0 0 0 5px;}
.submenu a:hover, .submenu a.active {color:lime;}
.biggie {font-size:1em; font-weight:900;}

.bio {margin:20px 0 0 0;}
.bio p {font-size:0.8em; margin:10px 0 0 0;}

#vid-reqs {position:absolute; color:#fff; margin:345px 0 0 675px; text-align:right;}
.vid-nav-toggle {width:30px; height:80px; overflow:hidden; float:left;}
.vid-nav-toggle:hover img {position:relative; top:-80px;}