body {
	background-color: #000000;
    background-image: url(/images/RedDashboardGRAPHX1210121-1copy.jpg);
    background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	}

#book { 
	x-background-image: url(/images/RedDashboardGRAPHX1210121-1copy.jpg);
	xheight: 595px;
	xwidth: 750px;
	}

#menu a {
	position: absolute;
	xheight: 38px;
	xwidth: 88px;
	top: 31px;
	text-decoration: none;
	background-repeat: no-repeat;
	border: 0;
	border-color: transparent;
	height: 207px;
   }

/* TODO: Build navigation bar and include it rather than the image "map" */
@media screen and (max-width: 600px) {
    body {
    background-image: url(/images/GRAPHX1210121copy_small_480x349.png);
    }
}

/* On IE got blue borders on the placeholder transparent images until did this.  */
#menu a img { border-color: transparent; }

#menu a i { visibility: hidden; }

.RedDashboard { color:  #fff; 
                font-size: x-large;
}

a#credits, a#indicia { top: 531px; }

a#books { top:  326px; left: 615px; }
a#Contact { left: 221px; }
a#about {
	top: 134px;
	left: 940px;
	border-color: transparent;
}
a#Robert { left: 1035px; top: 560px ;}
 
a#zombie { top: 341px; left : 1042px;  border-color: #f00; }
a#home { left: 29px; top: 306px; }
a#cowboy { left: 1122px; top:  480px; border-color: transparent; }

a#books:hover { background-image: url(/images/REDDBookStreetCatalog.jpg);  }
a#Contact:hover { background-image: url(/images/prefaceglow.jpg); }
a#about:hover { background-image: url(/images/REDDrearviewmirror.jpg);   top: 128px; left: 940px;}
 
 
a#zombie:hover { background-image: url(/images/REDDZombieHand.jpg); }
a#home:hover { background-image: url(/images/REDDsidemirror.jpg); left: 29px; top: 306px; background-repeat: no-repeat; }
a#cowboy:hover { background-image: url(/images/REDDtinstar.jpg); }

a#books:hover,
a#Contact:hover, 
a#about:hover, 

a#zombie:hover, 
a#home:hover, 
a#cowboy:hover { border: 0; } 

#copyright { color:#fff }