/* horizontal */

ul.nav_horizontal                   {list-style:none; margin-left:0; float: right; margin-bottom: 18px; float: right; margin-top: 60px;}

ul.nav_horizontal li                {float:left; margin:0; padding:0 1em 0 0; background:none}

ul.nav_horizontal.right li          {padding:0 0 0 1em}

ul.nav_horizontal li a              {display:block; text-decoration:none}


/* horizontal inline */

ul.nav_horizontal_inline            {list-style:none; margin-left:0;}

ul.nav_horizontal_inline li         {float:left; margin:0; padding:0 1em 0 0; background:none}

ul.nav_horizontal_inline.right li   {padding:0 0 0 1em}

ul.nav_horizontal_inline li a       {display:inline}


/* vertical */

ul.nav_vertical                     {list-style:none; margin-left:0}

ul.nav_vertical ul                  {margin:0}

ul.nav_vertical li                  {margin:0; padding:0; background:none}

ul.nav_vertical li a                {display:block; text-decoration:none}


/* sprite 
 *
 *  usage on anchor tag:
 *      .link_example,
 *      .link_example a {width:200px; height:18px; background-image:url("../images/example-sprite.png")}
 *      .link_example a:hover {background-position:0 -18px}
 *  
 *  usage on button:
 *      .btn_example {width:200px; height:18px; background-image:url("../images/example-sprite.png")}
 *      .btn_example:hover {background-position:0 -18px}
 */

.nav_sprite,
.nav_sprite a,
.nav_sprite li                      {overflow:hidden; background-position:0 0; background-repeat:no-repeat}

button.nav_sprite                   {display:block; text-indent:-9999px; border:0; cursor:pointer}

p.nav_sprite,
div.nav_sprite,
span.nav_sprite,
a.nav_sprite,
ul.nav_sprite li                    {text-indent:-9999px}

ul.nav_sprite                       {margin-left:0}

p.nav_sprite a,
div.nav_sprite a,
a.nav_sprite                        {display:block}

a.nav_sprite                        {float:left; margin-right:1em}