* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */
body {
background-color: white;
text-align:center;
min-height:568px;/* for good browsers*/
min-width:652px;/* for good browsers*/
}
#outer{
height:100%;
width:100%;
display:table;
font-family:verdana;
vertical-align:middle;
}
#container {
text-align: center;
position:static;
vertical-align:middle;
font-family:verdana;
display:table-cell;
height: 10px;
font-size:24;
}


#header A:link {color: black; text-decoration: none; border:1px solid transparent;}
#header A:visited {color: black; text-decoration: none; border:1px solid transparent;}
#header A:active {color: black; text-decoration: none; border:1px solid black;}
#header A:hover {color: black; text-decoration: none;  border:1px solid black; }

#header {
width: 900px;
font-size:100%;
margin: 0px auto;
border-collapse: collapse;
border: 1px solid #transparent;
vertical-align:middle;
margin-left:auto;
margin-right:auto;
}
.alignleft {
float: left;
font-size:100%;
}

.alignright {
float: right;
}

#inner {
width: 900px;
background:transparent;
font-family:verdana;
height: 500px;
text-align: center;
vertical-align:middle;
margin-left:auto;
margin-right:auto;
border:1px solid #000;
}

#iframe {
width: 900px;
background:transparent;
font-family:verdana;
height: 500px;
text-align: center;
vertical-align:middle;
margin-left:auto;
margin-right:auto;
border:1px solid #000;
}

#image{
width: 100%;
background:transparent;
height: 320px;
text-align: center;
vertical-align:middle;
margin-left:auto;
margin-right:auto;
border: 1px solid #000;
}

#body{
width: 100%px;
background:transparent;
font-family:verdana;
height: 180px;
text-align: center;
vertical-align:middle;
margin-left:auto;
margin-right:auto;
border:0px solid #000;
}


#ltag A:link {color: black; text-decoration: none}
#ltag A:visited {color: black; text-decoration: none}
#ltag A:active {color: white; text-decoration: none}
#ltag A:hover {color: white; text-decoration: none}

#ltag {
width: 902px;
background:transparent;
font-family:verdana;
height: px;
text-align: right;
vertical-align:middle;
margin-left:auto;
margin-right:auto;
border:0px solid #000;

}
.alignleft {
float: left;
}

.alignright {
float: right;
}


#infobox A:link {color: black; text-decoration: none}
#infobox A:visited {color: black; text-decoration: none}
#infobox A:active {color: white; text-decoration: none}
#infobox A:hover {color: white; text-decoration: none}

#infobox{
width: 902px;
background:transparent;
font-family:verdana;
height: px;
text-align: center;
vertical-align:middle;
margin-left:auto;
margin-right:auto;
border:0px solid #000;
}

body { text-align:center;
background-color:000000;
vertical-align:middle;
}

#news a#news,
#shop a#shop,
#spring a#spring,
#feature a#feature,
#about a#about,
#contact a#contact,
#scene a#scene,
#links a#links,
#mail a#mail,
#random a#random
{
color:white;
background:black;
border:1px solid black; 
}


a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:transparent}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid black;
    background-color: white; color:#000;
    text-align: center}




A:link {color: black; text-decoration: none}
A:visited {color: Black;  text-decoration: none}
A:active {color: red; text-decoration: none}
A:hover {color: #808080;text-decoration: none; }


<!--[if IE 8.000]><!-->

<style type="text/css">

#outer{top:-550%}
#container{top:-550%;position:static;}
#header{top:-550%;position:static;}
#inner{top:-550%;position:static;}
#iframe{top:-550%;position:static;}
#image{top:-550%;position:static;}
#body{top:-550%;position:static;}
#ltag{top:-550%;position:static;}
#infobox{top:-550%;position:static;}
</style>
<!--<![endif]-->

<style>
#header {
	width: 900px;
	margin: 0px auto;
	border-collapse: collapse;
	border: 0px solid #000;
 }
#header .rowa {
	background: #ffffff;
	height: 20px;
}
#header .rowb {
	background: #fff;
	height: 20px;
}
#header .cell {
	padding: 0px;
	border: 0px solid #000;
}
</style>