body {
	background-color: white;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	color: #848484;
	font-size: x-small;
 	min-height: 600px;
	}
		
	a.menu, a.menu img{
	text-decoration: none;
	border-style: none;
	color: #848484; 
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: x-small; 
	}
	
	a.menu:link, a.menu:link img{
	text-decoration: none;
		border-style: none;
	}

	a.menu:visited, a.menu:visited img{
	text-decoration: none;
		border-style: none;
	}

    a.menu:hover, a.menu:hover img{
    text-decoration: none;
    color: #000;
    	border-style: none;
  /*  background-color: silver; */
    }
    
    a.menu:active, a.menu:active img{
    color: #fff;
    background-color: red;
    	border-style: none;
    }
    
    #inform a.menu:hover {
    margin-left:  10px;
    	border-style: none;
    }
    
	#backplate {
	z-index: 0;
	height: 100%;
	top: 0px;
	right: 0px;
	position: fixed;
	visibility: visible;
	width: auto;
	}

	#tagline {
	text-shadow: 1px 1px 2px white;
	display: block;
	font-weight: bold;
	font-size: small;
	word-spacing: 2em;
	text-align: center;
	position: fixed;
	bottom: 14px; 
	letter-spacing: 2.1em;
	margin-right: auto;
	margin-left: auto;
	width: 99%;
	z-index: 2;

	}
	
	#inform {
	position: absolute;
	display: block;
	z-index: 20;
	width: 250px;
	height: 250px;
	top: 5px;
	left: 5px;
	}
	
/* 
	Image map area for the front page
										*/	
	
	#map {
	display: block;
    margin:auto;
    padding:0;
    width:468px;
    height:700px;
    background:url(../images/beauty.jpg) top left no-repeat #fff;
    font-family:"Lucida Grande", Verdana, Arial, sans-serif;
    font-size:x-small;
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-350px;/* half elements height*/
    margin-left:-234px;/* half elements width*/
    z-index: 1;
 	}
	
	#map li {
    margin:0;
    padding:0;
    list-style:none;
	}

	#map li a {
    position:absolute;
    display:block;
    /*
       Specifying a background image
       (a 1px by 1px transparent gif)
       fixes a bug in older versions of
       IE that causeses the block to not
       render at its full dimensions.
    */
    background:url(images/invisible.gif);
	}

	#map li a span { display:none; }

	#map li a:hover span {
    position:relative;
    display:block;
    width:200px;
    left:20px;
    top:20px;
    padding:5px;
    border:1px solid #000;
    background:#fff;
    text-decoration:none;
    color:#000;
    filter:alpha(opacity=80);
    opacity: 0.8;
	}


	#map a.head {
	position: relative;
    top:91px;
    left:134px;
    width:241px;
    height:163px;
    text-decoration:none;
	}
       
	#map a.hand {
	position: relative;
    top:110px;
    left:164px;
    width:140px;
    height:175px;
    text-decoration:none;
	}
       
	#map a.bullets {
	position: relative;
    top:200px;
    left:180px;
    width:50px;
    height:60px;
    text-decoration:none;
	}
       
	#map a.knife {
	position: relative;
    top:100px;
    left:234px;
    width:180px;
    height:140px;
    text-decoration:none;
	}


/*
	This section holds the image strips
										*/
										
    div.centered  {
    position:relative;
    display: block;
    left:50%;
    margin-left:-312px;/* half elements width*/
    width:624px; 
    z-index: 1;

    }	
    	
    img.shadow {
	border-color: #c5c5c5;
	border-right-width: 5px;
	border-style: solid;
	border-left-width: 0px;
	border-bottom-width: 5px;
	border-top-width: 0px;
	width: 600px;
	height: 66px;
	}
	
	div.centered span {
	font-weight: bold;
	color: #444;
	letter-spacing: 3em;
	}
	
	div.centered a:link img, div.centered a:visited img {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	text-decoration: none;
	}
	
	div.centered a:hover img {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	height: 66px;
	}
	
	div.centered a span  { display:none; }
	
	div.centered a:hover span {
	text-shadow: 3px 3px 4px #424242;
	display: block;
	position: absolute ;
	font-size: xx-large;
	text-align: center;
	color: white;
	text-decoration: none;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;	
	top: 22px;
	left: 10px;
	z-index: 5;
	letter-spacing: 1em;
	}
	
	div.centered a {
	text-decoration: none;
	}