I am redesignining my homepage and trying to work out how best to lay it out using CSS. The layout is as follows:

http://www.mediakitchen.co.uk/layout.jpg

The main concern is the four boxes as I am not sure how best to create the layout of each box.

Is it possible to just have one div for each box, or is it necessary to create each box using several divs in order to create the desired layout. For example, how do I get "Game design & development" and "more info" onto the same line with the dotted line beneath them?

I would really appreciate some feedback as how best to do this as I am very keen to use no tables.

This is my efforts so far but I am not sure if I am going in the right direction.

http://www.mediakitchen.co.uk/home_new.htm

Many thanks

Paul