Javascript/CSS site templates

I need 4 templates build for a site which I've designed. These need to be built with good, clean CSS and javascript. I will take those templates and build the rest of the site with them.

I've attached 3/4 artwork JPGs and here are some notes around those screens.

Page: "Splash page"
So this is the general layout and it's fairly straightforward. The font used throughout is Swiss 721 so this should be represented using the fonts'.com online font service: http://www.fonts.com/search/web-fonts?searchtext=Swiss+721&SearchType=WebFonts&src=GoogleWebFonts
A) There are two main sections in this site: "Commercial clients" and "Private clients" so the designer has asked for a splash page as shown.

Page: "Home commercial"
This is the home page for the "Commercial clients" section.

Page: "Case study main page"
This is one of the section subpages.
B) When you roll over any of the top menu items, a dropdown list should appear with gradual opacity up to 100%. The hover should activate on the name or the ">". Hovering over the main menu and submenu items should change them from dark grey to green (as shown).

Page: "Case study part 1"
From the previous page, after selecting this page, the main image should slide in from the right hand side.
C) It is quite subtle but when the main menu item has been selected and is not in hover state, the submenu should still be visible with 20% opacity. When the user hovers over it again, it goes back to 100% opacity (fades up to 100%).
D) In some sub-sections, there are more than on page, and these are accessed by this arrow or
E) this one. The image coming in from the RHS should be transition between these pages too.
F) Some pages will have associated PDFs and they will be downloaded by clicking this button.
G) Some pages will feature grids like this. It goes without saying that no frames should be used.

More details available once the job has been allocated.