#wrapper1 /* First Wrapper For logo and nav */
{
width:900px;
}

#tl /* top half of circular image */
{
float:left;
background-image:url(/images/t1.png);
margin:0px;
padding:0px;
width:200px;
height:144px;
}



#tr1 /* Seperate section top right, which will introduce text */
{
float:right;
height:115px;
width:700px;
}

#nr1 /* the navigation bar */
{
background-image:url(/images/nav.png);
float:right;
height:29px;
width:700px;
}

#nr1 ul li /* The attempted list */
{
    margin-left: 0;
    margin-bottom: 0;
    margin-top:0px;
    list-style: none;
    display: inline;
}



#wrapper2 /* New wrapper for content */
{
width:900px;
}

#bl /* bottom half of circular image */
{
clear:both;
background-image:url(/images/b1.png);
width:200px;
height:57px;
}

<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>

* {
margin:0;
padding:0;
}