I set up my page in the usual manor, a single content page with a navigation bar. I use ID selectors in the structure of all my pages. I placed my curser in the navigation bar and hit the unordered list button in the property selector. I created my links: 1, 2, 3 and four. I started by selecting the unordered list, I created a CSS rule-this is where I remove the buttons. I created the CSS rules for the lists and links.

I usually create the pseudo selectors using the L O V E H A T E acronym, list, visited, hover, active. The general look of the links is created in with the anchor tag, the hit effects are created with the hover rules. I use the padding to line everything up. All my CSS rules are created from the outside to the inside.

 I took the liberty to change the solid background to a gradient. In the background I used a CSS gradient I found on: http://www.colorzilla.com/gradient-editor/. The code looks overwhelming   but it creates great effects. Normally you would use a small image for the links and a large image on the navigation div.

The Border-Radius and the Box-shadow properties are new to CSS3 and are not universally accepted in all browsers, the design looks best in Chrome. I created the Link Project logo in Photoshop and placed it as a background image in the H1 tag. Very Cool!