Untitled

<DOCTYPE!>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<!--[if lt IE 9]>
<script src="dist/html5shiv.js"></script>
<![endif]-->
</head>
<body>
 <img src="/Users/alexparsons/Desktop/AvoArt/img/logo2.jpg" style="position: inherit;     left: 10px; margin: 0 auto; ">
<nav>
  <ul>
    <li>
        <a href="#">Home</a>
</li>
<li>
    <a href="#">Gallery</a>
</li>
<li>
    <a href="#">About Me</a>
</li>
<li>
    <a href="#">Request Order</a>
</li>
<li>
    <a href="#">Contact</a>
</li>
  </ul>
</nav>
    <img src="/Users/alexparsons/Desktop/AvoArt/img/art1.jpg" style=" position: inherit;        left: 40px; margin: 0 auto; margin-top: 40px;">
<p style="font-family: Abel, sans-serif; font-size: 16px; margin-left: 500px; margin-       top: -250px;"> This is some random text. This random text will be filled later with other     text that has to do with the picture to the right. The picture to the right has a lot to     with some other stuff that is problebly very important. This is random text. This is random   text. This is random text. This is random text. This is random text. This is random text.       This is random text. </p>

<div class="line" style="background-color: #000; width: 1015px; height: 1px; margin-top:    -200px;">
<div class="line" style="margin-left: 82px; background-color: #000; width: 100px; height:    4px; margin-top: -200px;">
</div>
</div>
</body>
</html>