Hey guys, here is my site, i am using wordpress.

I want the orange header to appear on top of the current one. So I need to bring down the body background. How would I do that...here is the header part of style.css.

Any help would be nice, thanks.

 

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
color: #333333;
margin: 0px;
padding: 0px;
background: url(images/header-line.gif) repeat-x top;
}
h1, h2, h3, h4, h5, h6 {
font-family: Arial, Helvetica;
}

h1.title {
color:#24282c;
font-size:16px;
border-bottom:1px solid #5b5e61;
width:560px;
margin-top:0;
}

#wrapper {
width: 951px;
margin: 0px auto;
}
#main-title {
font-size: 25px;
line-height: 30px;
text-transform: capitalize;
color: #000000;
}
#header {
float: left;
height: 43px;
width: 951px;
margin-bottom: 8px;
}
.top-header-ads {
text-align: center;
margin: 0px;
padding: 8px 0px 0px 0px;
float: left;
width: 951px;
}

#navigation {
margin: 0px;
padding: 6px 0px 0px 1%;
float: left;
height: 37px;
width: 69%;
overflow: hidden;
}
.page_navigation {
margin: 0px;
padding: 0px;
float: left;
list-style-type: none;
}
.page_navigation li {
margin: 0px 10px 0px 0px;
padding: 0px 0px 0px 16px;
float: left;
display: inline;
font-size: 12px;
line-height: 28px;
color: #FFFFFa;
font-weight: bold;
font-family: Verdana, Arial, "Times New Roman", sans-serif;
}
.page_navigation li a {
color: #FFFFFb;
text-decoration: none;
margin: 0px;
padding: 0px 16px 0px 0px;
}
.page_navigation li a:hover {
color: #F9f9f8;
text-decoration: none;
margin: 0px;
padding: 0px 16px 0px 0px;

sorted now