First off, I like the graphics and colors. Everything is easy to read. At least for me. I noticed you have declared your font sizes using px units. Because of this, people using Internet explorer will not be able to resize the fonts. For accessibility, you should use percentages. Set your font size to 100% for your main content. Adjust the size of your other fonts accordingly. Headers, for example, at 125-150%.
Speaking of headers:
<p align="right"><span class="title1">Dreamtime Gallery Cafe</span></p>
There is really no need for a paragraph and span element here.
<h1>Dreamtime Gallery</h1>
This is easily styled in css:
h1 {
font-family: Arial, Verdana, sans-serif;
font-size: 150% /* or whatever size is appropriate */
font-weight: bold;
color: #FFFFFF;
text-align: right;
}
- h1 {
- font-family: Arial, Verdana, sans-serif;
- font-size: 150% /* or whatever size is appropriate */
- font-weight: bold;
- color: #FFFFFF;
- text-align: right;
- }
Using correct markup is essential for accessibility.
http://www.brainstormsandraves.com/archives/2002/05/14/dont_fake_your_markup_accessibility_issues_for_css/
For your image rollovers, you should consider using CSS techniques. It's real simple and isn't dependent on javascript. I love css rollovers but that's a matter of opinion mostly. See
http://www.pixy.cz/blogg/clanky/cssnopreloadrollovers/
A google search for css image rollovers will yield many results.
Other than that, I think it's pretty good.