/* CSS Document */

body{
background: #f6eccd url(../backgrounds/lobby-floor-extra.jpg) repeat;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
}

#top{
background: #b74d26 url(../backgrounds/lobby-wall.jpg) repeat-x;
width: 100%;
height: 608px; /* 626 - padding */
margin: 0px 0px 0px 0px;
padding: 18px 0px 0px 0px;
}

#click-area{
background: url(../images/arrow-forward.png) 2px 0px no-repeat;
width: 35px;
height: 35px;
float: right;
position: relative;
margin: 283px -35px 0px 0px;
padding: 0px 0px 0px 0px;
}

#goto-elevator{
background: url(../images/go-to-elevators.png) 0px 0px no-repeat;
width: 120px;
height: 64px;
float: right;
position: relative;
margin: 268px -38px 0px -82px;
display: none;
z-index: 100;
}


#kiosk-frame{
background: url(../backgrounds/lobby-kiosk.png) no-repeat;
width: 800px;
height: 600px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#screen-area{
width: 652px;
height: 490px;
margin: 50px 0px 0px 75px;
_margin-left: 38px;
float: left;
position: relative;
}

#ada-button{
width: 40px;
height: 41px;
margin: 547px 0px -81px -345px;
_margin-left: -346px;
float: left;
position: relative;
}

.ada{
background:url(../images/ada-button.png) 0px 0px repeat-y;
width: 40px;
height: 41px;
display: block;
}

.ada:hover{
background-position: 0px 41px;
}

#ada-fly-out{
background:url(../backgrounds/ada-fly-out.png) no-repeat;
width: 311px;
height: 100px;
margin: 376px 0px -494px 2px;
padding: 9px;
float: none;
position: relative;
z-index: 100;
display: none;
text-align: center;
color: #FFF;
font-size: 85%;
}

iframe{
z-index: 0;
}

#ada-fly-out strong{
font-size: 120%;
}

#bottom{
background: #f6eccd url(../backgrounds/lobby-floor.jpg) repeat-x;
width: 100%;
height: 274px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#container{
width: 800px;
height: 274px;
font-size: 80%;
color: #947d4b;
}

#left{
width: 337px;
margin: 62px 20px 0px 0px;
float: left;
position: relative;
text-align: center;
}

#pole{
background: #1a1a1a url(../backgrounds/kiosk-pole.jpg) no-repeat;
width: 121px;
height: 282px;
margin: 0px 0px -282px 0px;
position: relative;
}

#right{
width: 340px;
margin: 48px 0px 0px 0px;
float:right;
position:relative;
}

a, a:visited{
color: #947d4b;
font-weight: bold;
text-decoration: underline;
}

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

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

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