﻿@charset "utf-8";

#wrapper {
    position: absolute;
    margin: 0 auto;
    z-index: 2;
    width: 100%;
    height: 100%;
    min-width: 10%;
    top: 0%;
    left: 0%;
    overflow: hidden;
}

#scroller {
    position: absolute;
    z-index: 2;
    left: 0%;
    top: 0%;
    width: 100%;
    height: 1600%;
    min-height: 4000px;
    overflow: hidden;
    border-color: rgb(255,0,0);
    border-width: 2px;
    border-style: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
    color: #999;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    cursor: all-scroll;
}


#primaryfield {
    z-index: 1;
}

#primary {
    position: absolute;
    z-index: 1;
    left: -1000%;
    top: 0%;
    width: 1200%;
    height: 100%;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
    -webkit-backface-visibility: hidden;
    border-style: none;
    backface-visibility: hidden;
    opacity: 1;
}

#secondaryfield {
    z-index: 3;
}

#secondary {
    z-index: 3;
    position: absolute;
    left: 0%;
    top: 0%;
    width: 260%;
    height: 100%;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 1;
    border-style: none;
    border-color: transparent;
}

#thirdfield {
    z-index: 4;
}

#third {
    z-index: 4;
    position: absolute;
    left: 0%;
    top: 0px;
    width: 290%;
    height: 100%;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /*moz-background-size:100% 100%;
	-webkit-background-size:100% 100%;
	-o-background-size:100% 100%;
	-ms-background-size:100% 100%;
	background-size:100% 100%;*/
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-style: none;
    border-color: transparent;
    opacity: 1;
}

#fourthfield {
    z-index: 2;
}

#fourth {
    z-index: 2;
    position: absolute;
    left: 0%;
    top: 0%;
    width: 260%;
    height: 100%;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /*moz-background-size:100% 100%;
	-webkit-background-size:100% 100%;
	-o-background-size:100% 100%;
	-ms-background-size:100% 100%;
	background-size:100% 100%;*/
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-style: none;
    border-color: transparent;
    opacity: 1;
}

#fifthfield {
    z-index: 8;
}

#fifth {
    z-index: 8;
    position: absolute;
    left: 0%;
    top: 0%;
    margin: 0 auto;
    width: 100%;
    height: 167%;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 20px;
    text-align: center;
    text-shadow: 5px 5px 5px rgb(0,0,0);
    color: rgb(255,255,255);
    background-color: transparent;
    background-repeat: repeat;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-style: solid;
    border-color: rgb(255,255,255);
}

#sixthfield {
    z-index: 4;
}

#sixth {
    z-index: 4;
    position: absolute;
    left: 0%;
    top: 530%;
    margin: 0 auto;
    width: 100%;
    height: 167%;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 20px;
    text-align: center;
    text-shadow: 5px 5px 5px rgb(0,0,0);
    color: rgb(255,255,255);
    background-color: transparent;
    background-repeat: repeat;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-style: solid;
    border-color: rgb(255,255,255);
}

#seventhfield {
    z-index: 5;
}

#seventh {
    z-index: 5;
    position: absolute;
    left: 0%;
    top: -350%;
    margin: 0 auto;
    width: 100%;
    height: 167%;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 20px;
    text-align: center;
    text-shadow: 5px 5px 5px rgb(0,0,0);
    color: rgb(255,255,255);
    background-color: transparent;
    background-repeat: repeat;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-style: solid;
    border-color: rgb(255,255,255);
}

/*.iScrollHorizontalScrollbar {
	position: absolute;
	z-index: 9999;
	height: 4.5%;
	width:60%;
	left: 20%;
	right: 2px;
	bottom: 2px;
	overflow:hidden;
	top:2%;
	background-color:transparent;
	cursor:pointer; 
}*/

