#gamecontents{background-image:url('../img/scr1/bg.jpg');}

/* game buttons */
#gamebuttons {position:absolute; margin-top:334px; margin-left:70px;}
#game1, #game2, #game3, .char{border:0; position:absolute; color:#ffffff; text-decoration:none; font-size:18px;}
#game1{display:block; margin-left:0px;		margin-top:0px;		width:241px; height:181px;	 background:url('../img/scr1/game1_bottom.png') bottom no-repeat;}
#game2{display:block; margin-left:210px;	margin-top:30px;	width:283px; height:205px;	 background:url('../img/scr1/game2_bottom.png') bottom no-repeat;}
#game3{display:block; margin-left:480px;	margin-top:0px;		width:241px; height:188px;	 background:url('../img/scr1/game3_bottom.png') bottom no-repeat;}
#game1 .char{margin-left:60px;}
#game2 .char{margin-left:70px;}
#game3 .char{margin-left:65px;}
.gametype{position:absolute; font-family:CoopBlackRegular, Helvetica, Arial; margin-top:116px; position:absolute; background:url('../img/red_bg.png') no-repeat; width:151px; height:/*43*/38px; text-align:center; line-height:16px; padding-top:5px;}
.gametype span{color:#660214; font-size:13px;}
#game1 .gametype{margin-left:58px;}
#game2 .gametype{margin-left:68px;}
#game3 .gametype{margin-left:58px;}
.completed{display:none; position:absolute; font-family:CoopBlackRegular, Helvetica, Arial; font-size:14px; width:114px; height:59px; background-image:url('../img/scr1/completedbg.png');}
.completed .completed-title{width:112px; text-align:center; margin-top:3px;}
.completed .completed-gamecount{color:#dd0027; text-align:center; margin-top:8px; margin-left:-2px;}
#game1 .completed{margin-left:70px;}
#game2 .completed{margin-left:82px;}
#game3 .completed{margin-left:75px;}

/* maya title */
#mayalogo{position:absolute; padding-top:112px; padding-left:11px; text-align:center; width:234px; height:27px; margin-left:466px; margin-top:77px; font-family:CoopBlackRegular, Helvetica, Arial; color:#ffffff; font-size:18px; background-image:url('../img/scr1/mayalogo.png');}

/* maya char with balloon */
#mayaballoon{position:absolute; margin-left:196px;}
#mayaballoon #mayachar, #mayaballoon #balloon{position:absolute;}
#mayaballoon #mayachar{width:235px; height:399px;}
#mayaballoon #mayachar #mayacharimg{position:absolute;}
#mayaballoon #mayachar #mayachareyes{position:absolute; margin-left:80px; margin-top:127px; display:none;}
#mayaballoon #mayachar #mayacharwings{position:absolute; margin-left:33px; margin-top:195px; background-image:url('../img/scr1/mayavisual_wings.png'); width:161px; height:47px;}
#mayaballoon #balloon{padding:58px 24px 24px 24px; margin-left:160px; margin-top:216px; width:187px/*235*/; height:46px; /*128*/ text-align:center; background-image:url('../img/scr1/balloon.png'); font-family:Verdana, Helvetica, Arial, Sans-serif; font-size:12px;}

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