.clear {height: 1px; font-size: 1px; line-height: 1px; clear: both;}

  body, td, input, textarea {font-size: 12px; font-family: Arial, helvetica, sans-serif;color: #999;
  }
  body {
    margin: 0px; padding: 0px;
    background: #000; 
    height: 100%; 
    }
  #body {height: 100%; }  
  #main {margin: 99px 0 50px 0; position: relative; }
  
  #header {position: absolute; z-index: 10; top: 0px; width: 100%;
      padding-top:10px; 
      font-size: 30px;
  }
    #header span.logo-left { 
      color: #999;
      display: block; float: left; 
      width: 152px; height: 31px; margin-left: 4px; 
      background: url(/img/tomas_bem.gif) no-repeat;}
    #header span.logo-right { 
      color: #666; 
      display: block; float: right; 
      width: 170px; height: 30px; margin-right: 3px; 
      background: url(/img/photography.gif) no-repeat;}
    #header span span {display: none;}
    #header .hr {clear: both;}
  
  
  #footer {position: absolute; z-index: 10; bottom: 0px; width: 100%;
    line-height: 20px; color: #666;
    font-size: 9px; font-weight: bold; text-transform: uppercase;
  }
  #header .pad,
  #footer .pad {margin-left: 10px}
  
    #footer a {color: #666;}
    #footer a:hover {color: #999;}
    #footer span {padding-left: 2px;}
 
  .hr {height: 4px; border: solid 1px #383838; line-height: 4px; font-size: 4px; }
  .hr hr {display: none;}
  #header .hr {border-width: 0 0 1px 1px;}
  #footer .hr {border-width: 1px 0 0 1px;}
  
  
  #menu {width: 29%; float: left; font-size: 12px; }
  #menu ul, #menu li {margin: 0px; padding: 0px; list-style-type: none;}
  
    #menu ul {margin-left: 14px;}
    #menu ul li {padding: 0 0 9px 0;}
    #menu ul li a {display: block; background: url(/img/menu_li.gif) no-repeat 4px 2px; padding-left: 16px; text-decoration: none;}
    #menu ul li a span.fst {display: block; padding-bottom: 1px;}
    #menu ul li a span.fst span {display: none;}
    #menu ul li a:hover {background-image: url(/img/menu_li_a.gif);}    
    #menu ul li.active a {background-image: url(/img/menu_li_a.gif);}
    #menu ul li li a,
    #menu ul li li a:hover,
    #menu ul li.active li a {background: none;} 
    
    #menu ul li ul {margin: none;}
    #menu ul li ul li { padding: 4px 0 0 0px; line-height: 15px; text-transform: uppercase;}
    #menu ul li ul li a {font-weight: bold; color: #AEAEAE; }
    #menu ul li ul li a:hover {color: #A0A900;}
    #menu ul li ul li.active a {color: #A0A900;}

    #menu .fst {height: 16px;}
    #menu .menu-people	{background: url(/img/menu_people.gif) no-repeat;}
    #menu .menu-advertising	{background: url(/img/menu_advertising.gif) no-repeat;}
    #menu .menu-still-life	{background: url(/img/menu_still_life.gif) no-repeat;}
    #menu .menu-special-projects	{background: url(/img/menu_special_projects.gif) no-repeat;}
    #menu .menu-contact	{background: url(/img/menu_contact.gif) no-repeat;}
    
    #menu .distant {margin-top: 35px;}
    
   
  #content {width: 70%; float: right; position: relative;}
    #content #photos {overflow: hidden; white-space: nowrap; width: 100%; height: 398px; }
    #photos #mover {position: relative; }
    #photos .image {border: solid 1px #333; margin-right: 12px;} 

    #content #controls {height: 31px; margin-top: 7px; }
    #content #controls a:active,
    #content #controls a:focus {outline: 0px; } 
    #content #controls a.arr {display: block; float: left; width: 23px; height: 31px; }
    #content #controls a.arr-left {border-right: solid 1px #363636;
                                 background: url(/img/arr_left.gif) no-repeat 2px 10px;} 
    #content #controls a.arr-left:hover {background-image: url(/img/arr_left_a.gif);}
    #content #controls a.arr-right { background: url(/img/arr_right.gif) no-repeat 17px 10px;}
    #content #controls a.arr-right:hover {background-image: url(/img/arr_right_a.gif);}
    
    #content h1 {font-size: 14px; font-weight: normal;}
    #content a {color: #A0A900;}
    #content a:hover {text-decoration: none;}