html, body, h1, h2, h3, div, p, form, input, textarea, table, ul, li { margin: 0; padding: 0;} 
body { background: #1D3856;  position: relative; height: 100%; font-size: 90%; background: url("images/bg-foyeur.gif") 0% 0% repeat-x #1D3856; font-family: "Arial CE", Arial, "Verdana CE", "Lucida Grande CE", "Helvetica CE", Verdana, lucida, sans-serif; font-size: 90%; }
#head {  background: url("images/bg-foyeur.gif") 0% 0% repeat-x #132940;  z-index: 100; height: 130px; width: 960px; position: relative; margin: 0 auto; text-align: left; }
#show {  background: url("images/bg-foyeur.gif") 0% -130px repeat-x;  position: relative; width: 100%; height: 550px; text-align: center; }
#foot { background: #1D3856; color: #4771C7; width: 800px; position: relative; margin: 0 auto; text-align: center; }
hr { position: absolute; top: -100721px; width: 1px; height: 1px; overflow: hidden; }

p#logo, h1#logo { display: block; width: 258px; height: 105px; position: absolute; top: 15px; left: 0; overflow: hidden; margin: 0 0 0 0; padding: 0 0 0 0; }
p#logo img, h1#logo img { display: block; width: 258px; height: 105px; z-index: 200; position: absolute; top: 0; left: 0; margin: 0 0 0 0; }
p#logo span, h1#logo span { display: block; width: 258px; height: 105px; z-index: 300; position: absolute; top: 0; left: 0; background: url("logo-bluebg.gif") 0% 0% no-repeat; }

ul#menu { width: 960px; height: 3em; position: absolute; top: 90px; left: 0; z-index: 200; font-size: 90%; }
ul#menu li { list-style-type: none; width: 120px; height: 30px; float: left; margin: 0 5px 0 0; position: relative; left: 590px; }
ul#menu li a, ul#menu li strong { display: block; width: 120px; height: 30px; line-height: 30px; text-align: center; }
ul#menu li a:link, ul#menu li a:visited { background: #1E3A59; color: #fff; font-weight: bold; text-decoration: none; }
ul#menu li a:active, ul#menu li a:hover { background: #35689F; color: #fff; font-weight: bold; text-decoration: none; }
ul#menu li strong { background: #FB8315; color: #fff; }


#ticketarea { width: 846px; height: 550px; margin: 0  auto; position: relative; top: 48px; background: url("images/bg-foyeur-stripe.jpg") 50% 0% no-repeat; }
#pult { width: 846px; height: 189px; position: absolute; left: 0; top: 297px;  background: url("images/pult.gif") 50% 0% no-repeat #000; }

#posterarea { width: 5846px; height: 400px; margin: 0 0 0 150px; position: relative; top: 140px; overflow: auto;  }
#posterarea a { display: block; width: 166px; height: 236px; float: left; margin: 0 20px 0 0; }
#posterarea a:link, #posterarea a:visited { background: #13293F; }
#posterarea a:active, #posterarea a:hover { background: #2F5B8C; }
#posterarea a img { display: block; width: 150px; height: 220px; position: relative; top: 8px; left: 8px; border: 0; }
#posterarea a:hover img { border: 0; }

#perex { position: absolute; top: 200px; left: 200px; background: #fff; width: 280px; text-align: left; font-weight: bold; z-index: 101; }
#perex p { padding: 10px; }
#interaction { width: 392px; height: 191px; position: absolute; top: 106px; left: 227px; background: url("../welcome/welcomebg.jpg") 0% 0% #D18515; overflow: hidden; }
#interaction iframe { width: 392px; height: 191px;  }
#interaction span#screens { display: block; width: 392px; height: 58px; background: url("../welcome/welcomebg.jpg") 0% 0% #D18515; position: absolute; top: 0; left: 0; }

#welcome { width: 350px; height: 158px; color: #fff; position: absolute; top: 120px; left: 5px; background: red; text-align: left; }
#welcome p { color: #fff; } 


#moviemenu { width: 846px; height: 115px; position: absolute; top: -10px; left: 0; }
.roombox { display: block; width: 143px; height: 115px; float: left; margin: 0 20px 0 0; padding: 0 0 0 0; background: url("images/roomscreen.gif") 0% 0% no-repeat #22272C; position: relative; left: 26px; }
.roombox span.nosignal { display: block; width: 129px; height: 95px; position: absolute; top: 11px; left: 7px;  background: url("images/nosignal.gif") 0% 0% no-repeat #000; margin: 0 0 0 0; }
.roombox a { display: block; width: 129px; height: 95px; position: absolute; top: 11px; left: 7px; background: url("images/nosignal.gif") 0% 0% no-repeat #000; }
.roombox a span { display: block; width: 129px; height: 95px; position: absolute; top: 0; left: 0; background: #000;  }

.roombox a img { border: 0; }
.roombox a:hover img { border: 0; }

#exit { width: 193px; height: 95px; position: absolute; top: 25px; left: 10px; z-index: 50; }
#exit a, #exit a span { display: block; width: 193px; height: 95px; position: absolute; overflow: hidden;  }
#exit a { top: 0; left: 0; text-indent: -721px; } 
#exit a span { top: 0; left: 0; }
#exit a:link, #exit a:visited { background: url("images/exit-rollover.png") 0% 0% no-repeat; _background: url("images/exit-rollover.gif") 0% 0% no-repeat; text-decoration: none; } 
#exit a:active, #exit a:hover { background: url("images/exit-rollover.png") 0% -95px no-repeat; _background: url("images/exit-rollover.gif") 0% -95px no-repeat; text-decoration: none; }  
#exit a:link span, #exit a:visited span { background: url("images/exit-rollover.png") 0% 0% no-repeat; _background: url("images/exit-rollover.gif") 0% 0% no-repeat; text-decoration: none; } 
#exit a:active span, #exit a:hover span { background: url("images/exit-rollover.png") 0% -95px no-repeat; _background: url("images/exit-rollover.gif") 0% -95px no-repeat; text-decoration: none; }  


h2#ticketstag { width: 387px; height: 152px; margin: 0 0 0 0; padding: 0 0 0 0; position: absolute; top: 333px; left: 229px;  } 
h2#ticketstag span { display: block; width: 387px; height: 152px; position: absolute; top: 0; left: 0; z-index: 5;  background: url("images/tickets.jpg") 0% 0% no-repeat;   }

span#cashregister, span#cashregister a, span#cashregister a span  { display: block; width: 140px; height: 103px; position: absolute; }
span#cashregister { top: 223px; left: 697px; z-index: 100; }
span#cashregister a, span#cashregister a span { top: 0; left: 0; cursor: pointer;  }
span#cashregister a:link span, span#cashregister a:visited span  { background: url("images/cashregister-rollover.jpg") 0% 0% no-repeat; }
span#cashregister a:active span, span#cashregister a:hover span  { background: url("images/cashregister-rollover.jpg") 0% -103px no-repeat; }


ul.movielist { left: 0; margin: 0 0 0 0; padding: 8px 0 0 0; }
ul.movielist li { list-style-type: none; width: 550px; height: 24px; margin: 0 0 1px 0; padding: 0 0 0 0; position: relative; font-size: 90%; }
ul.movielist li a { display: block; width: 100%; height: 24px; line-height: 24px; text-transform: uppercase; text-indent: 10px; position: relative; }
ul.movielist li a:link, ul.movielist li a:visited { color: #B5E901; font-weight: bold; text-decoration: none; }
ul.movielist li a:active, ul.movielist li a:hover { color: #fff; background: #94BE01; text-decoration: none;  }
ul.movielist li span.roomnumber { display: block; width: 200px; height: 24px; line-height: 24px; color: #fff; font-weight: bold; text-align: left; position: absolute; top: 0; right: 10px;   }
ul.movielist span.pipe { position: absolute; top: -100721px; }







/* CASHIER OPENED WINDOW */
#window { position: absolute; right: 30px; top: 60px; width: 600px; height: 400px; overflow: hidden; display: none; z-index: 1000 !important; text-align: left; background: url("images/overlay.png") 0% 0% repeat; border: 1px solid #45494A; }
#windowTop { height: 30px; overflow: 30px; position: relative; overflow: hidden; cursor: move; }
#windowTop h2 {font-size: 100%; }
#windowTopContent { display: block; margin-right: 13px; overflow: hidden; height: 30px; line-height: 30px; text-indent: 10px; font-family:Arial, Helvetica, sans-serif;	font-weight: bold; font-size: 14px; color: #fff; }
#windowMin { position: absolute; right: 25px; top: 10px; cursor: pointer; }
#windowMax { position: absolute; right: 25px; top: 10px; cursor: pointer; display: none; }
#windowClose { position: absolute; right: 10px; top: 10px; cursor: pointer; }
#windowBottom { position: relative; height: 370px; }
#windowBottomContent { position: relative; height: 390px; margin-right: 13px; }
#windowResize { position: absolute; right: 3px; bottom: 5px; cursor: se-resize; }
#windowContent { position:absolute; top: 30px; left: 9px; _left: 10px; width: auto; height: auto; overflow: auto; margin-right: 10px; border: 1px solid #242228; height: 255px; width: 580px; font-family:Arial, Helvetica, sans-serif; background: url("images/overlay.png") 0% 0% repeat; }
.transferer2 { border: 1px solid #6BAF04; background-color: #B4F155; filter:alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3; z-index: 1000 !important; }