I have build a lot of sites, also some simple C5 sites. But now I want to make a site look really cool and still use my own design. These are my steps:

1. Making a great design in Photoshop
2. Instaling C5 with the yogurt theme and copy it to my own /themes directory.
3. Manipulating CSS to get basic typography and colors.
4. Adding content...this is the tricky one:
Since I have different layouts on one site like an one row animated header, one row text and then 4 blocks in a row...

The thing is I could easily create the whole design in Dreamweaver and then just copy the HTML code to C5. But what is then the use of the CMS sistem...
I still want to be able to add some other add-on blocks for easy updating latter. And I mean adding blocks maybe to those rows that could be created with HTML.

But the problem is this. When I add custom blocks for example with the "layout design" option and then try to write a CSS in Dreamweaver and apply it to my theme (which with all the corrections is first of all very time consuming) but then when I look for the div #id and .classes I get this weird names like:

ccm-layout-28-col-1 ccm-layout-cell ccm-layout-col ccm-layout-col-1 first

and I believe this name changes If I make a change, delete or reapply it. And therefore my style is never fixed.

And by using the "Set block style" option in C5 for particular blocks, which first of all seemed like a nice solution, is not really so handy since the design it produces is not exact(like the spacing is a little of etc, not every css command works...).

I was also thinking about using a new Page type, but since my site has multiple design layouts this option also didn't come so handy.

So my question is how do you solve this issues with the CSS design, weird class names... and still be using Add-On blocks?

Thanks guys.
agetis