You can do this via css by pushing the first element of the second menu over, and then position:absolute your logo e.g. (not tested)
#element li:nth-child(4) {
margin-left:300px;
}
#logo {
position:absolute;
left:500px
top:50px;
}
Change the pixels to your desired lengths
This can also be done with jQuery append e.g.
$( "#element li:nth-child(3)" ).append( '</ul><ul class="right">' );
You would then target the second menu with it’s new class e.g. .right