Gradient?s parameters:

Create Design Bureau Weblayout in Photoshop CS

Copy this new made layer three times and place them the way it is indicated in the picture, but don?t forget to change the parameters for each of the new copy.

Create Design Bureau Weblayout in Photoshop CS

Blending Options-Gradient
Overlay (for the red one)

Create Design Bureau Weblayout in Photoshop CS

Gradient?s parameters:

Create Design Bureau Weblayout in Photoshop CS

Blending Options-Stroke

Create Design Bureau Weblayout in Photoshop CS