Align custom header image with menu ?

How can I align the header image with the menu at the top of the page? So it will look like…with the header image in the left corner and menu to the right beside it. Any help would be appreciated!

[IMAGE] Home About Page1 Page2 Page3 Page4 Contact

Here is the code at the moment:

#header{text-align:center;margin-bottom:5px}
#logo{float:none;}

a{color:#00004c}
a:hover{color:#00004c;text-decoration:underline;}

.menu a {
line-height: 95px;
height: 95px;
text-transform:uppercase;
text-shadow:none;
color:#FFF;
border:none;
font-family: 'Lato', sans-serif;
font-weight:normal;
}
.menu a:hover,.menu .current_page_item a{color:#00004c;background:none;text-decoration:none}
.menu{background:none;text-align:center;}
.menu ul{}
.menu li{float:none;display:inline-block;}
ul.menu > li:hover {background:none;}
.menu .current-page-ancestor a{color:#00004c;}