/**
 *********************************************
 * Prototype of styles for horizontal CSS-menu
 * @data 30.06.2009
 *********************************************
 * (X)HTML-scheme:
 *  <div id="menu">
 *      <ul class="menu">
 *          <li><a href="#" class="parent"><span>level 1</span></a>
 *              <ul>
 *                  <li><a href="#" class="parent"><span>level 2</span></a>
 *                      <ul><li><a href="#"><span>level 3</span></a></li></ul>
 *                  </li>
 *              </ul>
 *          </li>
 *          <li class="last"><a href="#"><span>level 1</span></a></li>
 *      </ul>
 *  </div>
 *********************************************
 */

div#menu { width:1700px; margin:0 auto; }
div#copyright {font:11px 'Trebuchet MS'; color:#fff; text-indent:30px; padding:40px 0 0 0; visibility:hidden}
div#copyright a { color:#fff; }
div#copyright a:hover { color:#fff; }

/* menu::base */
div#menu {height:41px; background:url(../img/menu-bg.png) repeat-x;}

div#menu ul {margin: 0; padding: 0; list-style: none; float: left;}
div#menu ul.menu {}

div#menu li {position: relative; z-index: 9; margin: 0; width:163px; display: block; float: left}
div#menu li:hover>ul {left: -2px;}

div#menu a {width:163px; text-align:center; position: relative; z-index: 10; height: 41px; display: block; float: left; line-height: 41px; font-size:16px; font-weight:bold}
div#menu a:hover, div#menu a:hover span { color: #8dfbff; }
div#menu li.current a {}

div#menu span {display: block; cursor: pointer; background-repeat: no-repeat; background-position: 100% 0;}
div#menu ul ul a.parent span {background-position:95% 8px; background-image: url(../img/item-pointer.gif);}
div#menu ul ul a.parent:hover span { background-image: url(../img/item-pointer-mover.gif);}

/* menu::level1 */
div#menu a { line-height: 30px; color: #e5e5e5;}
div#menu span { margin-top: 5px;}/**@replace#1*/
div#menu li { background: url(../img/main-delimiter.png) 98% 4px no-repeat; }
div#menu li.last { background: none; }

/* menu::level2 */
div#menu ul ul li { background: none; border-bottom:solid 1px #b8b8b8}
div#menu ul ul { position: absolute; top: 38px; left: -999em; width: 163px; background: rgb(45,45,45); margin-top:1px;}
div#menu ul ul a { height: auto; float: none; display: block; line-height: 30px; color: rgb(169,169,169); font-size:12px}
div#menu ul ul span { margin-top: 0; color: rgb(169,169,169); text-align:left; padding-left:20px}
div#menu ul ul a:hover span { color: #fff; background:#626262}
div#menu ul ul li.last { background: none; padding-bottom:10px }
div#menu ul ul li { width: 100%;}

/* menu::level3 */
div#menu ul ul ul { padding: 0; margin: -38px 0 0 163px !important; margin-left:172px;}

/* colors */
div#menu ul ul ul { background: rgb(41,41,41); }
div#menu ul ul ul ul { background: rgb(38,38,38); }
div#menu ul ul ul ul { background: rgb(35,35,35); }

/* lava lamp */
div#menu li.back { background: url(../img/lava.png) repeat-x !important; background-image: url(../img/lava.gif); width:auto; height: 44px; z-index: 8; position: absolute; margin: -1px 0 0 -5px;}