Need Help positioning a graphic over an image.

Question

Trying to position an arched graphic over an image in the header of this site.  The photoshop image provided shows the three separate components. 1. The white content is one image that houses the main header images and the other three images lower on the page. In CSS it is the #inner-content. 2. #main-content is the teal color  3.  The arch image, which sits inside #arch-container.  The CSS is shown here, but when it is displayed in a browser...the #inner-content sits below the arch image instead of up underneath it.  I have tried many variations within the CSS and can't find the solution. Help!
@charset "utf-8";
    margin: 0px;
    padding: 0px;
#page-wrap {
    width: 960px;
    margin-right: auto;
    margin-left: auto;
#page-wrap #main-content {
    width: 960px;
    height: 1200px;
    background-color: #445d64;
    float: left;
#page-wrap #main-content #inner-content {
    height: 1175px;
    width: 800px;
    background-image: url(images/inner-container-bg.jpg);
    float: left;
    margin-left: 80px;
    clear: both;
#page-wrap #arch-container {
    width: 960px;
    height: 200px;
    z-index: 10;
    float: left;
    position: relative;
#page-wrap #arch-container #arch-img {
    background-repeat: no-repeat;
    float: right;
    width: 960px;
    position: absolute;

Answer 1

You need to bear with me a little more, age is rapidly setting in making it harder for me to understand what you are on about.
Which code did I supply?
Or do you mean the link?
If you are referring to the link, I do not see a 170px gap from the top.
Maybe someone more from this world would like to help you.
Happy New Year!