Words are margined from navigation bar & how to extend navigation bar

so I am making a website for a friend of mine, and I had to position the image and navigation bar "relative" so I can position them properly. But now when I add paragraph tags, theres a huge margin with the words and navigation bar

Also, how do i extend my navaigation bar so it goes across the page?

Code: http://ift.tt/1PLK4s2

(you can see the problem in jsbin)

Thank you for the help! - Anthony DeMatteis