please look at this link
http://sudhakargolakaram.co.in/image.html

my question is how to place the image which has a curve design starting from the left till the right along with the 3 square images in between

keeping this image aside the width of the wrapper is 825px which is fine
the 1st div after the wrapper has content within the dark green at the very top and its width is the same as the wrapper which is 825px and the div after this are also 825px


in order to have this curve image whose width is 1204px and height 266px as the 2nd div is what i need help with

as of now my code is
#wrapper {
width: 825px;
margin: 0 auto;
}

#contentwrapper{
float: left;
width: 825px;
height: 1900px;
}

#toprowouter{
float: left;
width: 825px;
height: 25px;
}
#menu{
float: left;
width: 825px;
height: 57px;
color: #fff;
}

and code for other divs


just for the sake of this 1 image with 1204 X 266 i guess it is really not needed to change the wrapper to
#wrapper{
width: 1204px;
margin: 0 auto;
}

and there after all the other divs will need to have a width of 1204px and i will have to apply padding on left and right to a container div so that the actual content will have a width of 825px

how is it possible to have the image with 1204 X 266 sit inside the wrapper whose
width is set to 825px or should i change the wrapper width to 1204px just because of this big image

please provide the code for this

thanks.