#nav {
position: absolute;
margin: -100px 0 0 143px;
list-style: none;
	
}

#nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
	width: auto;
}

#nav li { /* all list items */
	float: left;
	width: auto; /* width needed or else Opera goes nuts */
	margin-right: 30px;
	height:28px;
	width:auto;

}

#nav li ul li { /* all list items */
	text-indent: 0px;
}

#home{
position: relative;
width: 52px;
font-size: 12px;
}

#home a span{
position: absolute;
background:url(images/menu/home.gif);
width: 49px;
height: 20px;
font-size: 12px;
}

#home_on{
position: relative;
width: 52px;
font-size: 12px;
}

#home_on a span{
position: absolute;
background:url(images/menu/home_on.gif);
width: 49px;
height: 17px;
font-size: 12px;
}

#products {
position: relative;
}

#products a span{
position: absolute;
background:url(images/menu/buddies_products.gif);
width: 84px;
height: 26px;
}

#products_on {
position: relative;
}

#products_on a span{
position: absolute;
background:url(images/menu/buddies_products_on.gif);
width: 84px;
height: 26px;
}

#legal {
position: relative;
width: 49px;
margin-left: 20px;
}

#legal a span{
position: absolute;
background:url(images/menu/buddies_legal.gif);
width: 49px;
height: 17px;
}

#legal_on {
position: relative;
width: 49px;
margin-left: 20px;
}

#legal_on a span{
position: absolute;
background:url(images/menu/buddies_legal_on.gif);
width: 49px;
height: 17px;
}

#conditions {
position: relative;
width: 104px;
padding: 0 0 0 17px;
}

#conditions a span{
position: absolute;
background:url(images/menu/buddies_conditions.gif);
width: 104px;
height: 17px;
}

#conditions_on {
position: relative;
width: 104px;
padding: 0 0 0 17px;
}

#conditions_on a span{
position: absolute;
background:url(images/menu/buddies_conditions_on.gif);
width: 104px;
height: 17px;
}

#contact {
position: relative;
width: 87px;
margin-left: 30px;

}

#contact a span{
position: absolute;
background:url(images/menu/buddies_contacts.gif);
width: 87px;
height: 17px;
}

#contact_on {
position: relative;
width: 87px;
margin-left: 30px;

}

#contact_on a span{
position: absolute;
background:url(images/menu/buddies_contacts_on.gif);
width: 87px;
height: 17px;
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-top: 10px;
	font-size: 12px;
}

#nav li ul a{ /* second-level lists */
color:#000000;
	font-size: 12px;
	text-decoration:none;
}

#nav li ul a:hover{ /* second-level lists */
color:orange;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#content {
	clear: left;
	color: #ccc;
}

/**************************************************** menu en fr ***********************************************************************/

#nav2 {
position: absolute;
margin: -100px 0 0 143px;
list-style: none;
	
}

#nav2 ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav2 a {
	display: block;
	width: auto;
}

#nav2 li { /* all list items */
	float: left;
	width: auto; /* width needed or else Opera goes nuts */
	height:28px;
	width:auto;
	font-size: 12px;

}

#nav2 li ul li { /* all list items */
	text-indent: 0px;
}

#home2{
position: relative;
width: 52px;
padding: 0 48px 0 0;
}

#home2 a span{
position: absolute;
background:url(images/menu_fr/home.gif) no-repeat;
width: 66px;
height: 20px;
}

#home_on2{
position: relative;
width: 66px;
padding: 0 48px 0 0;
}

#home_on2 a span{
position: absolute;
background:url(images/menu_fr/home_on.gif);
width: 66px;
height: 17px;
}

#products2 {
position: relative;
margin: 0 0 0 0px;
padding: 0 30px 0 0;
}

#products2 a span{
position: absolute;
background:url(images/menu_fr/buddies_products.gif) no-repeat;
width: 76px;
height: 26px;
}

#products_on2 {
position: relative;
padding: 0 30px 0 0;
}

#products_on2 a span{
position: absolute;
background:url(images/menu_fr/buddies_products_on.gif) no-repeat;
width: 76px;
height: 26px;
}

#legal2 {
position: relative;
width: 49px;
margin-left: 20px;
padding: 0 20px 0 0;
}

#legal2 a span{
position: absolute;
background:url(images/menu_fr/buddies_legal.gif);
width: 49px;
height: 17px;
}

#legal_on2 {
position: relative;
width: 49px;
margin-left: 20px;
padding: 0 20px 0 0;
}

#legal_on2 a span{
position: absolute;
background:url(images/menu_fr/buddies_legal_on.gif);
width: 49px;
height: 17px;

}

#conditions2 {
position: relative;
width: 104px;
padding: 0 25px 0 9px;
}

#conditions2 a span{
position: absolute;
background:url(images/menu/buddies_conditions.gif);
width: 104px;
height: 17px;
}

#conditions_on2 {
position: relative;
width: 104px;
padding: 0 25px 0 9px;
}

#conditions_on2 a span{
position: absolute;
background:url(images/menu/buddies_conditions_on.gif);
width: 104px;
height: 17px;
}

#contact2 {
position: relative;
width: 87px;
margin-left: 30px;

}

#contact2 a span{
position: absolute;
background:url(images/menu/buddies_contacts.gif);
width: 87px;
height: 17px;
}

#contact_on2 {
position: relative;
width: 87px;
margin-left: 30px;

}

#contact_on2 a span{
position: absolute;
background:url(images/menu/buddies_contacts_on.gif);
width: 87px;
height: 17px;
}

#nav2 li ul { /* second-level lists */
	position: absolute;
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-top: 10px;
	font-size: 12px;
}

#nav2 li ul a{ /* second-level lists */
color:#000000;
	font-size: 12px;
	text-decoration:none;
}

#nav2 li ul a:hover{ /* second-level lists */
color:orange;
}

#nav2 li:hover ul, #nav2 li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#content2 {
	clear: left;
	color: #ccc;
}