body {
    margin: 0px 0px 1px 0px; /* the extra 1px allows the iOS inner/outer check to work */
    background: #000;
    -ms-touch-action: none;
    background: no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color:black;
}

#orientation {
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/rotate-landscape.png); 
    background-repeat: no-repeat;
    background-position: center;
    background-color: rgb(0, 0, 0);
    z-index: 999;
    display: none;
}
#rotateScreen
{
            overflow: hidden;
            width:100%;
            height:100%;
            position:absolute;
            top:0;
            margin:0;
            padding:0;
            display:none;
            text-align:center;
            background-color:#161616;
            background-image:url(/content/html5/tiny-diggers/turn_device_v.png);
            background-repeat:no-repeat;
            background-position:center center;
			z-index:2000;
}
#rotateScreen img
{
            width:100%;
            height:100%;
            vertical-align:middle;
}

.orientleft #shell {
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin:160px 160px;
}

.orientright #shell {
    -webkit-transform: rotate(90deg);
    -webkit-transform-origin:230px 230px;
}