ul.brands{
left:0px;
margin-left:-18px;
top:325px;
margin-left:;
border:0px solid #FF0000;
}

li{ 
float:left;
left:0px;
margin-right:15px;
height:57px;
border:0px solid #FF0000;
list-style:none;
}


<!--################ HOVER NAV ################-->

a.hauptnav {position: relative; z-index: 20;}
a.hauptnav:hover {z-index: 25;}
a.hauptnav span{ /* Span Element nicht anzeigen */
display: none;
}
a.hauptnav:hover span{ /* Span Element nur angezeigt beim Ueberfahren mit der Maus */
background: transparent; /* Hintergrundbild */
display: block; /* macht aus dem Inlineelement ein Blockelement */
position: absolute;
top: -222px; /* abstand von oben */
left: 0px; /* abstand von links */
width:0px; /* breite */
padding:0px; /* Innenabstand */
border:0px solid #FFFFFF;
}

<!--################ 02 ################-->

a.hauptnav02 {position: relative; z-index: 20;}
a.hauptnav02:hover {z-index: 25;}
a.hauptnav02 span{ /* Span Element nicht anzeigen */
display: none;
}
a.hauptnav02:hover span{ /* Span Element nur angezeigt beim Ueberfahren mit der Maus */
background: transparent; /* Hintergrundbild */
display: block; /* macht aus dem Inlineelement ein Blockelement */
position: absolute;
top: -222px; /* abstand von oben */
left: 31px; /* abstand von links */
width:0px; /* breite */
padding:0px; /* Innenabstand */
}

<!--################ 03 ################-->

a.hauptnav03 {position: relative; z-index: 20;}
a.hauptnav03:hover {z-index: 25;}
a.hauptnav03 span{ /* Span Element nicht anzeigen */
display: none;
}
a.hauptnav03:hover span{ /* Span Element nur angezeigt beim Ueberfahren mit der Maus */
background: transparent; /* Hintergrundbild */
display: block; /* macht aus dem Inlineelement ein Blockelement */
position: absolute;
top: -222px; /* abstand von oben */
left: 153px; /* abstand von links */
width:0px; /* breite */
padding:0px; /* Innenabstand */
}

<!--################ 04 ################-->

a.hauptnav04 {position: relative; z-index: 20;}
a.hauptnav04:hover {z-index: 25;}
a.hauptnav04 span{ /* Span Element nicht anzeigen */
display: none;
}
a.hauptnav04:hover span{ /* Span Element nur angezeigt beim Ueberfahren mit der Maus */
background: transparent; /* Hintergrundbild */
display: block; /* macht aus dem Inlineelement ein Blockelement */
position: absolute;
top: -222px; /* abstand von oben */
left: 145px; /* abstand von links */
width:0px; /* breite */
padding:0px; /* Innenabstand */
}

<!--################ 05 ################-->

a.hauptnav05 {position: relative; z-index: 20;}
a.hauptnav05:hover {z-index: 25;}
a.hauptnav05 span{ /* Span Element nicht anzeigen */
display: none;
}
a.hauptnav05:hover span{ /* Span Element nur angezeigt beim Ueberfahren mit der Maus */
background: transparent; /* Hintergrundbild */
display: block; /* macht aus dem Inlineelement ein Blockelement */
position: absolute;
top: -222px; /* abstand von oben */
left: 353px; /* abstand von links */
width:0px; /* breite */
padding:0px; /* Innenabstand */
}

<!--################ 06 ################-->

a.hauptnav06 {position: relative; z-index: 20;}
a.hauptnav06:hover {z-index: 25;}
a.hauptnav06 span{ /* Span Element nicht anzeigen */
display: none;
}
a.hauptnav06:hover span{ /* Span Element nur angezeigt beim Ueberfahren mit der Maus */
background: transparent; /* Hintergrundbild */
display: block; /* macht aus dem Inlineelement ein Blockelement */
position: absolute;
top: -222px; /* abstand von oben */
left: 345px; /* abstand von links */
width:0px; /* breite */
padding:0px; /* Innenabstand */
}

<!--################ 07 ################-->

a.hauptnav07 {position: relative; z-index: 20;}
a.hauptnav07:hover {z-index: 25;}
a.hauptnav07 span{ /* Span Element nicht anzeigen */
display: none;
}
a.hauptnav07:hover span{ /* Span Element nur angezeigt beim Ueberfahren mit der Maus */
background: transparent; /* Hintergrundbild */
display: block; /* macht aus dem Inlineelement ein Blockelement */
position: absolute;
top: -222px; /* abstand von oben */
left: 538px; /* abstand von links */
width:0px; /* breite */
padding:0px; /* Innenabstand */
}

<!--################ 08 ################-->

a.hauptnav08 {position: relative; z-index: 20;}
a.hauptnav08:hover {z-index: 25;}
a.hauptnav08 span{ /* Span Element nicht anzeigen */
display: none;
}
a.hauptnav08:hover span{ /* Span Element nur angezeigt beim Ueberfahren mit der Maus */
background: transparent; /* Hintergrundbild */
display: block; /* macht aus dem Inlineelement ein Blockelement */
position: absolute;
top: -222px; /* abstand von oben */
left: 530px; /* abstand von links */
width:0px; /* breite */
padding:0px; /* Innenabstand */
}

<!--################ 09 ################-->

a.hauptnav09 {position: relative; z-index: 20;}
a.hauptnav09:hover {z-index: 25;}
a.hauptnav09 span{ /* Span Element nicht anzeigen */
display: none;
}
a.hauptnav09:hover span{ /* Span Element nur angezeigt beim Ueberfahren mit der Maus */
background: transparent; /* Hintergrundbild */
display: block; /* macht aus dem Inlineelement ein Blockelement */
position: absolute;
top: -222px; /* abstand von oben */
left: 733px; /* abstand von links */
width:0px; /* breite */
padding:0px; /* Innenabstand */
}

<!--################ 10 ################-->

a.hauptnav10 {position: relative; z-index: 20;}
a.hauptnav10:hover {z-index: 25;}
a.hauptnav10 span{ /* Span Element nicht anzeigen */
display: none;
}
a.hauptnav10:hover span{ /* Span Element nur angezeigt beim Ueberfahren mit der Maus */
background: transparent; /* Hintergrundbild */
display: block; /* macht aus dem Inlineelement ein Blockelement */
position: absolute;
top: -222px; /* abstand von oben */
left: 780px; /* abstand von links */
width:0px; /* breite */
padding:0px; /* Innenabstand */
}

<!--################ END NAV ################-->