How to add logo to Template

I attacked my logo, but it is overlaid with the menu item.

As I can separate the logo of the menu item?

in layout.css:

.header {
height: 122px;
margin: 0 auto;
}

.logo {
height: 122px;
width: 50%;
float: left;
}


change height from 122 in both places to some bigger value

I thank the solution provided, the problem has been solved.