/* 
    Document   : menu
    Created on : Jun 16, 2009, 2:40:09 PM
    Author     : Marek Chrenko
    Description: Menu buttons are images, therefore each image has it`s hover graphical representation
*/

h1
{
  background-image: url(.././img/logo.gif);
  width: 168px;
  height: 174px;
  display: none;
}

#divider
{
  position: absolute;
  height: 45px;
  width: 1px;

  top: 0px;
  left: 312px;
  margin-top: -20px;
  padding-top: 0px;
  background-image: url(.././img/divider.gif);
}

a#langEN {
    display: block;
    width: 50px;
    height: 12px;
    background-image: url(.././img/english.gif);
    background-position: 0 0;
    margin: 0 auto;

    position: absolute;
    top: 10px;
    left: 257px;

}
a#langEN:hover {
    background-position: 0 -12px;
}

a#langFR {
    display: block;
    width: 57px;
    height: 12px;
    background-image: url(.././img/france.gif);
    background-position: 0 0;
    margin: 0 auto;

    position: absolute;
    top: 10px;
    left: 317px;
}
a#langFR:hover {
    background-position: 0 -12px;
}

a
{
  outline:none; /*don`t show border around anchor in FF*/
}

a .alt { 
 display: none;
    }


/*MENU BUTTONS*/
a#agency
{
    display: block;
    width: 118px;
    height: 15px;
    background-image: url(.././img/menu/fr-agency.gif);
    background-position: 0 0;
    margin: 0 auto;
}

a#challenges
{
    display: block;
    width: 96px;
    height: 15px;
    background-image: url(.././img/menu/fr-challenges.gif);
    background-position: 0 0;
    margin: 0 auto;
}

a#services
{
    display: block;
    width: 111px;
    height: 15px;
    background-image: url(.././img/menu/fr-services.gif);
    background-position: 0 0;
    margin: 0 auto;
}

a#contact
{
    display: block;
    width: 67px;
    height: 15px;
    background-image: url(.././img/menu/fr-contact.gif);
    background-position: 0 0;
    margin: 0 auto;
}

a#negoce
{
    display: block;
    width: 70px;
    height: 15px;
    background-image: url(.././img/menu/fr-negoce.gif);
    background-position: 0 0;
    margin: 0 auto;
}

a#conseil
{
    display: block;
    width: 65px;
    height: 15px;
    background-image: url(.././img/menu/fr-conseil.gif);
    background-position: 0 0;
    margin: 0 auto;
}

a#reference
{
    display: block;
    width: 136px;
    height: 15px;
    background-image: url(.././img/menu/fr-reference.gif);
    background-position: 0 0;
    margin: 0 auto;
}

/*
a#agency:hover {
    background-position: 0 -16px;
}
a#challenges:hover {
    background-position: 0 -16px;
}
a#services:hover {
    background-position: 0 -16px;
}
a#contact:hover {
    background-position: 0 -16px;
}
*/
#menu a.active, #menu a:hover {
    background-position: 0 -15px;
}


table#menu{
   position: absolute;
   top: 160px;
   left: 310px;

   padding : 0px 0px 0px 0px;
   margin : 0px 0px 0px 0px;
   white-space : nowrap;
   border: 0px;
}

table#menu tr td{
   padding-left: 19px;
   padding-right: 19px;
   padding-bottom: 20px;
   margin : 0px 0px 0px 0px;

   border-left-width: 1px;
   border-left-style: solid;
   border-left-color: #f2f1ee;
}