.wrapper {background:url(images/bg2.jpg);}
    main {width:956px;height:612px;background:url(../../../styles/images/sprite-overall.png) -10px -967px;margin:15px auto 0;overflow:hidden;}

        .elements {width:inherit;height:250px;text-align:center;}
            .elements > * {display:inline-block;background:url(images/sprite.png);margin-top:20px;cursor:pointer;}
            .elements > * + * {margin-left:20px;}
            
            .sprite { background-image: url('sprite.png'); background-color: transparent; background-repeat: no-repeat; }
            .green1 { width: 171px; height: 172px; background-position: -10px -10px; }
            .yellow1 { width: 171px; height: 172px; background-position: -191px -10px; }
            .green2 { width: 171px; height: 172px; background-position: -372px -10px; }
            .yellow2 { width: 171px; height: 172px; background-position: -553px -10px; }
            .green3 { width: 171px; height: 172px; background-position: -734px -10px; }
            .yellow3 { width: 171px; height: 172px; background-position: -915px -10px; }
            .green4 { width: 171px; height: 172px; background-position: -1096px -10px; }
            .yellow4 { width: 171px; height: 172px; background-position: -1277px -10px; }
            .green5 { width: 171px; height: 172px; background-position: -1458px -10px; }
            .yellow5 { width: 171px; height: 172px; background-position: -1639px -10px; }
            .green6 { width: 171px; height: 172px; background-position: -1820px -10px; }
            .yellow6 { width: 171px; height: 172px; background-position: -2001px -10px; }
            
            .answersbox {position:absolute; right:100px;top:100px;width: 300px; height: 200px;border: 5px dotted #17D3F0;}
            
            .text {cursor: pointer; background-color: #ffffff; font-size: 40px; color: #17D3F0;}
            
            .rollbutton { font-family: UbuntuRegular;color: #FFFFFF !important;font-size: 30px;padding: 3px 5px;
                        -moz-border-radius: 12px;-webkit-border-radius: 12px; border-radius: 12px;background: #17D3F0;
                        width: 210px;position: absolute;left: 166px;top: 350px;}
            
            .rollbutton:hover {color: #14396A !important;background: #468CCF;background: linear-gradient(top,  #55A9FA,  #63B8EE);
                background: -ms-linear-gradient(top,  #55A9FA,  #63B8EE);background: -webkit-gradient(linear, left top, left bottom, from(#55A9FA), to(#63B8EE));
                background: -moz-linear-gradient(top,  #55A9FA,  #63B8EE);}
    @font-face {
        font-family: 'UbuntuRegular';
        src: url(./fonts/Ubuntu-Regular.ttf);
    }