/* base styles */

body {
margin:0;
padding:0 0 0 45px;
background:#000;
font-family:Tahoma,Arial,Helvetica,sans-serif;
color:#fff;
font-size:14px;
}

a {
text-decoration:none;
color:#fff;
}

a img {
border:none;
}

a:hover,
a:active,
a:focus  {
outline:none;
text-decoration:underline;
}

p {
margin:0 0 1.2em 0;
padding:0 0 0 1px;
}

h3 {
margin:0;
padding:0;
font-size:18px;
color:#76defc;
font-weight:normal;
}

.clearer {
overflow:hidden;
margin:0 0 -1px 0;
height:1px;
clear:both;
}


/* container */

#container {
position:relative;
width:890px;
line-height:1.2em;
}


/* header */

#header {
height:120px;
}

#header h1 {
position:absolute;
top:70px;
left:0;
margin:0;
padding:0;
width:205px;
height:35px;
background:url("../img/h_title.gif") no-repeat top left;
}

#header h1 span {
display:none;
}

#menu {
float:left;
width:220px;
}

#menu ul {
margin:0;
padding:25px 0 0 0;
}

#menu li {
margin:0;
padding:0 0 3px 0;
width:205px;
height:25px;
list-style:none;
}

#menu li a {
display:block;
width:205px;
height:25px;
}

#menu li a span {
display:none;
}

#menu li#lCommercials {
background:url("../img/l_commercials.gif") no-repeat top left;
}

#menu li#lMusicVideos {
background:url("../img/l_music_videos.gif") no-repeat top left;
padding-bottom: 20px;
}

#menu li#lOthers {
background:url("../img/l_others.gif") no-repeat top left;
padding-bottom: 20px;
}

#menu li#lContact {
background:url("../img/l_contact.gif") no-repeat top left;
}

#menu li#lAbout {
background:url("../img/l_about.gif") no-repeat top left;
}

.commercials #menu li#lCommercials,
#menu li#lCommercials a:hover {
background:url("../img/l_commercials_on.gif") no-repeat top left;
}

.music-videos #menu li#lMusicVideos,
#menu li#lMusicVideos a:hover {
background:url("../img/l_music_videos_on.gif") no-repeat top left;
}

.others #menu li#lOthers,
#menu li#lOthers a:hover  {
background:url("../img/l_others_on.gif") no-repeat top left;
}

.contact #menu li#lContact,
#menu li#lContact a:hover  {
background:url("../img/l_contact_on.gif") no-repeat top left;
}

.about #menu li#lAbout,
#menu li#lAbout a:hover  {
background:url("../img/l_about_on.gif") no-repeat top left;
}

/* bodytext */

#body {
float:left;
padding:25px 0 15px 0;
width:640px;
}

.contact h3 span {
  #display:none;
display:block;
}

h3#hEmail {
width:125px;
height:20px;
background:url("../img/h_email.gif") no-repeat top left;
}

h3#hCell {
width:125px;
height:20px;
background:url("../img/h_cell.gif") no-repeat top left;
}

h3#hSkype {
width:125px;
height:20px;
background:url("../img/h_skype.gif") no-repeat top left;
}

h3#hFacebook {
width:125px;
height:20px;
background:url("../img/h_facebook.gif") no-repeat top left;
}

h3#hYoutube {
width:125px;
height:20px;
background:url("../img/h_youtube.gif") no-repeat top left;
}


/* commercials */

#thumbnails {
padding:0 0 35px 0;
width:558px;
/* height:285px; */
}

#thumbnails img {
float:left;
margin:0 4px 4px 0;
}

h3#hProduction span,
h3#hCinematography span {
display:none;
}

h3#hProduction {
width:125px;
height:20px;
background:url("../img/h_production.gif") no-repeat top left;
}

h3#hCinematography {
width:135px;
height:20px;
background:url("../img/h_cinematography.gif") no-repeat top left;
}

#video, #vimeo {
margin-right:-60px;
padding:0 0 35px 0;
width:720px;
height:auto !important;
height:285px;
min-height:285px;
}

#vimeo {
padding:0 0 49px 0;
}

#download {
float:right;
margin-right:-60px;
display:inline;
}

#download > a {
  color: #8d9ca7;
}

#download > a:hover {
  color: #fff;
}


/* subnavigation */

#pages {
position:absolute;
top:115px;
left:220px;
width:400px;
height:20px;
}

#pages p {
margin:0;
padding:0;
}

#pages a {
float:left;
}

#pages a span {
display:none;
}

#nr1 {
width:15px;
height:20px;
background:url("../img/nr_1.gif") no-repeat top left;
}

#nr1.on,
a#nr1:hover {
background:url("../img/nr_1_on.gif") no-repeat top left;
}

#nr2 {
width:15px;
height:20px;
background:url("../img/nr_2.gif") no-repeat top left;
}

#nr2.on,
a#nr2:hover {
background:url("../img/nr_2_on.gif") no-repeat top left;
}

#nr3 {
width:15px;
height:20px;
background:url("../img/nr_3.gif") no-repeat top left;
}

#nr3.on,
a#nr3:hover {
background:url("../img/nr_3_on.gif") no-repeat top left;
}

#nr4 {
width:15px;
height:20px;
background:url("../img/nr_4.gif") no-repeat top left;
}

#nr4.on,
a#nr4:hover {
background:url("../img/nr_4_on.gif") no-repeat top left;
}

#nr5 {
width:15px;
height:20px;
background:url("../img/nr_5.gif") no-repeat top left;
}

#nr5.on,
a#nr5:hover {
background:url("../img/nr_5_on.gif") no-repeat top left;
}

#nr6 {
width:15px;
height:20px;
background:url("../img/nr_6.gif") no-repeat top left;
}

#nr6.on,
a#nr6:hover {
background:url("../img/nr_6_on.gif") no-repeat top left;
}

#nr7 {
width:15px;
height:20px;
background:url("../img/nr_7.gif") no-repeat top left;
}

#nr7.on,
a#nr7:hover {
background:url("../img/nr_7_on.gif") no-repeat top left;
}

#nr8 {
width:15px;
height:20px;
background:url("../img/nr_8.gif") no-repeat top left;
}

#nr8.on,
a#nr8:hover {
background:url("../img/nr_8_on.gif") no-repeat top left;
}

#nr9 {
width:15px;
height:20px;
background:url("../img/nr_9.gif") no-repeat top left;
}

#nr9.on,
a#nr9:hover {
background:url("../img/nr_9_on.gif") no-repeat top left;
}

#nr10 {
width:25px;
height:20px;
background:url("../img/nr_10.gif") no-repeat top left;
}

#nr10.on,
a#nr10:hover {
background:url("../img/nr_10_on.gif") no-repeat top left;
}

#back {
position:absolute;
top:115px;
left:220px;
width:200px;
height:20px;
}

#back p {
margin:0;
}

#back a {
display:block;
width:37px;
height:20px;
background:url("../img/l_back.gif") no-repeat top left;
}

#back a span {
display:none;
}

/* For jQuery effects. */

.texts {
display:none;  
}