/* CSS Document */

body{
background: BLACK;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size: 80%;
}

#stage{
background: #b74d26 url(../backgrounds/elevator-bank-wall.jpg) repeat;
width: 100%;
height: 832px; 
margin: 0px 0px 0px 0px;
padding: 17px 0px 0px 0px;
}

#top{
width: 800px;
height: 490px;
margin: 0px 0px 0px 0px;
}

#left-of-di{
background: url(../backgrounds/left-of-di.png);
width: 76px;
height: 490px;
float: left;
position: relative;
z-index:5;
}

#di{
background: url(../backgrounds/di-wall.png);
width: 648px;
height: 490px;
float: left;
position: relative;
}

#di-screen{
width: 586px;
height: 442px;
margin: 24px 0px 0px 33px;
_margin-left: 16px;
float: left;
position: relative;
z-index:0;
}

iframe{
z-index: 0;
}

#right-of-di{
background: url(../backgrounds/right-of-di.png);
width: 76px;
height: 490px;
float: right;
position: relative;
}

#left-arrow, #right-arrow{
width: 35px;
height: 34px;
position: relative;
margin: 228px 20px 0px 20px;
z-index:0;
}

#left-arrow{
float: right;
_float: none;
_margin-left: 21px;
}

#right-arrow{
float: left;
_float: none;
_margin-right: 21px;
}

#return-to-lobby, #take-elevator{
width: 119px;
height: 64px;
position: relative;
z-index: 10;
display: none;
}

#return-to-lobby{
margin: 213px -64px -276px -119px;
#margin: 213px -119px -276px -54px;
float: right;
}

#take-elevator{
margin: 212px -119px -276px -64px;
float: left;
}


#middle{
background: url(../backgrounds/elevator-indicator-light.png);
width: 800px;
height: 119px;
}

#bottom{
background: url(../backgrounds/elevator-entrance.png);
width: 957px;
height: 223px;
}

#CEC{
width:295px;
height:47px;
margin: 19px 0px 0px 116px;
_margin-left: 58px;
float: left;
position: relative;
}

#DD{
width:283px;
height:85px;
margin: 5px 105px 0px 0px;
_margin-right: 52px;
float: right;
position: relative;
}

#footer{
width: 100%;
float: left;
position: relative;
margin: 10px 0px 0px 0px;
color: #919191;
font-size: 80%;
}

a, a:visited{
color:  #919191;
font-weight: bold;
}

a:hover, a:visited:hover{
color: #CCC;
}

a.external, a.external:visited{
background:url(../images/external-link_gray.png) 134px 0px no-repeat;
display: inline;
padding: 0px 14px 0px 0px;
color: #b4b4b4;
}

a.external:hover, a.external:visited:hover{
background-position: 134px -12px;
color: #e8e8e8;
}