body {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size:12px;
  color:#CCCCCC;
  background-color:#0F0F0F;
  text-align:center;
}
a {
  color:#666666;
  text-decoration:none;
}
  a:hover {
    color:#066295;
  }

h2 {
  margin-top:0px;
  color: #066295;
  font-weight: lighter;
}

label {
    display:block;
    margin-bottom:5px;
}
input, textarea {
  background-color: #FFFFFF;
  border:2px solid #CCCCCC;
  width:230px;
}
textarea {
  display:block;
  width:400px;
  height:200px;
  margin-bottom:10px;
  float:left;
}

input:focus, textarea:focus {
    border:2px solid #066295;
}

.right-form {
    width:350px;
    margin-left:25px;
    float:left;
}
.form-row {
  margin-bottom:5px;
}
    .form-row label {
      width:120px;
      float:left;
    }

.contact-submit {
    display:block;
    width:150px;
    margin-top:105px;
    margin-left:90px;
}

#menu {
  height:75px;
  display:block;
  overflow:hidden;
}
#menu a{
  color:#BBBBBB;
  display:block;
  float:left;
  width:200px;
}
#menu a:hover {
  color:#FFFFFF;
}

#submenu {
  margin: 0px;
  padding:0px;
  float:left;
  width:203px;
}
#submenu li{
  list-style:none;
  text-align:right;
}
#submenu li.active a{
  color:#066295;
}
.roles {
  margin: 0px;
  padding:5px;
  margin-left:20px;
}
.roles li{
  list-style:none;
}

#container {
  width:800px;
  margin:0px auto;
  background-color:#121212;
  display:block;
  text-align:left;
}

#content {
  border:1px solid #BBBBBB;
  border-bottom:0px;
}
.padding10 {
    padding:10px;
}
.menu-link {
  color:#666666;
  font-size:1.2em;
  width:190px;
  border-left: 1px solid #121212;
  padding:5px;
  height:75px;
  text-align:right;
  float:left;
  overflow: visible;
}
    #home-link {
        background:url(/static/img/home.jpg) no-repeat;
/*        width:190px;
        border:0px;
*/    }
    #films-link {
        background:url(/static/img/films.jpg) no-repeat;
    }
    #about-link {
        background:url(/static/img/about.jpg) no-repeat;
    }
    #contact-link {
        background:url(/static/img/contact.jpg) no-repeat;
    }

.menu-link:hover, .menu-link.active, .menu-link.highlight {
  color:#FFFFFF;
}
    #home-link:hover, #home-link.active {
        background:url(/static/img/home_over.jpg) no-repeat;
    }
    #films-link:hover, #films-link.active {
        background:url(/static/img/films_over.jpg) no-repeat;
    }
    #about-link:hover, #about-link.active {
        background:url(/static/img/about_over.jpg) no-repeat;
    }
    #contact-link:hover, #contact-link.active {
        background:url(/static/img/contact_over.jpg) no-repeat;
    }

.description {
  width:555px;
  margin-left: 20px;
  display:block;
  float:left;
}

#bottom-border {
    display:block;
    /*float:left;*/
    width:802px;
    margin-left:-1px;
}

#logo {
  font-size: 2.8em;
  float:right;
  margin-top:5px;
  color:#BBBBBB;
}
#logo:hover {
  color: #BBBBBB;
}
.highlight {
  color:#066295;
}

.index-title {
    font-size: 1.6em;
}
.home-links {
    /*font-size: 1.6em;*/
    margin:35px 175px;
}
.home-links a {
  display:block;
  width:99px;
  height:23px;
}
.home-links span {
  display:none;
}
#home-link-showreel {
  background:url(/static/img/showreel.gif) no-repeat;
}
  #home-link-showreel:hover {
    background:url(/static/img/showreel_over.gif) no-repeat;
  }
#home-link-films {
  background:url(/static/img/films.gif) no-repeat;
}
  #home-link-films:hover {
    background:url(/static/img/films_over.gif) no-repeat;
  }

.index-contact-details {
    /*font-size:0.7em;*/
    font-size:9px;
    margin-top:275px;
    margin-left:30px;
}