Rounded Content Box

1. Create new document in Photoshop (mine is 300x250),

2. Now, select the Rounded Rectangle tool from the tool bar:

3. Now, select a light grey for your foreground color, and drag a box from the top left of your document to the bottom right.

4. A line may appear around your box. Do not worry about it, it wont appear when you save it. Now that we have a simple rounded rectangle, lets make it nicer. Rasterize the layer with the rounded rectangle in it (Layer > Rasterize > Layer).

5. Now add an inner shadow with the following settings:

Which will make our box look like this

6. Now Add a Drop Shadow with the following settings:

And now our box looks like this

7. Now using your burn tool, brush the top of the box to add a shadow:

8. Do the same thing with the dodge tool to the bottom of the box to add a highlight:

9. Now, using a very fine dodge brush (around 5px), make a small highlight at the top corners of your box:

10. And your done! I will leave the rest of your box up to you. There is a lot you can do to make your box unique to your site!

Example:

Now put it into your website or interface, and your done!