/* NAVIGATION
------------------------------------------------------------------------------------- */

#nav { position: relative; top: 0; left: 0px; width: 500px; height: 25px; margin:0 0 40px 0; padding: 0;}
#nav li { float: left; position: relative; height: 25px; list-style: none;}
#nav li a { cursor: pointer; border: none;}
#nav li a, #nav li div { position: relative; display: block; height: 25px; text-decoration: none; font-size: 14px; }
#nav li strong { position: absolute; top: 0px; left: 0px; display: block; height: 25px; }
#nav li, #nav li a, #nav li strong, #nav li div { background-image: url(../../static/img/nav.jpg); }
#nav a:active, #nav a:visited { outline: none; }

#nav li.home, #nav li.home a, #nav li.home a strong	{ background-position: 500px 0px; width: 100px; }
#nav li.web, #nav li.web a, #nav li.web a strong { background-position: 400px 0px; width: 100px; }
#nav li.print, #nav li.print a, #nav li.print a strong { background-position: 300px 0px; width: 100px; }
#nav li.other, #nav li.other a, #nav li.other a strong { background-position: 200px 0px; width: 100px; }
#nav li.about, #nav li.about a, #nav li.about a strong { background-position: 100px 0px; width: 100px; }

/* HOVER STATE */
#nav li.home:hover a, #nav li.home:hover a strong, #nav li.home a:hover, #nav li.home a:hover strong { background-position: 500px -25px; width: 100px; }
#nav li.web:hover a, #nav li.web:hover a strong, #nav li.web a:hover, #nav li.web a:hover strong { background-position: 400px -25px; width: 100px; }
#nav li.print:hover a, #nav li.print:hover a strong, #nav li.print a:hover, #nav li.print a:hover strong { background-position: 300px -25px; width: 100px; }
#nav li.other:hover a, #nav li.other:hover a strong, #nav li.other a:hover, #nav li.other a:hover strong { background-position: 200px -25px; width: 100px; }
#nav li.about:hover a, #nav li.about:hover a strong, #nav li.about a:hover, #nav li.about a:hover strong { background-position: 100px -25px; width: 100px; }

/* ON STATE */
#nav li.homeon, #nav li.homeon strong, #nav li.homeon { background-position: 500px -50px; width: 100px; }
#nav li.webon, #nav li.webon strong, #nav li.webon { background-position: 400px -50px; width: 100px; }
#nav li.printon, #nav li.printon strong, #nav li.printon { background-position: 300px -50px; width: 100px; }
#nav li.otheron, #nav li.otheron strong, #nav li.otheron { background-position: 200px -50px; width: 100px; }
#nav li.abouton, #nav li.abouton strong, #nav li.abouton { background-position: 100px -50px; width: 100px; }