body {
  border-collapse: collapse;
  background-image: url('/images/background.jpg');
  background-repeat: repeat-x;
  background-color: white;
  margin: 0;
  padding: 0;
  color: #141414;
  line-height: 140%;
  font-style: normal;
  font-weight: normal;
  font-size: 95%;
  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
  text-align: center; }

.clear {
  clear: both; }

a {
  text-decoration: none; }

h1 {
  text-align: center;
  text-transform: uppercase;
  font-size: 200%;
  color: #cc0099; }

h2 {
  text-align: center;
  font-size: 130%; }

img {
  border-width: 0px; }

#header {
  text-align: center;
  margin: 0 auto; }
  #header h1 {
    margin-bottom: 15px; }
  #header h2 {
    margin-top: 0; }
    #header h2 a {
      color: black;
      text-decoration: none;
      line-height: 140%; }

#central_shadow {
  clear: both;
  background: url('../images/central_shadow.gif') no-repeat top center; }

#sections_wrapper {
  background: url('../images/top_shadow.gif') repeat-x bottom; }

#sections {
  margin: 0 auto;
  width: 720px;
  overflow: visible;
  text-align: center;
  padding: 0;
  padding-top: 26px;
  height: 140px; }
  #sections a {
    text-decoration: none;
    display: block;
    width: 100px !important;
    overflow: visible;
    float: left;
    height: 120px;
    text-align: center;
    font-size: 20px;
    color: #c09;
    font-weight: bold;
    padding: 2px;
    margin: 0 20px; }
    #sections a img {
      padding: 0;
      margin: 0;
      border: none; }
    #sections a:hover {
      color: #f6c;
      text-decoration: none; }
    #sections a.active {
      background: transparent url('../images/sections/shadow.gif') no-repeat scroll bottom center;
      color: #f6c; }

.section {
  overflow: auto; }
  .section ul {
    font-size: 0.5em; }

ul.with_image {
  padding-right: 350px;
  display: block; }

.index #presentation {
  font-size: 150%;
  line-height: 150%; }
.index #location {
  line-height: 150%; }

.product_video, .portfolio_video {
  min-height: 100px; }
  .product_video h3, .portfolio_video h3 {
    margin-top: 1em; }
    .product_video h3 a, .portfolio_video h3 a {
      font-size: 0.8em; }
  .product_video .video .loading, .portfolio_video .video .loading {
    color: #ccc;
    padding: 1em;
    margin-bottom: -3em; }
  .product_video .video object, .portfolio_video .video object {
    border: 1px #e5e5e5 solid;
    background-color: transparent; }

.portfolio_work_notes {
  font-style: italic;
  font-size: small;
  text-align: center; }

.contacts h2.title {
  font-size: 170%;
  line-height: 120%; }
.contacts .info {
  font-size: 120%;
  line-height: 200%; }

#container {
  clear: both;
  width: 720px;
  margin: 0 auto; }

#content a {
  color: black;
  font-weight: bold;
  text-decoration: none;
  padding: 3px 2px;
  padding-bottom: 0px;
  border-bottom: 3px solid #c09; }
  #content a:hover {
    background-color: #c09;
    color: white; }

.phone_number {
  font-weight: bold; }

#footer {
  color: #bbb;
  border-top: 1px solid #eee;
  font-size: small;
  text-align: center;
  margin-top: 3em; }
  #footer a {
    color: #999;
    border-width: 0px;
    font-weight: normal;
    background-color: transparent; }
    #footer a:hover {
      color: black;
      text-decoration: none;
      border-width: 0px;
      background-color: transparent; }
  #footer .author a {
    color: #ccc;
    background-color: transparent;
    text-decoration: none; }
    #footer .author a:hover {
      color: #ccc;
      background-color: transparent;
      text-decoration: none; }

.locales {
  padding: 1em;
  color: #444;
  color: #ccc; }
  .locales img {
    opacity: 0.5; }
  .locales a.active img {
    vertical-align: top;
    opacity: 1; }

.locales a.active {
  background: white url('../images/flags/shadow.gif') no-repeat scroll bottom center; }
.locales.top {
  position: absolute;
  top: 0;
  right: 0; }
.locales.bottom {
  padding: 0; }
  .locales.bottom a.active img {
    vertical-align: top;
    opacity: 1;
    background-color: transparent !important; }


.glider .controls {
  width: 690px;
  margin: 0 auto;
  padding: 0; }
.glider .scroller {
  width: 690px;
  height: 400px;
  overflow: hidden;
  border: 1px solid #ddd;
  margin: auto; }
  .glider .scroller .content {
    width: 20000px; }
    .glider .scroller .content .section {
      width: 670px;
      height: 380px;
      overflow: hidden;
      float: left;
      padding: 10px;
      text-align: left; }

#services_container .controls a, #products_container .controls a {
  display: block;
  float: left;
  height: 50px;
  text-align: left;
  padding: 0 5px;
  margin: 0;
  margin-right: 5px;
  color: black;
  text-decoration: none;
  vertical-align: middle;
  border: none; }
  #services_container .controls a.active, #products_container .controls a.active {
    text-decoration: underline;
    background: url('../images/film.png') no-repeat bottom right; }
  #services_container .controls a:hover, #products_container .controls a:hover {
    text-decoration: underline;
    background-color: transparent; }
#services_container .content, #products_container .content {
  font-size: 160%;
  line-height: 130%; }
  #services_container .content li, #products_container .content li {
    margin-bottom: 1em; }
  #services_container .content h2, #products_container .content h2 {
    line-height: 140%;
    margin-top: 0; }

#products_container .controls a {
  width: 120px; }
#products_container .content .section {
  overflow: auto; }
  #products_container .content .section li {
    font-size: 1.2em;
    line-height: 140%;
    padding-bottom: 1.5em; }
    #products_container .content .section li .episodes {
      color: #999; }
    #products_container .content .section li .description {
      color: #555; }

#services_container .service li {
  font-size: 1.7em; }
#services_container .controls a {
  width: 100px; }

#portfolio_container {
  text-align: center; }
  #portfolio_container .controls {
    width: 700px;
    margin: auto;
    padding-bottom: 1em; }
    #portfolio_container .controls .tm_notice, #portfolio_container .controls a {
      margin: 0;
      padding: 0;
      display: block;
      float: left;
      width: 175px;
      height: 50px;
      border: none;
      color: #ccc; }
    #portfolio_container .controls .tm_notice {
      padding-top: 2em;
      height: auto;
      font-size: 0.6em;
      line-height: 90%; }
    #portfolio_container .controls a {
      white-space: nowrap;
      line-height: 190%; }
      #portfolio_container .controls a img {
        vertical-align: middle;
        opacity: 0.45; }
      #portfolio_container .controls a .video_link {
        padding: 3px;
        font-weight: normal;
        font-size: 0.5em;
        background-color: #FFC;
        color: #aaa;
        text-transform: uppercase; }
      #portfolio_container .controls a.active, #portfolio_container .controls a:hover {
        color: black;
        background-color: white; }
        #portfolio_container .controls a.active .video_link, #portfolio_container .controls a:hover .video_link {
          color: black;
          background-color: #FF9; }
        #portfolio_container .controls a.active img, #portfolio_container .controls a:hover img {
          vertical-align: middle;
          background-color: #FF0;
          opacity: 1;
          color: #000; }
  #portfolio_container .scroller .section {
    text-align: left;
    overflow: auto;
    border: none; }
    #portfolio_container .scroller .section h3 {
      text-align: center; }
    #portfolio_container .scroller .section h2 {
      margin-bottom: 2em;
      color: #ccc; }
      #portfolio_container .scroller .section h2 img {
        vertical-align: middle;
        margin: 1em; }