Well, semantic web design is the way to do it nowadays. With this I mean that your page has a logical structure. You don't use html tags to define how it should look like, you only should use html tags to describe the structure. After the structure is properly described, you style it with CSS.
This means you shouldn't use <img> tags for non-content. The speech box on the front page uses 3 <img> tags while it should be defined as something like this:
There you described a part of the page's structure. After that you style it with CSS (using the images as backgrounds).Furthermore are you using ids and classes wrong. Id's are ought to be unique, which kinda makes sense since they're just literally id's. If you have many navs, use classes.
Hence my 'maybe I shouldn't be saying this'.
Tell me what you mean/how to fix it. :P
Well, semantic web design is the way to do it nowadays. With this I mean that your page has a logical structure. You don't use html tags to define how it should look like, you only should use html tags to describe the structure. After the structure is properly described, you style it with CSS.
This means you shouldn't use <img> tags for non-content. The speech box on the front page uses 3 <img> tags while it should be defined as something like this: