* {
  padding: 0px;
  margin: 0px;
  border: 0px;
  font-family: arial, verdana;
  font-size: 100%; }

html, body {
  height: 100%; }

body {
  background-color: #000000; }

ul {
  list-style-type: none; }

/** Home Page Styles **/
#home-body {
  background: url(imgs/home-bg.jpg) no-repeat top center;
  background-color: #000000; }

#home-container {
  position: relative;
  width: 800px;
  height: 800px; }
  #home-container h1#logo {
    width: 239px;
    height: 408px;
    background: url(imgs/home-logo.png) no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    position: absolute;
    top: 110px;
    left: 159px; }
  #home-container ul#menu {
    position: absolute;
    top: 150px;
    left: 417px; }
    #home-container ul#menu img {
      display: block; }
  #home-container #footer {
    position: absolute;
    width: 800px;
    top: 630px;
    text-align: center;
    font-size: .8em; }
    #home-container #footer #links a {
      font-weight: bold;
      text-decoration: none; }
    #home-container #footer #links .about {
      color: #3e9cd9; }
    #home-container #footer #links .feature {
      color: #62ab53; }
    #home-container #footer #links .television {
      color: #e39d30; }
    #home-container #footer #links .development {
      color: #bf2685; }
    #home-container #footer #links .dogs {
      color: #58a699; }
    #home-container #footer #links .contact {
      color: #747474; }
    #home-container #footer #copyright {
      margin-top: 15px;
      color: #747474;
      font-size: .8em;
      font-weight: bold; }

/** Main Page Styles **/
#page-container {
  height: 100%; }
  #page-container #content-container {
    width: 800px;
    height: 100%;
    background-color: #ffffff;
    text-align: left; }
    #page-container #content-container #left-bar {
      float: left;
      padding: 0px 10px 0px 10px;
      width: 180px;
      min-height: 100%;
      background-color: #ededed; }
      #page-container #content-container #left-bar h1#logo a {
        display: block;
        width: 179px;
        height: 307px;
        margin-top: 10px;
        overflow: hidden;
        text-indent: -9999px;
        background: url(imgs/logo.png) no-repeat; }
      #page-container #content-container #left-bar ul#menu {
        margin-left: 5px;
        margin-top: 15px; }
        #page-container #content-container #left-bar ul#menu li {
          margin-bottom: 10px; }
    #page-container #content-container #right-content {
      float: right;
      width: 600px;
      height: 100%;
      background: url(imgs/shadow.png) repeat-y 0px 0px; }
      #page-container #content-container #right-content #content {
        padding: 29px; }
        #page-container #content-container #right-content #content h2 {
          margin-bottom: 15px; }
          #page-container #content-container #right-content #content h2 img {
            display: block; }
        #page-container #content-container #right-content #content h2.about-header {
          border-bottom: 5px solid #009ddc; }
        #page-container #content-container #right-content #content h2.feature-films-header {
          border-bottom: 5px solid #10ac4b; }
        #page-container #content-container #right-content #content h2.television-header {
          border-bottom: 5px solid #f89e1c; }
        #page-container #content-container #right-content #content h2.development-header {
          border-bottom: 5px solid #ff1b8c; }
        #page-container #content-container #right-content #content h2.dogs-header {
          border-bottom: 5px solid #03afa0; }
        #page-container #content-container #right-content #content h2.contact-header {
          border-bottom: 5px solid #757575; }
        #page-container #content-container #right-content #content h3 {
          font-size: 1.5em; }
        #page-container #content-container #right-content #content p {
          margin-bottom: 10px;
          text-align: justify; }
        #page-container #content-container #right-content #content #contact-info {
          padding-bottom: 15px;
          margin-bottom: 15px;
          border-bottom: 1px solid #cccccc; }
          #page-container #content-container #right-content #content #contact-info .label {
            width: 65px;
            font-weight: bold;
            float: left; }
        #page-container #content-container #right-content #content #contact-form .field-container .label {
          width: 125px;
          float: left; }
        #page-container #content-container #right-content #content #contact-form .field-container .input .text-input {
          width: 350px;
          border: 1px solid #cccccc; }
        #page-container #content-container #right-content #content #contact-form .field-container textarea {
          width: 350px;
          height: 150px;
          border: 1px solid #cccccc; }
        #page-container #content-container #right-content #content #contact-form .field-container .submit-input {
          padding: 3px;
          border: 1px solid #666666;
          cursor: pointer; }
        #page-container #content-container #right-content #content #contact-form #form-errors {
          padding: 10px;
          margin-bottom: 15px;
          border: 1px solid #ff0000;
          color: #ff0000;
          background-color: #eeeeee; }
          #page-container #content-container #right-content #content #contact-form #form-errors ul li {
            list-style-type: disc;
            margin-left: 15px;
            margin-bottom: 10px; }
        #page-container #content-container #right-content #content #dogs-container .thumb {
          width: 128px;
          height: 128px;
          float: left;
          border: 1px solid #00B0A1;
          overflow: hidden; }
          #page-container #content-container #right-content #content #dogs-container .thumb img {
            width: 270px; }
        #page-container #content-container #right-content #content #dogs-container .col1 {
          margin-right: 7px; }
        #page-container #content-container #right-content #content #dogs-container .col2 {
          margin-right: 7px; }
        #page-container #content-container #right-content #content #dogs-container .col3 {
          margin-right: 7px; }
        #page-container #content-container #right-content #content #footer {
          margin-top: 15px;
          padding-top: 15px;
          border-top: 1px dashed #cccccc;
          font-size: .7em; }

.clear-float {
  clear: both;
  height: 5px; }