How do I integrate my custom logo?

I have managed to incorporate my header logo, but I am unable to match the background (See attached file). The same is true for the Slider Settings (don't mind the image size; I can fix that). I tried to use transparent gif files but that looks pretty unprofessional.

I am sure the answer is somewhere in this forum, but the number of entries is somewhat overwhelming. Also, the documentation that came with the theme is (Sorry!) lousy. I am also disappointed by the PSD files you provide. They show whole screens instead of just individual screen elements. I am close to call the $45 I spent as a loss. I am working with Wordpress themes for several years but was never so soon at a loss.

The question is, how do I match the background image?

 

Hello,

There are two things you can do
1) Use transparent png image for logo and slider.
2) Change header and slider background color according to your logo and slider image color.

For second one
Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.header-container {
background: your color value;
}
.second-header {
background: your color value;
}