initial.rev5

comitting before working on spacing/white-space/font-size of body

index.html + style.css
-improved the css bars from akash's design. now the bars are really 100%
no over flow and if text does overflow it is elipsid rather then coming
out of the li's
-the bars width is now set in the class like dreamweaver, but only one
animation keyframes
-in prev rev i improved the 4 cricles, now dont need a circled graphic,
can use any non-circled graphic and css handles circling, also added
opcaity transition here
-i dont know what i did but cursor over the 3 square large icons is not
turnign to pointer so i added custom thing to turn it to pointer
-the margin on top and bottom of the cricles however was not equal so am
trying to make that same, figured it out, the font size on the li was
36px but font size on the i elements was 16px by me
-when would move between circles cursor would become text thing we dont
want that so i fixed this