#nav{margin:20px 0 20px 0;}
#nav{float:left; width:100%; background:#dae0d2 url("images/bg.gif") repeat-x bottom;}
#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:0.1em; background:url("images/left_both.gif") no-repeat left top; padding:5px 12px; text-decoration:none; color:#A61E5F; font-size:12px; font-weight:bold;}
#nav > ul a{width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/#nav a{float:none;}
#nav a:hover{color:#000000;}
#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:#000000;}
  /* not for IE5.x or IE6 */
#nav li:hover, #nav li:hover a{background-position:100% -150px; color:#000000;}
#nav li:hover a{background-position:0 -150px;}