Help with coding please

[websitecreater]

I'm building a website with weebly and there is a white strip at the bottom that I would like to be the same as the rest of the background : www.epicenteprises.weebly.com . Heres the code:

ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input {
margin: 0;
padding: 0;
}

a img {
border: 0;
}

a {
color: #ea7400;
text-decoration: none;
}

a:hover {
color: #ff9833;
}

/* General Styling and Structure
--------------------------------------…

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #797979;
margin: 0;
padding: 0;
background: #f5f5f5;
}

h2 {
font-size: 1.7em;
margin: 0;
padding: .3em 0;
line-height: 1.2;
font-family: "Signika", Arial, Helvetica, sans-serif;
font-weight: 700;
-webkit-text-stroke-width: 0.2px;
}

#content h2 {
color: #ea7400;
}

p {
font-size: 1em;
line-height: 1.5;
margin: 0;
padding: .5em 0;
}

#content p {
color: #797979;
}

#content abbr {
border-bottom: 1px dotted #8f8f8f;
}

.page {
margin: 0 auto;
width: 960px;
}

blockquote {
font-style:italic;
border-left:4px solid #ea7400;
margin:10px 0 10px 0;
padding-left:20px;
line-height:1.5;
color:#888;
}

#header-wrap,
#main-wrap,
#footer-wrap {
min-width: 96px;
}

#header-wrap {
background: url(header-bg.jpg) left;
padding-bottom: 87px;
}

.page-shadow {
background: url(main-shadow.png) top center no-repeat;
}

.outer-main-wrap {
background: url(white.gif) left 90px repeat-x;
}

#main-wrap {
position: relative;
margin-top: -90px;
background: url(header-bg.jpg) left;
}

#header {
background: #ea7400;
padding: 0 33px;
margin: 0;
}

#logo,
#logo a {
color: #fff;
margin: 0;
padding: 0;
text-decoration: none;
-webkit-text-stroke-width: 0.2px;
}

.wsite-logo,
.wsite-logo a:hover {
color: #fff;
}

#logo,
#logo a {
font-size: 36px;
color: #fff;
margin: 0;
font-weight: 700;
padding: 0;
float: left;
font-family: "Signika", Arial, Helvetica, sans-serif;
}

#header-right a {
color: #ffb56d;
}

#header-right a:hover {
color: #FFF;
}

/* Header Area
--------------------------------------…

#header {
width: 100%;
height: 80px;
}

#header,
#header table {
border-collapse: collapse;
border-spacing: 0;
}

#header td {
vertical-align: middle;
text-align: left;
}

#logo {
padding: 25px 0 22px 18px;
}

#header-right {
padding: 0 18px 0 10px;
}

#header-right table {
float: right;
width: 1px;
}

#header-right td {
padding: 0;
}

/* TOP RIGHT: Phone Number
--------------------------------------…

#header-right .phone-number .wsite-text {
color: #813400;
font-size: 12px;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
display: block;
white-space: nowrap;
margin: 0 0 0 15px;
}

/* TOP RIGHT: Social Links
--------------------------------------…

#header-right .wsite-social {
vertical-align: middle;
margin: 0 0 0 12px;
}

.wsite-social-item {
width: 20px;
height: 20px;
margin: 0 0 0 3px;
background-image:url(social-orange.pn…
}

Thats as much as I can fit on here but hopefully the problem is somewhere in there.
Please help
Thanks in advance.

[Excavator]

Hello websitecreater,
Put your background on the body of the document instead of the #header-wrap and #main-wrap.

When posting code in the forum, please use the code tags, [code][/code] - available with the # button in the post edit window.
This will wrap your code in a scroll box which greatly helps the readability of your post.