Adding an image between navigation links on TwentyTen theme

Hi all,

So I’m adapting a layout I designed into the TwentyTen theme. In the HTML I’ve coded a navigation that looks like this.

#navcontainer{
	width:1024px;
	height:100px;
	margin:auto;
}

#navcontainer ul{
	width:100%;
}

#navcontainer li{
	font-family: 'Indie Flower', cursive;
	color:#827775;
	text-transform:uppercase;
	display:block;
	position:relative;
	float:left;
	text-align:center;
	width:181px;
	padding-top:40px;
}

#navcontainer blockquote{
	float:left;
}

<ul>
<li><a href="#">Blog</a></li>
<li><a href="#">About</a></li>
<blockquote><a href="index.html"><img src="images/banner.png" width="300" height="100" alt="banner" /></a>
</blockquote>
<li><a href="#">Videos</a></li>
<li><a href="#">Contact</a></li>
</ul>

Now I want to adapt this into the TwentyTen layout so in WordPress I can create 4 pages and have a hardcoded image inbetween them. However I’m unsure how to do this.