/* *****************************************************************************
        Navigation images
************************************ */

    #navigation #m1 {
        background: url('../images/layout/nav/menu1_up1.png') no-repeat;
    }

    #navigation #m1:hover {
        background: url('../images/layout/nav/menu1_h1.png') no-repeat;
    }

    #navigation #m1active {
        background: url('../images/layout/nav/menu1_active.png') no-repeat;
    }
  
    #navigation #m2 {
        background: url('../images/layout/nav/menu2_up1.png') no-repeat;
    }

    #navigation #m2:hover {
        background: url('../images/layout/nav/menu2_h1.png') no-repeat;
    }

    #navigation #m2active {
        background: url('../images/layout/nav/menu2_active.png') no-repeat;
    }
  
    #navigation #m3 {
        background: url('../images/layout/nav/menu3_up1.png') no-repeat;
    }

    #navigation #m3:hover {
        background: url('../images/layout/nav/menu3_h1.png') no-repeat;
    }

    #navigation #m3active {
        background: url('../images/layout/nav/menu3_active.png') no-repeat;
    }
  
    #navigation #m4 {
        background: url('../images/layout/nav/menu4_up1.png') no-repeat;
    }

    #navigation #m4:hover {
        background: url('../images/layout/nav/menu4_h1.png') no-repeat;
    }

    #navigation #m4active {
        background: url('../images/layout/nav/menu4_active.png') no-repeat;
    }
  
    #navigation #m5 {
        background: url('../images/layout/nav/menu5_up1.png') no-repeat;
    }

    #navigation #m5:hover {
        background: url('../images/layout/nav/menu5_h1.png') no-repeat;
    }

    #navigation #m5active {
        background: url('../images/layout/nav/menu5_active.png') no-repeat;
    }
  
    #navigation #m6 {
        background: url('../images/layout/nav/menu6_up1.png') no-repeat;
    }

    #navigation #m6:hover {
        background: url('../images/layout/nav/menu6_h1.png') no-repeat;
    }

    #navigation #m6active {
        background: url('../images/layout/nav/menu6_active.png') no-repeat;
    }
  
/* ***********************************
        Navigation images ends
***************************************************************************** */

#navigation {
  position: absolute;
  top: 99px;
  left: 191px;
  width: 744px;
  background: #eee;
  float: left;
  z-index: 300;
}

#navigation ul {
/*  position: relative; */
  list-style: none;
  margin: 0;
  padding: 0;
  width: 124px;
  float: left;
}

#navigation a, #navigation b {
  font-family: arial, helvetica, sans-serif;
  display: block;
  margin: 0;
  padding: 3px 0 3px 6px;
}

#navigation b {
  height: 40px;
  padding: 0;
  margin: 0;
}

#navigation b span {
  display: none;
}

#navigation a {
  text-decoration: none;
  /* font-variant: small-caps; */
}

#navigation ul ul {
  position: relative;
  margin-left: 2px;
  background: #e1ebf1;
  border-right: 1px solid #888;
  border-bottom: 1px solid #555;
  border-left: 1px solid #bbb;
  width: 170px;
}

#navigation li {
  position: relative;
}

#navigation ul li:hover ul {
  position: absolute;
}

#navigation ul ul
{
  display: none;
}

#navigation ul li:hover ul
{
  display: block;
}

#navigation li.section a {
  color: #58595b;
  text-decoration: none;
  text-transform: uppercase
}

#navigation li.section:hover {
  background: #00a1d1;
}

#navigation li.section .main {
  border-top: 1px dashed #3d7b93;
  font-size: 0.75em;
}

* html #navigation li.section .main {
  font-size: 0.55em;
}

#navigation li.section .main .sub {
  font-weight: normal;
  padding-left: 0.7em;
  font-size: 0.9em;
}

#navigation li.section .main .sub .subsub {
  padding-left: 1em;
}

#navigation li.section .main .sub .subsub a  {
  font-size: 1.1em;
  text-transform: capitalize
}

#navigation li.section .main:hover a, #navigation li.section .main:hover .sub a {
  color: black;
}

#navigation li.section .main a:hover {
  color: white;
  background: url('../images/layout/arrow_b.gif') right center no-repeat;
}

#navigation li.section .main .sub a:hover {
  color: white;
}

#navigation #m1 a,
#navigation #m1active a {
  position: absolute;
  width: 124px;
  height: 34px;
}