/**

 *********************************************

 * 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>

 *              <div><ul>

 *                  <li><a href="#" class="parent"><span>level 2</span></a>

 *                      <div><ul><li><a href="#"><span>level 3</span></a></li></ul></div>

 *                  </li>

 *              </ul></div>

 *          </li>

 *          <li class="last"><a href="#"><span>level 1</span></a></li>

 *      </ul>

 *  </div>

 *********************************************

 */


/*** Menu ***/
nav {
    width:1100px;
    height:50px;
    display:inline-block;
    background-image:url(../images/menu-secondary-bg.png);
}

.nav_inner { 
width:1020px;
height:31px;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;	
padding:0px 0px 0px 17px;
}



/* menu */
.menu_nav { width:auto; height:40px; padding-top:0px; margin:0px 0px 0px -17px;}
.menu_nav ul {float:right; width:auto; list-style:none;}


div#menu ul {

    margin: 0;

    padding: 0;

    list-style: none;

    float: left;

}

div#menu ul.menu {

    padding-left: 0px;

    margin-left: 0px;

}



div#menu li {

    position: relative;

    z-index: 9;

    margin: 0;

    padding: 0;

    display: block;

    float: left;

}

  


div#menu li:hover>ul {

    left: -2px;

}



div#menu li div {

    background-color:#767676;

    list-style: none;

    float: left;

    position: absolute;

    top: 39px;

    left: 0;

    width: 208px;

    z-index: 1000;

    visibility: hidden;

    padding: 0 0 0px 0px;

    _padding: 0 0 0px 0px;

    margin: 0 0 0 0px;
    
    border-left: 1px solid #1b1b1b;
    border-right: 1px solid #1b1b1b;

}

div#menu li:hover>div {

    visibility: visible;

}



div#menu li.current a {}



/* menu::level1 */

div#menu a {

    position: relative;

    z-index: 10;

    height: 40px;

    display: block;

    float: left;	

    padding: 0 23px 0 23px;

    line-height: 42px;

    text-decoration: none;
	
	color:#fff;
	
	font-size:12px;
	
	font-family:Arial, Helvetica, sans-serif;
	
	font-weight:bold;
	

}





div#menu li.active {

    background-color: #fff;

}


div#menu li.active a {

    color: #000;

}


div#menu a:hover {

    background-color: #fff;
	color: #000;
 }


div#menu li.active a:hover {

    color: #000;

}

div#menu li.active div.there ul li a {
color: #ffffff;
}

div#menu span {

    font: normal 12px Helvetica,Arial,sans-serif;

    padding-top: 13px;

    color: #fff;

    font-weight:bold;

    text-transform:uppercase;

    display: block;

    cursor: pointer;

    background-repeat: no-repeat;		

}

div#menu ul a:hover span {

    color: #7c1914;

}


div#menu ul ul li a {color:#fff;}


div#menu ul ul li a:hover { color:#000;}





div#menu li {}

div#menu li.last span{

    padding: 13px 10px 16px 0;

}



/* menu::level2 */

div#menu ul ul li {


    padding: 4px 0;

    z-index: 9;	

}

div#menu ul ul {

    z-index: 12;	

    padding: 0;
	
    margin-top:1px;

    margin-left:0px;

    margin-right:5px;

}

div#menu ul ul a {

  	width: 184px;

	 padding: 0px 7px 3px 16px;

    height: auto;

    float: none;

    display: block;


    margin-bottom: 2px;

    z-index: -1;
	line-height:20px;

}

div#menu ul ul a span {

	padding: 0 10px 0px 10px;

    line-height: 20px;

    color: #FFF;

    font-weight:bold;

    text-transform: none;

    background:none;

	font-size:12px;

}

div#menu ul ul a:hover {

    background: 8px bottom;
	 color: #fff;

}

div#menu ul ul a:hover span {

    color: #fff;

}



div#menu ul ul li.last { background: none; }

div#menu ul ul li {

    width: 100%;

	border-bottom:1px dotted #000;

        position: relative;

        top: 1px;
	background:none !important;
}



/* menu::level3 */

div#menu ul ul div {

    width: 208px;

    margin: -42px 0 0 208px !important;

    height: auto;

    _padding: 0 0 9px 3px;

}

div#menu ul ul ul {

	_padding-right:1px;

}



/* lava lamp */

div#menu li.back {

}

div#menu li.back .left {
}