css nəyisə foreground-a vermək

Mən kodlaşdırması mürəkkəb olan bir şablonda sticky header yaratmağa çalışıram. düzdü yaratdımda amma o qədərdə gözəl olmadı nəysə. http://45.55.74.161/ linkində yaratdığım sticky header var. Amma background-dadır. Bunu necə foregrounda verə bilərəm?

<style>
.fixed {
    position:fixed;
	overflow: visible;
    top:0;
}
</style>
<script>
var num = 50; //number of pixels before modifying styles

$(window).bind('scroll', function () {
    if ($(window).scrollTop() > num) {
        $('#header-layout').addClass('fixed');
    } else {
        $('#header-layout').removeClass('fixed');
    }
});
</script>