/*------------------------------------------------------------------------------
  CEEConstruction.eu - menu

  Cascading style sheet (CSS level 2.1)
  
  (c) Hanzely Oscar , 2009-12-31
------------------------------------------------------------------------------*/

/* Page layout ---------------------------------------------------------------*/
#header_menu {
  position: absolute;
  top: 54px;
  left: 0px;
  width: 1000px;
  margin: 0px;
  padding: 0px;
  height: 36px;
  color: #FFFFFF;
  font-family: "Helvetica", "Arial", sans-serif;
  font-size: 9pt;
  font-weight: bold;
}

#header_menu menu li a.menu_home, a.menu_home_active, a.menu_download, a.menu_download_active, 
a.menu_research, a.menu_research_active, a.menu_press, a.menu_press_active, a.menu_media, a.menu_media_active, 
a.menu_cooperation, a.menu_cooperation_active, a.menu_reference, a.menu_reference_active, a.menu_contact, a.menu_contact_active {
  height: 36px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: url("../images/CEEC_WEB_menu.png") no-repeat;
}

#header_menu menu li {
  float: left;
  height: 36px;
  list-style: none;
  position: relative;
}

#header_menu li.menu_home, a.menu_home, a.menu_home_active {
  width: 59px;
}

#header_menu li.menu_download, a.menu_download, a.menu_download_active {
  width: 76px;
}

#header_menu li.menu_research, a.menu_research, a.menu_research_active {
  width: 69px;
}

#header_menu li.menu_press, a.menu_press, a.menu_press_active {
  width: 88px;
}

#header_menu li.menu_media, a.menu_media, a.menu_media_active {
  width: 84px;
}

#header_menu li.menu_cooperation, a.menu_cooperation, a.menu_cooperation_active {
  width: 107px;
}

#header_menu li.menu_reference, a.menu_reference, a.menu_reference_active {
  width: 79px;
}

#header_menu li.menu_contact, a.menu_contact, a.menu_contact_active {
  width: 59px;
}

#header_menu menu li.menu_left {
  background: url("../images/CEEC_WEB_menu-left.png") top left no-repeat;
  width: 306px;
  float: left;
  height: 36px;
  list-style: none;
  position: relative;
}

#header_menu a.menu_home {
  background-position: 0 0;
}

#header_menu a.menu_home:hover, a.menu_home_active {
  background-position: 0 -36px;
}

#header_menu a.menu_download {
  background-position: -59px 0;
}

#header_menu a.menu_download:hover, a.menu_download_active {
  background-position: -59px -36px;
}

#header_menu a.menu_research {
  background-position: -135px 0;
}

#header_menu a.menu_research:hover, a.menu_research_active {
  background-position: -135px -36px;
}

#header_menu a.menu_press {
  background-position: -204px 0;
}

#header_menu a.menu_press:hover, a.menu_press_active {
  background-position: -204px -36px;
}

#header_menu a.menu_media {
  background-position: -292px 0;
}

#header_menu a.menu_media:hover, a.menu_media_active {
  background-position: -292px -36px;
}

#header_menu a.menu_cooperation {
  background-position: -376px 0;
}

#header_menu a.menu_cooperation:hover, a.menu_cooperation_active {
  background-position: -376px -36px;
}

#header_menu a.menu_reference {
  background-position: -483px 0;
}

#header_menu a.menu_reference:hover, a.menu_reference_active {
  background-position: -483px -36px;
}

#header_menu a.menu_contact {
  background-position: -562px 0;
}

#header_menu a.menu_contact:hover, a.menu_contact_active {
  background-position: -562px -36px;
}

#header_menu menu li span {
        position: absolute;
        z-index: 0;
        top: 0;
        left: 0;
}
#header_menu menu li span a {
        color: #FFFFFF;
        text-decoration: none;
}
#header_menu menu li:hover span a {
        color: #FFFFFF;
        cursor: pointer;
}