Header and Mian Content Spacing

[automatica]

Please take a look at this page. I've been searching for the way to add space between the header and the main content. At the top of the main content you'll see the "main_wrapper_top.gif" that I'm trying to get on top of the main content area.

Thanks in advance!

[clydejones]

Please take a look at this page. I've been searching for the way to add space between the header and the main content. At the top of the main content you'll see the "main_wrapper_top.gif" that I'm trying to get on top of the main content area.

Thanks in advance!

It is at the top of the main content area.

[automatica]

I've gotten that far. The image appears to be overlaying the main content and not above it so that the rounded corners display properly.

[gjh42]

In your stylesheet find

/* ROUND CORNERS INCLUDE THIS SPACING - main content area */
#contentMainWrapper {
margin: 0;
padding: 0 0 0 0;
}

and change the margin as desired:

margin: 2.0em 0 0 0;

[gjh42]

If the round-cornered gif has a transparent background and is the same color as #contentMainWrapper, that would explain your dilemma. You want to shift it so it is higher on the screen than its container. Try
position: relative;
top: -10px;
in this rule

/* ROUND CORNERS By SFS JAY */

#mainWrapperTop {
background:transparent url(../images/main_wrapper_top.gif) no-repeat scroll center bottom;
height:10px;
width:950px;
margin:0 auto;
padding:0;
text-align:left;	
position: relative;
top: -10px;
	}

[automatica]

Thank you for the input guys! I had to push the bread crumbs around a bit too but it's all working now.