#header          { font-size: 1em; line-height: normal; background-color: #e0dee4; background-image: url("bg_p.gif"); background-repeat: repeat-x; background-position: left bottom; margin-top: 10px;  width: 100%; float: left }
    #header ul   { list-style: none; margin: 0; padding: 10px 30px 0;  }
    #header li {
      display:inline;
      margin:0;
      padding:0;
      }
    #header a  { text-decoration: none; background: url("left_both_p.gif") no-repeat left top; margin: 0; padding: 0 0 0 9px; float: left; border-bottom: 1px solid #765 }
    #header a span   { color: #776690; font-weight: bold; background: url("right_both_p.gif") no-repeat right top; display: block; padding: 5px 15px 4px 6px; float: left }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #header a span {float:none;}
    /* End IE5-Mac hack */
    #header a:hover span {
      color:#333;
      }
      
    #dummy, #home #nav-home a , #details #nav-details a , #screenshots #nav-screenshots a,
    #products #nav-products a, #faq #nav-faq a, #register #nav-register a  ,
    #userguide #nav-userguide a , #download #nav-download a {
      background-position:0 -150px;
      border-width:0;
      }
    #dummy a, #home #nav-home a span , #details #nav-details a span , #screenshots #nav-screenshots a span ,
    #products #nav-products a span , #faq #nav-faq a span, #register #nav-register a span ,
    #userguide #nav-userguide a span, #download #nav-download a span {
      background-position:100% -150px;
      padding-bottom:5px;
      color:#333;
      }
    #header a:hover, #header a:hover span  { color: #333359; background-position: 0 -150px }
    #header a:hover span {
      background-position:100% -150px;
      }
      
    /* by now hide this menu: */
  	#header  #nav-details, #header  #nav-details a { display:none;}