I have a wrap that is centered on a page. Beneath it have another wrapper with a different width. I need to place basically, another div behind both of them that is also centered within the body. I'm not sure this can be set up.

If I set up a div with position: absolute, I can almost achieve this but I am unable to center it within the body. In a sense, I need another wrapper behind these others, with a different width. The blue box in the example represents the area with which I'm trying to place content. I just need a layer/div that exists behind the others and is centered.

Any ideas? Thanks in advance.