invisible page titles

How do I make my page titles, so that they remain searchable and search engine available, yet not appearing in the title window? I want to free the title window for a 100% graphics generated title. Is there a CSS command for invisible type?

example title on this page:

http://www.ourcommonstrength.org/line-in-the-sand/

To accomplish the above title, I had to use a period (.) as the title and hide the overlay within the graphics. The big problem is how this cuts down on the site’s SEO.