One easy way is to use something similar to what skin1/customer/home_main.tpl does and differentiate the areas by seeing what $main contains. The only problem with this method is that you'll have to add a new class appending the pageid to it everytime in the css (or inline styles if you prefer)...
For instance open up skin1/dialog.tpl and locate the second DialogBox within the TD...
and change to... (adding {if $main eq "pages"}{$page_data.pageid}{/if} immediately after the class name so there are no spaces)
Code:
class="DialogBox{if $main eq "pages"}{$page_data.pageid}{/if}"
Then open up skin1/skin1.css and add the new class like so (I've used the xcart logo for an example so make sure you reference the correct image) the only thing to watch out for is adding your own images for each individual page id. So if you have a static page with a pageid of 12, append 12 to a new copy of TD.DialogBox like so...
Code:
TD.DialogBox12 {
BACKGROUND-COLOR: #FFF;
TEXT-ALIGN: left;
PADDING: 10px;
BACKGROUND-IMAGE: url(images/xlogo.gif);
}
And hopefully, when you visit a static page, they will have a background image whilst the other pages will not.
Hope this helps.
===========================
EDIT: Forgot to mention a few bit & bobs