What twodayslate is trying to tell you, is that we can't code it for you. We can only help you.
As I told you, PSD to HTML is the conversion of an image to a website. It sounds like you already have a site and want to add the pillars to it.
Seems you have not actually asked anyone to do it, I can help you.
You could use different background images. For the top, for the bottom and for either side. So cut up your background image. For the images on the side, we will have to add a repeat attribute:
Code:
.leftimg {
background-image: url('image.png');
background-repeat: repeat-y;
background-position: left;
}
I'm tired, so if this doesn't work let me know and I'll fix.
Do the same for the right, and change the attributes accordingly.
This will repeat that image down the y-axis for as long as the browser stretches downwards with your content.
For the bottom will be simple, just change the repeat and position attribute from the side class, to this:
Code:
background-repeat: repeat-x;
background-position: bottom;
Now it will repeat along the X-axis at the bottom.
For the top, it's different, it's the main image. So if you wanted you could have another background image for the middle of the top, and either side. The one at the top middle will have to be centered, and the ones on the side will have to be repeated along the x-axis.
Using this method, the pillars will be behind your other content.
If you want to read more on HTML and CSS, see these links:
http://www.w3schools.com/html/default.asp
http://www.w3schools.com/css/default.asp