*{margin:0;padding: 0;}

html,
body {
    height:100%;
    min-height: 100%;}

body{
  margin: 0;
  padding: 0;
  font-family: Arial;
  font-weight: normal;
  width: 100%;
  background-color:#000000;
}

img{border: none;outline: none;}

html{width:100%;}

div{margin: 0 auto;}

div.clear{clear: both;height:0;}

/*** header ***/

.wrap {
  /*overflow: hidden;*/
  position:relative;
  width: 100%;
  min-width: 920px;
  /*height: 542px;*/ 
  background: url('/images/2000-euro/back.jpg') center 40px no-repeat;
  margin: 0 auto;
    overflow: hidden;
  
}

.wrapper{
  width: 920px;
  margin: 0 auto;
  position: relative;

}

  
      
.float{float:left;}
.float-r{float:right;}



/*div*/.top{
  min-width: 920px;
  width: 100%;
  height: 40px;
  background-color:#17191f; 
  margin: 0 auto;
  position:relative; 
}

 /*div*/.content{
  width: 920px;
  height: 502px;
  margin: 0 auto;
  position:relative; 
}  

  .img{padding:24px 0 0 0px;}

/* HEADER */

/*div*/.nav-menu-top{
  width:920px;
  margin: 0 auto;
  padding-top: 6px;
  padding-left: 10px;
  text-align: left;
}


    .nav-menu-top ul {padding: 0;width: 920px;}

       .nav-menu-top ul li{display:inline;}

           .nav-menu-top ul li a{line-height:30px;color:#cdd8fd;font-size: 12px;text-decoration: none;font-weight: 400;padding: 0px 8px;}

                  .nav-menu-top ul li a:hover {color:#cdd8fd;text-decoration: underline;}



/* Bottom */
  
/*div*/.nav-menu{
  width:920px;
  margin: 0 auto;
  padding-top: 8px;
  padding-left: 10px;
  text-align: center;
}


    .nav-menu ul {padding: 0;width: 920px;}

       .nav-menu ul li{display:inline;}

           .nav-menu ul li a{line-height:30px;color:#18459c;font-size: 12px;text-decoration: underline;font-weight: 400;padding: 0px 8px;}

                  .nav-menu ul li a:hover {color:#18459c;}





.pics{
  left: 0px;
  top: 0px;
  width: 920px;
  height: 165px;
  position: relative;
  margin: 0 auto;
  margin-top: 25px;
} 

      .pic{width:220px; height: 165px;position: absolute;cursor:pointer;}
      
      .one
      { background: url('/images/2000-euro/gladiator.jpg')  no-repeat;
      z-index: 3;opacity:0;left:-200px;}
      .two
      {background: url('/images/2000-euro/mamma-mia.jpg') no-repeat;
      z-index: 2;opacity:0;left:-200px;}
       .three
      {background: url('/images/2000-euro/slotfather.jpg') no-repeat;
      right:-200px; z-index: 2;opacity:0;}
       .four
      {background: url('/images/2000-euro/gold-digging.jpg') no-repeat;
      right:-200px; z-index: 2;opacity:0;}


   
 

.footer{height:193px;margin: 28px auto 0 auto;width: 100%;background-color:#0f1c24; }

  /*.payments{
        width: 883px;
        height: 27px;
        margin: 0 auto;
        background: url('/images/simon-says/payment.png')  no-repeat;}*/
      
.listContainer {height: 52px;padding-top: 14px;
overflow: hidden;
width: 955px;}

      .listContainer .list{position: relative;}
        

        .listContainer .list li{float: left;margin: 0 0 0 25px;}

            .listContainer .list li a{display: block;
            height: 52px;
            overflow: hidden;text-decoration: none;}

              .listContainer .list li a:hover img{margin-top: -52px;}

ul li{list-style: none;}

.new-ul{margin: 0 auto;width: 545px;display:block;padding-top:35px;}

.new-ul li a:hover img{margin-top: 0!important;}
.new-ul li {float: left;margin: 0 0 0 25px;}
.new-ul li a {height: 50px!important;text-decoration: none;}

/*** bonus ***/


.welcome_bonus{
  left:0px;
  top:154px;
  width: 399px;
  height: 178px;
  display:none;
  z-index: 1;
  position: absolute;
  background: url('/images/2000-euro/en/bonus-en.png')  no-repeat;}

.wrap .cad {background: url('/images/2000-euro/bonus_cad.png')  no-repeat;}


.button{
  left:2px;
  top:350px;
  width: 327px;
  height: 82px;
  display:none;
  z-index: 1;
  cursor: pointer;
  position: absolute;
  background-position: 0 0;
  background: url('/images/2000-euro/en/button-en.png')  no-repeat;}


.button:hover {background-position: 0 -82px;}