html,body{
			  min-height: 100%;
			  height: 100%;
			  padding: 0px;
			  margin: 0px;
			  position: relative;
			  background:url(../img/bg.jpg) repeat-x;
			  overflow:hidden;
			  -moz-user-select: none; 
			  -webkit-user-select: none; 
			  -ms-user-select:none; 
			  user-select:none;
		  }
		img {
			  padding: 0px;
			  margin: 0px;
			  border:none;
			  display: block;
		  }
		li {
			list-style:none;
				}
		#iphone{
			display:block;
			position:relative;
			width: 1000px;
			height: 866px;
			padding-top: 77px;
			padding-left: 100px;
			background:url(../img/ipad.png) no-repeat;
			top: 40px;
			left: -500px;
			margin-left: 50%;
		}
		#status{
			position: relative;
			display:block;
			width:100%;
			height:19px;
			background:url(../img/status.png) no-repeat;
		}
		#status img{
			opacity:0;
		}
		#carousel, #carousel ul, #carousel li {
            min-height: 100%;
            height: 100%;
            padding: 0;
            margin: 0;
            position: relative;
            z-index: 10;
        }
		#screen{
			overflow: hidden;
			position:relative;
			display:block;
			width:801px;
			height:600px;
		}
		#pane1{
			
            width: 100%;
		}
		#under{
			position: absolute;
            z-index: 5;
			top: 0;
			left: 0;
			width:100%;
			height:366px;
			background: #1579df; 
		}
		#underbg{
			position: absolute;
            z-index: 2;
			top: 0;
			left: 0;
			width:100%;
			height:100%;
			background: #cccccc; 
		}
		#text1{
			position: absolute;
            z-index: 2;
			width:480px;
			height:236px;
			top: 875px;
			left: 200px;
			display: none;
		}
		#text2{
			position: absolute;
            z-index: 3;
			width:480px;
			height:236px;
			top: 1300px;
			left: 75px;
			display: none;
		}
		#text3{
			position: absolute;
            z-index: 4;
			width:389px;
			height:47px;
			top: 1850px;
			left: 175px;
			display: none;
		}

        #debug {
            position: fixed;
            background: #fff;
            padding: 5px;
            color: #000;
            top: 0;
            left: 0;
            z-index: 1337;
        }

        #carousel {
            overflow: hidden;
            width:100%;
            -webkit-backface-visibility: hidden;
            -webkit-transform: translate3d(0,0,0) scale3d(1,1,1);
            -webkit-transform-style: preserve-3d;
        }
		
		#header{
			display:block;
			position: relative;
			float: left;
			width:50px;
			height: 600px;
			font-size:12px;
			color: rgba(102,102,102,1);
			letter-spacing: 0.7em;
			text-align:center;
			z-index:90;
		}

        #carousel ul.animate {
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            -o-transition: all .3s;
            transition: all .3s;
        }

        #carousel ul {
            transform: translate3d(0%,0,0) scale3d(1,1,1);
            -o-transform: translate3d(0%,0,0) scale3d(1,1,1);
            -ms-transform: translate3d(0%,0,0) scale3d(1,1,1);
            -moz-transform: translate3d(0%,0,0) scale3d(1,1,1);
            -webkit-transform: translate3d(0%,0,0) scale3d(1,1,1);
            -webkit-backface-visibility: hidden;
            -webkit-transform-style: preserve-3d;
            -webkit-box-shadow: 0 0 20px rgba(0,0,0,.2);
            box-shadow: 0 0 20px rgba(0,0,0,.2);
			overflow: hidden;
        }
        #carousel li {
            float: left;
            -webkit-transform-style: preserve-3d;
            -webkit-transform: translate3d(0,0,0);
			max-width:100%;
			max-height:513px;
        }
        #carousel li img {
            text-align: center;
            width: 100%;
        }
		.paneScroll{
		  overflow-x: hidden;
		  overflow-y: scroll;
		}
		#CarnetSub{
			position:absolute;
		}
		
		
	/*__ KILL SELECTION ______________*/

		.unselectable {
			-webkit-user-select: none;  
			-moz-user-select: none;    
			-ms-user-select: none;      
			user-select: none;
		}
		.unselectableIMG {
			-webkit-pointer-events: none;
			-moz-pointer-events: none;
			-mz-pointer-events: none;
			pointer-events: none;
		}