/* ----------------------------------------------------

Titles CSS file for screen media [robotperson.com]

Uses Gilder Levin Ryznar Jacoubsen IR Version 1 - http://www.ryznardesign.com/web_coding/image_replacement/2004/gilder_levin_ryznar_jacoubsen/glrj_1_static.html

----------------------------------------------------- */

/* General IR statements */

.replace{
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	font-size: 0.1em; /* Choose font-size that will keep headline small enough to fit under the span. */
}

.replace span{
	display: block;
	position: absolute;
	top: 0; /* left:0;*/
	z-index: 1; /* for opera5 (?) and o6/mac */
}

/* General IR statements for IE5.x mac only */

* html>body	.replace{
	position: static;
	overflow: visible;
	font-size: 10px; /* Since overflow:hidden doesn't work with ie5.x mac we choose a font-size here that will keep the headline small enough to fit completely under the span.*/
}

* html>body	.replace span{
	position: static;
}

* html>body	.replace a{
	text-decoration: none; /* ie5.0-5.1.x/mac must have this value or the underline shows through the image. */
}

/* Each pair of statements per instance of IR ----------------------------------------------------------------------- */

h1#logo, h1#logo span {
	width: 285px;
	height: 57px;
	background: url(../images/logo.gif) top left no-repeat;
}

* html>body h1#logo span {/* for ie5.x/mac only */
	margin-bottom: -57px; /* Required to bring text underneath image. Use the negative height of the image here.*/
}

#footer h2, #footer h2 span {
	width: 79px;
	height: 45px;
	background: url(../images/logo-footer.gif) top left no-repeat;
}

* html>#footer h2 span {
	margin-bottom: -45px;
}