The above links demonstrate a basic navigational structure using an unordered list styled with CSS. Use this as a starting point and modify the properties to produce your own unique look. If you require flyout menus, create your own using a Spry menu, a menu widget from Adobe's Exchange or a variety of other javascript or CSS solutions.

If you would like the navigation along the top, simply move the ul.nav to the top of the page and recreate the styling.

emotions

This will be a paragraph about design principles. You can remove these comments before you launch your site. To learn more about the techniques used in these CSS Layouts, read this article at Adobe's Developer Center - http://www.adobe.com/go/adc_css_layouts.

Balance

This is where you will place a description of the design principle and how you used shapes and color to create the design.

Promimity

This is where you will place a description of the design principle and how you used shapes and color to create the design.

Alignment

This is where you will place a description of the design principle and how you used shapes and color to create the design.

Repetition

This is where you will place a description of the design principle and how you used shapes and color to create the design.

Contrast

This is where you will place a description of the design principle and how you used shapes and color to create the design.

Space

This is where you will place a description of the design principle and how you used shapes and color to create the design.