@media screen 
{

/**********************************************************
 *                                                        * 
 *                       Menu                             *
 *                                                        *
 **********************************************************/

div#menu ul
{
	position:                   relative;
  list-style:                 none;
  padding:                    0;
  margin:                     0;
}

div#menu li.menu
{
  float:                      left;
  margin:                     0;
  padding:                    0;
}

div#menu a.menu
{
	display:                    block;
	font-size:                  15px;
	line-height:                1.3em;
  text-decoration:            none;
  padding:                    8px 6px 0 6px;
  color:                      #888;
  text-shadow:                -1px -1px 1px #ddd;
  height:                     25px; /* 33 - 8 */
}

div#menu a.menu:hover
{
  color:                      #EF8258;
  background-position:        right -33px;
}

div#menu li.active a.menu
{
  color:                      #EF8258;
  background-position:        right -33px;
}


div#menu span
{
	  padding:                   0px 2px 0 1px;
}

div#slider
{
	position:                   absolute;
	top:                        30px;
	left:                       24px;
	width:                      65px;
	height:                     13px;
	background:                 transparent url(img/slider.png) no-repeat 0 0;
}

div.submenu
{
  z-index:                    500;
	position:                   absolute;
	left:                       10px;
	top:                        36px;
}

div.submenu ul
{
	list-style-type:            none;
	padding:                    0;
	margin:                     0;
}

div.submenu li.submenu
{
  position:                   relative;
  padding:                    12px 12px 0px 0;
  height:                     40px;
	float:                      left;
	margin:                     0;	
}

div.submenu a.submenu, 
div.submenu a.submenu:link, 
div.submenu a.submenu:active, 
div.submenu a.submenu:visited, 
div.submenu a.submenu:hover
{
	font-size:                  13px;
	padding:                    4px 10px 4px 10px;
	line-height:                1em;
	color:                      #fff;
	text-decoration:            none;
  -webkit-border-radius:      4px;
  border-radius:              4px; 	
  background:                 #B84112;
  text-shadow:                1px 1px 1px #333;
  -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.5);  
}

div.submenu a.submenu:hover,
div.submenu li.active a.submenu,
div.submenu li.active a.submenu:link,
div.submenu li.active a.submenu:active,
div.submenu li.active a.submenu:visited,
div.submenu li.active a.submenu:hover
{
	color:                      #EF8258;
	background-color:           #fff;
	text-shadow:                none;
  -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);  
}

div.submenu a.submenu span
{
	height:                     20px;
}

/**********************************************************
 *                                                        * 
 *                       Menu-id                          *
 *                                                        *
 **********************************************************/


div#menu a.menu:hover
{
  color:                      #DD6A02;
}

div#menu a.menu1
{

  background:                 transparent url(img/menubutton8.png) no-repeat top right;
}

div#menu a.menu1:hover
{
  background-position:        right -33px;
}

div#menu a.menu2
{

  background:                 transparent url(img/menubutton2.png) no-repeat top right;
}

div#menu a.menu2:hover
{
  background-position:        right -33px;
}

div#menu a.menu3
{
  background:                 transparent url(img/menubutton3.png) no-repeat top right;
}

div#menu a.menu3:hover
{
  background-position:        right -33px;
}

div#menu a.menu4
{
  background:                 transparent url(img/menubutton4.png) no-repeat top right;
}

div#menu a.menu4:hover
{
  background-position:        right -33px;
}

div#menu a.menu5
{
  background:                 transparent url(img/menubutton2.png) no-repeat top right;
}

div#menu a.menu5:hover
{
  background-position:        right -33px;
}

div#menu a.menu6
{
  background:                 transparent url(img/menubutton6.png) no-repeat top right;
}

div#menu a.menu6:hover
{
  background-position:        right -33px;
}

div#menu a.menu7
{
  background:                 transparent url(img/menubutton7.png) no-repeat top right;
}

div#menu a.menu7:hover
{
  background-position:        right -33px;
}

div#menu a.menu8
{
  background:                 transparent url(img/menubutton8.png) no-repeat top right;
}

div#menu a.menu8:hover
{
  background-position:        right -33px;
}

}