This Layout

This layout was designed in 2009 to work on IE 5.5,6,7,8+. It is designed to be fluid in order to expand and show information on larger resolutions, but also works at 800x600. This layout works in all resolutions* and all current browsers with significant market share*: Mozilla Firefox Internet Explorer 5.5, 6, 7 and 8 Google Chrome Mac Safari Opera
*based on the current list of Web Browser Statistics and Browser Resolution Statistics

Main Page

This main page is rendered with 1 background image for the gradient at the top and the rest is done with CSS3. The alpha transparency, the rounded corners, everything. Unfortunately no version of IE supports CSS3. Therefore it has fallback code for IE that uses JavaScript and some filters(in CSS) to re-create the same effect. The rounded corners effect for IE is built on jQuery.

Navigation

The navigation is designed to be functional, allowing the user to open up sub-menus without a page refresh. It also is tested to work on all above browsers, although IE5.5 and 6 do not support transparent PNG. The navigation is built on jQuery.