Gradient on color section + center transparent Logo on it.

Hello,

After successfully adding gradient color on the color section by using this code:

.footerlogo { 
background: #00677f;
background: -moz-linear-gradient(-45deg,  #00677f 0%, #ffffff 100%);
background: -webkit-linear-gradient(-45deg,  #00677f 0%,#ffffff 100%);
background: linear-gradient(135deg,  #00677f 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00677f', endColorstr='#ffffff',GradientType=1 );
}

i added overlay pattern (PNG image), and it repeat itself all the screen,
I need one logo in the center of the page. (color section is 300px height)

What shall if do?

Thank you