Hey I am working on a new website and have just completed the coding of the basic template shell. I was hoping for some tips to improve my current coding and also if there are any bugs in it.

Link: http://intelligent-studios.co.uk/isnew/

Some things I think could be improved and am not sure how to do:

1. On the left for each package the text "custom design" and "cms" is currently part of the image. I would like this to be actual html text but still want the whole package to be a link. Im not too sure how to go about that.

2. I currently use a javascript collapsible panel on the left "info" for more details about a client. Is there a better way I could be doing this which is more elegant but still works on an html file.

3. On the images in the central column which I currently use the overlay attribute only the text are links. I would like the whole image to be a link however so when you hover over the image the text has its hover effect (change colour).

4. I am using a min-height attribute for the middle column which is currently fine. I do however think it would be nice if there was a way to calculate the largest column and then make the height of the middle column slightly above that. For example I currently have set the min-height to around 850px. if a different page has say a very long left column 850px would not be the largest which would break the footer effect. If there was a script of sorts which could calculate the left column's height autimatically then add say 20px onto that for the height of the middle column. Not sure if that would be possible.

Sorry for all the long questions, I just want to get the coding of the base template right before I move onto writing the actual website content and integrating it into wordpress.

Thanks in advance for any advice given and other tips to improve the design.