h1,
div.pageTitleImage {
    position: absolute; 
    z-index: 1;
    width: 247px;
    height: 48px;
    top: 34px;
    right: 42px;
}

body {
    background: #000 url(/assets/images/stories/bg-wallpaper.jpg) repeat left top;
    background-position: center;
}

div#revNav {
    margin: 10px 0px 0px 29px;
}

div#main {
    width: 100%;
    z-index: 1;
}

div#eventFrames div h2 {
    font-size: 1.5em;
}

div#contentArea {
    background: #111111 url(/assets/images/revelation/bg-main.jpg) no-repeat left top;
    padding: 0px 0px 0px 23px;
    width: 937px;
}

div.copy {
    width: 490px;
    margin: 27px 0px 0px 34px;
}

div#eventFrames {
    position: relative;
    z-index: 1;
    width:890px;
    
}

div.subFrame1,
div.subFrame2,
div.subFrame3 {
    float: left;
    width: 213px;
    min-height: 199px;
    padding: 15px 10px 0px 17px;
}

div#eventFrames h2,
div#eventFrames p {
    width: 190px;
    margin: 10px 0px 0px 3px;
  
}


div#eventFrames a.button {
    margin: 10px 0px 0px 0px;
}

div.subFrame1 {
    background: transparent url(/assets/images/revelation/bg-frame-1.gif) no-repeat left top;
}

div.subFrame2 {
    left: 228px;
    background: transparent url(/assets/images/revelation/bg-frame-2.gif) no-repeat left top;
}

div.subFrame3 {
    left: 455px;
    background: transparent url(/assets/images/revelation/bg-frame-3.gif) no-repeat left top;
}

div#swfContainer {
    position: absolute; 
    right: 0px; 
    top: 0px;
}

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

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

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:auto;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center
}

 div#eventFrames p a {
    background-color: #ffff00;
    color: #000000;
    
}

 div#eventFrames p a:hover {
    background-color: #000000;
    color: #ffff00;
}