center branding in header with different callouts on either side

[shantig 0]

Hello, I have just started using Framework and want to customize my header. I would like to have a call out on the left, centered branding and a second callout to the right of the branding. I used this code to center my branding .mainlogo-img{margin:0 auto;} I am trying to make the header look like this Can you advise me on this?

[catrina 103]

I think that you can make the logo graphic one graphic that includes the red banner background and incorporating that into the header as a background image using the background image property (and the background position property): http://w3schools.com/css/css_background.asp (rather than uploading it as the header logo and positioning it in the middle using CSS). Once that is taken care care of, CSS can be used to move the navigation up so that it looks like it's overlaying the bottom portion of the red banner. Lastly, the callouts can be repositioned using CSS, as well.