/* ABS MENU CSS Document */

#nav {
/*margin:-1px 0 0px 0;*/

}

/* A modified version of A List Apart - http://alistapart.com/articles/slidingdoors2/ */
    #nav {
      float:left;
      width:900px;
      background: url("bg.gif") repeat-x bottom;
	  border: 1px solid #880000;
      }
    #nav ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;
      }
    #nav li {
      float:left;
	  display:inline;
      background:url("images/right_both.gif") no-repeat right top;
      margin:0 0 0 9px;
      padding:0;
      }
    #nav a {
      float:left;
      display:block;
      position:relative;
      left:-9px;
      margin-right:-9px;
      width:.1em;
      background:url("images/left_both.gif") no-repeat left top;
      padding:5px 20px;
      text-decoration:none;
      font-weight:bold;
	  font-size: .9em;
      color:#FFF;
      }
    #nav > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #nav a {float:none;}
    /* End IE5-Mac hack */
    #nav a:hover {
      color:#333;
      }
    #demos #nav-demos, 
    #menus #nav-menus,
    #layouts #nav-layouts, 
    #boxes #nav-boxes,
    #mozilla #nav-mozilla,
    #explorer #nav-explorer,
    #opacity #nav-opacity {
      background-position:100% -150px;
      }
    #demos #nav-demos a, 
    #menus #nav-menus a,
    #layouts #nav-layouts a, 
    #boxes #nav-boxes a,
    #mozilla #nav-mozilla a,
    #explorer #nav-explorer a,
    #opacity #nav-opacity a {
      background-position:0 -150px;
      padding-bottom:6px;
      color:#333;
      }
	  /* not for IE5.x or IE6 */
    #nav li:hover, 
	#nav li:hover a {
      background-position:100% -150px;
      color:#333;
      }
    #nav li:hover a {
      background-position:0 -150px;
      }