/* 

this code and the accompanying JS are based on 

the so-called "Suckerfish Dropdowns", from 

http://www.alistapart.com/articles/dropdowns 

and 

http://www.htmldog.com/articles/suckerfish/dropdowns/

*/





.navbar {

    margin: 0px 0px 0 30px;

    position: absolute;
   
}



#nav li.topLevel { /* top level menu items */

    background:  none;

    border-width: 0px;

    margin-left: 0px;
    
    border-left: 1px dotted #00d5d3;
}  



#nav li.topLevel a { /* top level menu items text */

    color: #ffffff;

    font: bold 11px Helvetica, sans-serif;

}



#nav {

    width: 100%;

    height: 100%;

}     

   

#nav, #nav ul { /* all lists */

    padding: 0px;

    margin: 0px;

    list-style: none;

    z-index: 200;

    opacity: .9;

}



#nav a {

    display: ;

    text-decoration: none;

    border-width: 0px;

    padding-left: 20px;

    font-size: .85em;

}



#nav li { /* all list items */

    float: left;

    width: 166px; /* necessary for display in Opera */

    padding: 0em 0px 0em 0px;

    margin: 0px;

    background: #000000;  
    /*
    filter: alpha(opacity=95);
    */    
    border-top:1px dotted #ffffff;

    /* setting opacity for IE would be invalid CSS */

}



#nav li li {

    width: 166px;
    

}



#nav li ul { /* second-level lists */

    position: absolute;

    width: 171px;

    left: -999em; /* instead of display: none, for screen readers */

    border: 0px dotted #a0a0a0;

    margin-top: -100px;

    margin-left: 0px;

}



#nav li ul.portable {

    margin-top: -46px;

}



#nav li ul.process {

    margin-top: -74px;

}



#nav li ul.visuals {

    margin-top: -60px;

}





#nav li ul.credits {

    margin-top: -46px;

}




#nav li ul.contact {

    margin-top: -74px;

}


#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */

    left: auto; 
    top: auto;
    
}



#nav li:hover, #nav li.sfhover { /* hovered main items */

    background: #00d5d3;

    width: 166px;

}



#nav li li:hover, #nav li li.sfhover { /* hovered list items */
background: #00d5d3;

    width: 166px;

}

#nav li li a:hover,#nav li li a:sfhover, #nav li a:hover,#nav li a:sfhover{
	color:  #000000;
}