/****************************************************

#####################################################

##-------------------------------------------------##

##           FOREGGES- Version 1.6.0               ##

##-------------------------------------------------##

## Copyright = globbersthemes.com- 2011            ##

## Date      = Mars 2011                           ##

## Author    = globbers                            ##

## Websites  = http://www.globbersthemes.com       ##

##                                                 ##

#####################################################

****************************************************/



.navigation { 

float:left;

width: 850px; 

margin-top:10px;

margin-left:0px;



}



.navigation ul {

list-style: none; 

margin:0; 

padding:0;

float: left;



}



.navigation ul ul {

margin: 0; /* all lists */

padding: 0;



}



.navigation ul li {

margin:0 10px;

padding: 0;

float: left;

list-style: none;

background: none;

display: block;

	

}



.navigation ul li ul {

width: 200px;

position: absolute; /* second-level lists */

z-index: 99;

left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */

height: auto;

w\idth: 200px;



}



.navigation ul li ul ul {

margin: 0; /* third-and-above-level lists */



}



.navigation ul li li {

padding: 0;

margin: 0;

width: 100%;



}



.navigation ul ul a {

width: 100%;



}



.navigation ul li:hover ul ul,

.navigation ul li:hover ul ul ul,

.navigation ul li.sfhover ul ul,

.navigation ul li.havechildsfhover ul ul,

.navigation ul li.havechild-activesfhover ul ul,

.navigation ul li.activesfhover ul ul,

.navigation ul li.sfhover ul ul ul,

.navigation ul li.havechildsfhover ul ul ul,

.navigation ul li.havechild-activesfhover ul ul ul,

.navigation ul li.activesfhover ul ul ul {

left: -999em;

	

}



/* This "unhides" the sub-menus (left: -999em is what hides them) */

.navigation ul li:hover ul,

.navigation ul li li:hover ul,

.navigation ul li li li:hover ul,

.navigation ul li.sfhover ul,

.navigation ul li.havechildsfhover ul,

.navigation ul li.havechild-activesfhover ul,

.navigation ul li.activesfhover ul,

.navigation ul li li.sfhover ul,

.navigation ul li li.havesubchildsfhover ul,

.navigation ul li li.havesubchild-activesfhover ul,

.navigation ul li li.activesfhover ul,

.navigation ul li li li.sfhover ul,

.navigation ul li li li.havesubchildsfhover ul,

.navigation ul li li li.havesubchild-activesfhover ul,

.navigation ul li li li.activesfhover ul {

left: auto;

	

}



/* STYLING THE MENU

-----------------------------------*/

/* 1st level */

.navigation ul li a {

padding: 13px 14px 0 14px ; 

margin:0;

display: block; 

color: #000;

font-weight: bold;	

text-transform:uppercase;

height:47px;

background:transparent;

margin-left:-13px;

font-size:85%;

text-decoration:none;

}



.navigation ul li {

background:transparent;

height:47px;



}



.navigation ul li span {

background:transparent;

height:47px;

padding:0px 4px ;

margin:0 ;

 

}



.navigation li.active {

height:47px !important;

background: url(../images/menu_02.png) no-repeat 100% 0 ;



}



.navigation li.active span {

height:47px !important;



}



.navigation li.active a {

color:#fff ;

height:47px !important;

background: url(../images/menu_01.png) no-repeat 0 0px ;

margin-left:-13px;



}



.navigation li:hover {

height:47px !important;

background: url(../images/menu_02.png) no-repeat 100% 0 ;



}



.navigation li:hover span {

height:47px !important;



}



.navigation ul li:hover a {

height:47px !important;

background: url(../images/menu_01.png) no-repeat 0 0px ;

margin-left:-13px;

color:#fff;



}



.navigation ul li a:hover,

.navigation ul li a:active,

.navigation ul li a:focus,

.navigation ul li a.sfhover {





}



.navigation ul li:hover a,

.navigation ul li.sfhover a,

.navigation ul li.havechildsfhover a,

.navigation ul li.havechild-activesfhover a {





}



.navigation ul li a.active,

.navigation ul li a.active:hover,

.navigation ul li a.active:active,

.navigation ul li a.active:focus {

 



}



/* 2nd level and above */

 .navigation ul li ul {

background: #d6eaf7 !important; 

margin-top: -2px;

padding-bottom: 0px;

padding-top: 0;

text-align:center !important;



}



.navigation ul li ul li{

border-top:1px solid #f7fbfd;

border-bottom:1px solid #a5d6f7;



}



.navigation ul li ul a {

margin: 0;

padding:16px 0 0 0;

background: none !important ;

color: #222222 !important;

font-size:15px !important;

	

}



.navigation ul li.havesubchild,

.navigation ul li.havesubchild-active{



}



.navigation ul li ul a:hover,

.navigation ul li ul a:active,

.navigation ul li ul a:focus,

.navigation ul ul li:hover,

.navigation ul ul li.sfhover,

.navigation ul ul li.havesubchildsfhover,

.navigation ul ul li.havesubchild-activesfhover,

.navigation ul ul ul li:hover,

.navigation ul ul ul li.sfhover,

.navigation ul ul ul li.havesubchildsfhover,

.navigation ul ul ul li.havesubchild-activesfhover {

background:transparent;

color: #fff !important;



}



.navigation ul ul li a.active,

.navigation ul ul li a.active:hover,

.navigation ul ul li a.active:active,

.navigation ul ul li a.active:focus {

background: none !important;

color: #fff;

font-weight: bold;



}



.navigation ul li li.active {

height:40px !important;

background: transparent;



}



.navigation ul li li.active span {

height:40px !important;

background: transparent ;



}



.navigation ul li li.active a {

color:#ffffff !important;

height:40px !important;

background:transparent;



}



.navigation ul li ul li ul {

margin-left:195px;

background: #e4d9bf; 

margin-top: -30px;

text-align:center !important;



}