/* ============================= */
/* ========= reset css ========= */
/* ============================= */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent }

ol, ul {list-style:none;}

blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:''; content:none;}

:focus {outline:0;}

ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse; border-spacing:0;}

.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width:0px; line-height:0px; font-size:0px;}

/* ============================= */
/* ========= container ========= */
/* ============================= */

body {background:#000;}
.site{ width:778px; margin: 40px auto 0 auto; position:relative;}

.loader {width:778px; height:650px; background:#000 url(../../files/images/loading.gif) no-repeat center center; margin: -40px auto 0 auto; position:relative; overflow:hidden;}
/*.loader*/ .loadContent img {position:absolute; left:0px; top:0px; visibility:hidden;}
.loader .loaderCounter {position:absolute; left:50%; top:50%; margin:-10px 0 0 -50px; width:100px; height:50px; display:block; font-family: Arial, Sans-serif; color:#ddd; font-weight:700; font-size:16px; text-align:center; }
.loader .loaderLogo {width:64px; height:40px; background:#000 url(../../files/images/minilogo.png) no-repeat left top; position:absolute; left:50%; top:50%; margin:-90px 0 0 -34px;}

h1 {text-indent:-99999px; font-size:0px; width:64px; height:40px; background: url(../../files/images/minilogo.png) repeat left top; position:absolute; left:353px; top:-40px; }
.levelLabel {font-family: Arial, Helvetica, sans-serif; font-size:10px; color:#1c6d5c; position:absolute; left:420px; /*top:-20px;*/ top:-33px;}
.levelLabel cite {color:#62e874; font-style:normal; }
.levelLabel em {color:#62e874; font-style:normal; font-size:11px;}
.score {font-family: Arial, Sans-serif; font-size:22px; color:#888; position:absolute; right:430px; top:-30px;}

.ready span{position:absolute; left:289px; top:280px;  }
.ready {width:770px; height:490px; display:block; background: url(../../files/images/readyBg.png) repeat left top; position:absolute; left:0px; top:0px; border:4px solid #888;}


.resetPause {width:770px; height:490px; display:block; background: #000; position:absolute; left:0px; top:0px; border:4px solid #888;}

#main{ margin: 0px 0 0 0; }
.maze {width:770px; height:490px; display:block; margin:0px auto 0 auto;  position:absolute; left:0px; top:0px; border:4px solid #888; overflow:hidden; }

.level01 .maze {background: url(../../files/images/maze1.jpg) no-repeat left top;}
.level02 .maze {background: url(../../files/images/maze2.jpg) no-repeat left top;}
.level03 .maze {background: url(../../files/images/maze3.jpg) no-repeat left top;}
.level04 .maze {background: url(../../files/images/maze4.jpg) no-repeat left top;}
.level05 .maze {background: url(../../files/images/maze5.jpg) no-repeat left top;}
.level06 .maze {background: url(../../files/images/maze6.jpg) no-repeat left top;}
.level07 .maze {background: url(../../files/images/maze7.jpg) no-repeat left top;}
.level08 .maze {background: url(../../files/images/maze8.jpg) no-repeat left top;}
.level09 .maze {background: url(../../files/images/maze9.jpg) no-repeat left top;}
.level10 .maze {background: url(../../files/images/maze10.jpg) no-repeat left top;}
.level11 .maze {background: url(../../files/images/end.jpg) no-repeat left top;}

.intro {width:770px; height:490px; display:block; /*margin:0px auto 0 auto;*/ background: url(../../files/images/intro.jpg) no-repeat left top; position:absolute; left:0px; top:0px; border:4px solid #888; overflow:hidden; }
#codeInput {position:absolute; left:50px; top:384px; width:130px; height:25px; border:none; background:transparent; font-family: 'MunroRegular', Arial, Sans-serif; color:#333; font-weight:700; font-size:16px; padding:0 5px; padding-top:3px\9;}
button {position:absolute; left:191px; top:376px; width:50px; height:40px; background:transparent; border:none; cursor:pointer;}
.btCode {position:absolute; left:187px; top:372px; width:50px; height:40px; background: url(../../files/images/bt-code-hover.jpg) no-repeat left top; display:none; }
.playBlink {width:107px; height:36px; display:block; margin:0px auto 0 auto; background: url(../../files/images/play.gif) no-repeat left top; position:absolute; left:616px; top:375px;}

.info {width:770px; /*height:490px;*/ height:0px; display:block; background: url(../../files/images/infoBoard.jpg) no-repeat left top; position:absolute; left:4px; top:4px;  overflow:hidden; }
.info span { position:absolute; width:450px; height:430px; left:270px; top:60px; font-family: 'UASquaredRegular', Arial, Sans-serif; font-size:22px; color:#eee; display:none;}
.info span.keyInfo {position:absolute; background: url(../../files/images/key.gif) no-repeat; height:70px; padding:0px 0 0 70px; left:20px; top:130px; line-height:70px; display:block; }
.info span.tranqInfo {position:absolute; background: url(../../files/images/pill.gif) no-repeat; height:70px; padding:0px 0 0 70px; left:20px; top:180px; line-height:70px; display:block; }



.info span em {position:absolute; left:-220px; bottom:40px; font-style:normal; font-size:18px; width:670px; padding:10px 0 0 0; border-top:2px solid #ccc; color:#6b6;}
.info span em strong {font-weight:400; text-decoration:underline;}
.info a {position:absolute; left:272px; top:346px; width:145px; height:20px; }
.info span cite {font-style: normal; visibility:hidden;}

.arrowInfo {position:absolute; left:0px; top:557px; width:750px; height:18px; font-family: 'UASquaredRegular'; color:#eee; font-size:18px; display:none;}
.arrowInfo em { font-style:normal; line-height:16px;  position:absolute; left:40px; top:0px; height:16px;  background: url(../../files/images/infoArrow.gif) no-repeat; padding:0 0 0 30px; }
.arrowInfo cite { font-style:normal; line-height:16px;  position:absolute; left:610px; top:0px; height:16px;  background: url(../../files/images/infoArrow.gif) no-repeat; padding:0 0 0 30px; }

.arrowInfo span{position:absolute; left:0px; top:0px; width:720px; height:16px; background: url(../../files/images/pixelate.png) repeat left top;}

.btCloseInfo { position:absolute; width:40px; height:40px; right:5px; top:5px; background: url(../../files/images/close.png) no-repeat left top; cursor:pointer; display:none; text-indent:-99999px; font-size:0px;}
.btCloseInfo:hover {background-position: -40px 0px;}
.pointer {background: url(../../files/images/pointer.png) repeat left top; position:absolute; left:250px; top:360px; width:120px; height:86px; display:none;}

.level04 .extraDeco {position:absolute; width:256px; height:277px; left:116px; top:127px; background: url(../../files/images/trees_L4.png) no-repeat left top;}
.level06 .extraDeco {position:absolute; width:528px; height:174px; left:120px; top:228px; background: url(../../files/images/lamps_L6.png) no-repeat 0px 0px;}
.level06 .extraDeco.light {background-position: 0px -174px;}

.exitGap{position:absolute;background:#000;}
.level01 .exitGap{width:70px; height:4px; left:564px; top:494px;}
.level02 .exitGap{width:70px; height:4px; left:74px; top:0px;}
.level03 .exitGap{width:70px; height:4px; left:144px; top:494px;}
.level04 .exitGap{width:4px; height:70px; left:774px; top:354px;}
.level05 .exitGap{width:70px; height:4px; left:354px; top:0px;}
.level06 .exitGap{width:70px; height:4px; left:354px; top:0px;}
.level07 .exitGap{width:4px; height:70px; left:0px; top:354px;}
.level08 .exitGap{width:4px; height:70px; left:774px; top:354px;}
.level09 .exitGap{width:70px; height:4px; left:634px; top:494px;}
.level10 .exitGap{width:70px; height:4px; left:354px; top:494px;}

.pixelate {width:780px; height:590px; display:block;  background: url(../../files/images/pixelate.png) repeat left top; position:absolute; left:0px; top:0px;  }




#man {position:absolute; width:70px; height:70px; background: url(../../files/images/man.png) no-repeat;  }
#guyA {position:absolute; width:70px; height:70px; background: url(../../files/images/guyH.png) no-repeat;  }
#guyB {position:absolute; width:70px; height:70px; background: url(../../files/images/guyA.png) no-repeat;  }
#guyC {position:absolute; width:70px; height:70px; background: url(../../files/images/guyB.png) no-repeat;  }
#guyD {position:absolute; width:70px; height:70px; background: url(../../files/images/guyD.png) no-repeat;  }
#guyE {position:absolute; width:70px; height:70px; background: url(../../files/images/guyE.png) no-repeat;  }
#guyF {position:absolute; width:70px; height:70px; background: url(../../files/images/guyF.png) no-repeat;  }
#manRest {position:absolute; width:90px; height:100px; background: url(../../files/images/manRest.png) no-repeat; display:none;  }

.level01 #guyA {position:absolute; width:70px; height:70px; background: url(../../files/images/guyD.png) no-repeat;  }
.level01 #guyB {position:absolute; width:70px; height:70px; background: url(../../files/images/guyH.png) no-repeat;  }

.level02 #guyA {position:absolute; width:70px; height:70px; background: url(../../files/images/guyG.png) no-repeat;  }
.level02 #guyB {position:absolute; width:70px; height:70px; background: url(../../files/images/guyJ.png) no-repeat;  }
.level02 #guyC {position:absolute; width:70px; height:70px; background: url(../../files/images/guyK.png) no-repeat;  }

.level03 #guyA {position:absolute; width:70px; height:70px; background: url(../../files/images/guyE.png) no-repeat;  }
.level03 #guyB {position:absolute; width:70px; height:70px; background: url(../../files/images/guyB.png) no-repeat;  }
.level03 #guyC {position:absolute; width:70px; height:70px; background: url(../../files/images/guyI.png) no-repeat;  }
.level03 #guyD {position:absolute; width:70px; height:70px; background: url(../../files/images/guyH.png) no-repeat;  }

.level04 #guyA {position:absolute; width:70px; height:70px; background: url(../../files/images/guyH.png) no-repeat;  }
.level04 #guyB {position:absolute; width:70px; height:70px; background: url(../../files/images/guyF.png) no-repeat;  }
.level04 #guyC {position:absolute; width:70px; height:70px; background: url(../../files/images/guyA.png) no-repeat;  }

.level05 #guyA {position:absolute; width:70px; height:70px; background: url(../../files/images/guyG.png) no-repeat;  }
.level05 #guyB {position:absolute; width:70px; height:70px; background: url(../../files/images/guyD.png) no-repeat;  }
.level05 #guyC {position:absolute; width:70px; height:70px; background: url(../../files/images/guyA.png) no-repeat;  }

.level06 #guyA {position:absolute; width:70px; height:70px; background: url(../../files/images/guyC.png) no-repeat;  }
.level06 #guyB {position:absolute; width:70px; height:70px; background: url(../../files/images/guyE.png) no-repeat;  }
.level06 #guyC {position:absolute; width:70px; height:70px; background: url(../../files/images/guyB.png) no-repeat;  }

.level07 #guyA {position:absolute; width:70px; height:70px; background: url(../../files/images/guyF.png) no-repeat;  }
.level07 #guyB {position:absolute; width:70px; height:70px; background: url(../../files/images/guyI.png) no-repeat;  }
.level07 #guyC {position:absolute; width:70px; height:70px; background: url(../../files/images/guyK.png) no-repeat;  }

.level08 #guyA {position:absolute; width:70px; height:70px; background: url(../../files/images/guyH.png) no-repeat;  }
.level08 #guyB {position:absolute; width:70px; height:70px; background: url(../../files/images/guyJ.png) no-repeat;  }
.level08 #guyC {position:absolute; width:70px; height:70px; background: url(../../files/images/guyA.png) no-repeat;  }
.level08 #guyD {position:absolute; width:70px; height:70px; background: url(../../files/images/guyB.png) no-repeat;  }

.level09 #guyA {position:absolute; width:70px; height:70px; background: url(../../files/images/guyF.png) no-repeat;  }
.level09 #guyB {position:absolute; width:70px; height:70px; background: url(../../files/images/guyD.png) no-repeat;  }
.level09 #guyC {position:absolute; width:70px; height:70px; background: url(../../files/images/guyA.png) no-repeat;  }
.level09 #guyD {position:absolute; width:70px; height:70px; background: url(../../files/images/guyI.png) no-repeat;  }
.level09 #guyE {position:absolute; width:70px; height:70px; background: url(../../files/images/guyB.png) no-repeat;  }
.level09 #guyF {position:absolute; width:70px; height:70px; background: url(../../files/images/guyH.png) no-repeat;  }

.level10 #guyA {position:absolute; width:70px; height:70px; background: url(../../files/images/guyB.png) no-repeat;  }
.level10 #guyB {position:absolute; width:70px; height:70px; background: url(../../files/images/guyG.png) no-repeat;  }
.level10 #guyC {position:absolute; width:70px; height:70px; background: url(../../files/images/guyC.png) no-repeat;  }




#box, #box2 {position:absolute; width:70px; height:70px;  background: url(../../files/images/box.png) no-repeat left top; display:block;  }


#stars {position:absolute; width:70px; height:70px; background: url(../../files/images/stars.png) no-repeat; display:none; }
#stars.cycleZero {background-position: 0px -70px !important;}
#stars.cycleOne {background-position: 0px 0px !important;}
#stars.cycleTwo {background-position: 0px -140px !important;}

#dust {position:absolute; width:70px; height:70px; background: url(../../files/images/dust.png) no-repeat; display:none;  }
#dust.deadZero {background-position: 0px 0px !important;}
#dust.deadOne {background-position: 0px -70px !important;}
#dust.deadTwo {background-position: 0px -140px !important;}



#key1, #key2, #key3, #key4, #key5, #key6, #key7, #key8 {position:absolute; width:70px; height:70px; background: url(../../files/images/key.gif) no-repeat;  }

#door1, #door2, #door3, #door4, #door5, #door6, #door7, #door8 {width:70px; height:70px; position:absolute; background: url(../../files/images/doors.gif) no-repeat;}
#door1.n, #door2.n, #door3.n, #door4.n, #door5.n, #door6.n, #door7.n, #door8.n {background-position:0px 0px;}
#door1.s, #door2.s, #door3.s, #door4.s, #door5.s, #door6.s, #door7.s, #door8.s {background-position:-70px 0px;}
#door1.w, #door2.w, #door3.w, #door4.w, #door5.w, #door6.w, #door7.w, #door8.w {background-position:0px -70px;}
#door1.e, #door2.e, #door3.e, #door4.e, #door5.e, #door6.e, #door7.e, #door8.e {background-position:-70px -70px;}

#pill1, #pill2 {position:absolute; width:70px; height:70px; background: url(../../files/images/pill.gif) no-repeat;  }


.standUp {background-position: 0px 0px !important;}
.standLeft {background-position: -70px 0px !important;}
.standRight {background-position: -140px 0px !important;}
.standDown {background-position: -210px 0px !important;}


.walkUp.cycleZero {background-position:0px 0px !important;}
.walkUp.cycleOne {background-position:0px -70px !important;}
.walkUp.cycleTwo {background-position:0px -140px !important;}

.walkLeft.cycleZero {background-position:-70px 0px !important;}
.walkLeft.cycleOne {background-position:-70px -70px !important;}
.walkLeft.cycleTwo {background-position:-70px -140px !important;}

.walkRight.cycleZero {background-position:-140px 0px !important;}
.walkRight.cycleOne {background-position:-140px -70px !important;}
.walkRight.cycleTwo {background-position:-140px -140px !important;}

.walkDown.cycleZero {background-position:-210px 0px !important;}
.walkDown.cycleOne {background-position:-210px -70px !important;}
.walkDown.cycleTwo {background-position:-210px -140px !important;}

.manSit {background-position:0px 0px !important; left:343px; top:206px; }
.manLie {background-position:-95px 0px !important; width:130px !important;  left:325px; top:195px; }


.healthBack {position:absolute; left:570px; top:520px; background:#c00; height:20px; width:200px; display:block; border:4px solid #888;}
.healthBlink {position:absolute; left:570px; top:520px; background:transparent; height:20px; width:200px; display:none; border:4px solid #fff;}
.healthBlock {position:absolute; left:574px; top:524px; background:#0c0; height:20px; display:block;}
.timerBack {position:absolute; left:0px; top:520px; background:#666; height:20px; width:500px; display:block; border:4px solid #888;}
.timerBlock {position:absolute; left:4px; top:524px; background: url(../../files/images/timerGraph.png) repeat-x; height:20px; display:block;}

.bomb {position:absolute; left:0px; top:555px; background: url(../../files/images/icons.gif) no-repeat -2px top; height:20px; width:30px; display:block;}
.heart {position:absolute; left:567px; top:555px; background: url(../../files/images/icons.gif) no-repeat -30px top; height:20px; width:30px; display:block;}
.btSound {position:absolute; left:0px; top:-30px; background: url(../../files/images/icons.gif) no-repeat -60px top; height:20px; width:30px; display:block; cursor:pointer;}
.btSound.off {background-position:-90px 0px;}
.btInfo {position:absolute; left:35px; top:-30px; background: url(../../files/images/icons.gif) no-repeat -120px top; height:20px; width:30px; display:block; cursor:pointer;}
.fbLikeBtn {position:absolute; right:-10px; /*left:85px;*/ top:-30px;}


.gameover {width:770px; height:490px; display:block; background: url(../../files/images/darkBg.png) repeat left top; position:absolute; left:0px; top:0px; border:4px solid #888;}
.gameover span {position:absolute; left:265px; top:220px; width:240px; height:140px; background: transparent; text-indent:-9999px; font-size:0px;}
.gameover span.dead {background: url(../../files/images/gameoverPanels.png) no-repeat 0px -240px;}
.gameover span.timeout {background: url(../../files/images/gameoverPanels.png) no-repeat 0px -100px;}
.gameover span.welldone {/*background: url(../../files/images/gameoverPanels.png) no-repeat 0px 0px; height:100px;*/}
.gameover .continue {position:absolute; left:235px; top:350px; width:300px; height:100px; text-align:center;
font-family: 'UASquaredRegular', Arial, Sans-serif; font-size:28px; color:#eee;}
.gameover .continue em {font-style:normal;}
.gameover .continue strong {position:absolute; left:50px; top:40px;background:#666; width:200px; height:5px; border:2px solid #999; display:block;}
.gameover .continue .continueBar {position:absolute; left:52px; top:42px;background:#eee; width:150px; height:5px; display:block;}

.gameover .complete {position:absolute; left:235px; top:210px; width:300px; height:100px; text-align:center;
font-family: 'UASquaredRegular', Arial, Sans-serif; font-size:28px; color:#eee;}
.gameover .complete em, .gameover .complete cite {font-style:normal;}
.gameover .complete strong {clear:both; display:block; text-align:center;
font-family: 'UASquaredRegular', Arial, Sans-serif; font-size:32px; color:#eee; margin:3px 0 0 0;}

.btPlay {position:absolute; left:601px; top:326px; width:145px; height:145px; background:transparent; display:block; cursor:pointer;}


.finalBoard {position:absolute; left:85px; top:90px; width:600px; height:300px; font-family: 'UASquaredRegular', Arial, Sans-serif; font-size:28px; color:#eee; text-align:center; display:none;}
.finalBoard div { position:absolute; left:145px; top:25px; width:330px; height:299px; font-size:20px; background: url(../../files/images/statsBoard.png) no-repeat left top; padding:65px 0 0 150px; }
/*.finalBoard div span {position:absolute; left:310px; top:0px; width:200px; text-align:left; }*/
.finalBoard div em {/*position:absolute; left:0px; top:0px;*/ font-style:normal; font-size:16px;  display:block; text-align:left; color:#ccc; }
.finalBoard div span {/*position:absolute; right:0px; top:0px;*/font-family: Arial, Sans-serif;  display:block; text-align:left; color:#fff; margin-bottom:8px; }
.finalBoardBlack {position:absolute; left:4px; top:4px; width:770px; height:490px; display:none;  background: url(../../files/images/readyBg.png) repeat left top; }
.finalBoard div cite {position:absolute; left:50%; top:330px; margin:0 0 0 -175px; color:#ccc; width:200px; font-style:normal; font-size:20px; font-family: 'UASquaredRegular', Arial, Sans-serif;}

/* */
@font-face {
    font-family: 'MunroRegular';
    src: url('../fonts/munro-webfont.eot');
    src: url('../fonts/munro-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/munro-webfont.woff') format('woff'),
         url('../fonts/munro-webfont.ttf') format('truetype'),
         url('../fonts/munro-webfont.svg#MunroRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'UASquaredRegular';
    src: url('../fonts/uasquare-webfont.eot');
    src: url('../fonts/uasquare-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/uasquare-webfont.woff') format('woff'),
         url('../fonts/uasquare-webfont.ttf') format('truetype'),
         url('../fonts/uasquare-webfont.svg#UASquaredRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}