Convert a website visual (PSD) into HTML+CSS+jQuery

***Note: This project is a replacement for my previous project, with the final website design confirmed*** ***In your response please let me know how many separate templates you feel are required*** ***Please pay particular attention to the 'notes' that have been added to the PDF to explain certain elements of the site - I would like a cost for implementing this website using static HTML/CSS/jQuery. All text and photos will eventually be content-managed, so all image/text styling should be coded as CSS *** I need the attached visual turned into well-formatted/indented HTML and CSS with jQuery for dynamic elements. The attached file is a PDF (website design and page layouts) but we do have a basic PSD (including layers, also attached, for info). The final HTML/CSS needs to be cross-browser and table-less. - The site has 7 sections - the top menu needs to implement a 'hover' state with the moused-over option showing as a red background. - The 'Home' page has two areas - the left area needs its content to slide left and right (similar to the front-page at [login to view URL]) - A lightbox mechanism is needed - see an example on page 6 (with a video in the ligtbox) - The rough edges around sections is important and should be coded in CSS. - All photos will be managed by CMS so the frames/overlays/dropshadows should be done using CSS and PNG overlays. See page 12 to see 3 smaller photos and 1 larger photo - we need these images to be loaded in as standard photos with the layering/overlaying/dropshadows/frames all added using the CSS - We want all menus and quotes to be done using embedded fonts (we have the fonts already) - The map on page 3 will have the centre names/locations fed into it dynamically, so a mechanism is required which allows data to be turned into the map I'm fine to add all the server-side code, so we're looking for as few HTML/CSS/jQuery templates/files as are required. Please ask for clarification if required. Thanks for your interest.