PSD to WordPress Project

Convert Photoshop .psd design (will be provided) to a functional theme/website built on WordPress. Very simple, image centered design for an architecture firm. Most of the work is just putting the design onto WordPress. Some simple effects are needed such as images fading, sliding menu's etc. to be done in JQuery. ## Deliverables There are 14 screenshots of how the website should be laid out. SCREENSHOTS AND .PSD INCLUDED IN ZIP FONT Entire website's font should be Myriad Pro MAIN PAGE Images featured in the center will rotate (using JQuery) using a fade effect and each image's correspoding box (located bottom left corner) will be highlited in green as they rotate. Optionally, the user will be able to change the image manually by selecting the corresponding box in lower left corner. When an image is optionally selected by clicking the small box, they image will stop automatically rotating. These boxes and automatically rotating images will only be on the main page. WORK Section When user hovers mouse over 3 main items (work, about us, recognition), that item will change color to green and the sub menu will slide in from left (using JQuery). Then, as they hover each sub-menu item (for example: Work > Commercial, Civic / Public, Housing, etc.) it will turn green. Then, when the sub-menu item is selected (ex. housing) it will take them to the corresponding page (for example: "Housing") and the background image will change for that sub page and another sub menu will appear (e.x. hemming house, gold medallion, city view). Then, as the user hovers over each item in this 2nd sub menu, it will turn green and when selected will take the user to the "Info" page for that project. Then, a bar will appear on the far left with the words "Project List" that when clicked will slide out showing again the menu allowing them to go back and select a different project. The default page for each work project will be an "info" page with brief info and a corresponding background image. Also, the word "info" and again small boxes corresponding to images will appear in bottom left allowing user to click on each box to view a different image (which will change in the center using JQuery fade effect) or click "info" again to return to the info section. When one of the boxes is selected the box containing the information will dissappear but the "project list" bar will remain. ABOUT US Section Same basic naivgation effects as Work and layout should match attached files. In this section there will be no "info" button or small boxes in bottom left corner. Also, the navigation will not retract but will stay visible on every sub page. RECOGNITION Section The navigation will be similar to the ABOUT US however there is no need for a 2nd level sub navigation, only 1 level. CONTACT section When the contact button in the upper right corner is selected it will take user to contact page laid out according to the design. This page contains a simple contact form that should generate an e-mail sent to an address specified in the WordPress admin panel. Optionally, it would be nice if the data was also stored in a database and could be viewed via the wordpress admin panel. There will also be a small embedded google map of the company's address. The e-mail address here when clicked will have a mailto: link prompting to send an e-mail. The Method Studio logo in the bottom right corner should always link back to the main page.