/* Generic Utility */
.hide { position: absolute; top: -9999px; left: -9999px; }

/* Specific to example one */
#example-one {padding:0; margin:0;}

#example-one .nav { overflow: hidden; margin: 0 0 10px 0; }
#example-one .nav li { width:175px; float: left; margin: 0 5px 5px 0; }
#example-one .nav li.last { margin-right: 0; }
#example-one .nav li a { display: block; padding:5px; background: #959290; color: white; font-size: 12px; text-align: center; border: 0; text-decoration:none; }
#example-one .nav li a:hover { background-color: #111; }

#example-one ul { list-style: none; }
#example-one ul li a { display: block; border-bottom: 1px solid #666; padding: 4px; color: #666; }
#example-one ul li a:hover { background: #fe4902; color:#fe7b00; text-decoration:none; }
#example-one ul li:last-child a { border: none; }

#example-one ul li.nav-one a.current, #example-one ul.featured li a:hover { background-color: #fe7b00; color: white; }
#example-one ul li.nav-two a.current, #example-one ul.core li a:hover { background-color: #fe7b00; color: white; }
#example-one ul li.nav-three a.current, #example-one ul.jquerytuts li a:hover { background-color: #fe7b00; color: white; }
#example-one ul li.nav-four a.current, #example-one ul.classics li a:hover { background-color: #fe7b00; color: white; }
#example-one ul li.nav-five a.current, #example-one ul.classics li a:hover { background-color: #fe7b00; color: white; }
#example-one ul li.nav-six a.current, #example-one ul.classics li a:hover { background-color: #fe7b00; color: white; }
#example-one ul li.nav-seven a.current, #example-one ul.classics li a:hover { background-color: #fe7b00; color: white; }