Change top menu of twitter bootstrap theme

HI I want you to change the top horizontal menu in a template to a grid like horizontal menu with 3 rows and 12 items per row. Take a look at attached image. Please take a look at attached twitter bootstrap template. I want you to change the top horizontal menu in this way- (1) The first level menu options should be divided into 4 rows and many columns- with each first level menu option having a unique color. (2) The second and lower level menu options should remain same as they are -> but hover color should match with unique color of first level. The colors of each first level menu option should be as per attached PDF's images. I will give you a list of shades for each color. An image is attached showing how I want the new menu to look-->