/*
	General styles
*/
body {
	padding:0px;
    margin:0px;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
body, html {
	height: 100%
}

.touchonly {
	display: none;
}
html.touch .touchonly {
	display: block;
}
.noselect * {
	user-select: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
}
.doselect * {
	user-select: auto;
	-webkit-user-select: auto;
	-khtml-user-select: auto;
	-moz-user-select: auto;
	-o-user-select: auto;
}

.refHolder {
/*
    background-image: url(../img/fullframeReference.jpg);
    background-repeat: no-repeat;
*/
    position: absolute;
    top: 0px;
    left:0px;
    height: 6902px;
    width: 1536px;
    overflow:hidden;
}

/* section 1 */

.section1 {
    display:block;
    position: absolute;
    top:0px;
    background-image: url(../img/section1/s1-background.jpg);
    background-repeat: no-repeat;
    width:100%;
    height:867px;
    z-index: 10;
}

.name1{
    display:block;
    position: absolute;
    top:260px;
    left:90px;
    background-image: url(../img/section1/s1-name1.png);
    background-repeat: no-repeat;
    width:131px;
    height:31px;
    z-index: 10;
    
}
.name1Copy{
    display:block;
    position: absolute;
    top:315px;
    left:90px;
    background-image: url(../img/section1/s1-name1-copy.png);
    background-repeat: no-repeat;
    width:296px;
    height:91px;  
    z-index: 10;
}
.name2{
    display:block;
    position: absolute;
    top:375px;
    left:1195px;
    background-image: url(../img/section1/s1-name2.png);
    background-repeat: no-repeat;
    width:158px;
    height:31px;
    z-index: 10;
}
.name2Copy{
    display:block;
    position: absolute;
    top:430px;
    left:1195px;
    background-image: url(../img/section1/s1-name2-copy.png);
    background-repeat: no-repeat;
    width:291px;
    height:71px;  
    z-index: 10;
}
.leftPerson{
    display:block;
    position: absolute;
    top:137px;
    left:265px;
    background-image: url(../img/section1/leftMan.png);
    background-repeat: no-repeat;
    width:758px;
    height:730px;
    z-index: 10;
}
.rightPerson{
    display:block;
    position: absolute;
    top:104px;
    left:655px;
    background-image: url(../img/section1/rightMan.png);
    background-repeat: no-repeat;
    width:781px;
    height:763px;
    z-index: 10;
}
.section1Trigger {
    display:block;
    position: absolute;
    top:510px;
    right:0px;
    /*background-color:yellow;*/
    width:100px;
    height:10px;
}

/*..............................*/

/* section 2 */

.section2 {
    display:block;
    position: absolute;
    top:867px;
    background-image: url(../img/section2/s2-background.jpg);
    background-repeat: no-repeat;
    width:100%;
    height:838px;
    /*opacity: .5;*/
}
.s2Heading{
    display:block;
    position: absolute;
    top:170px;
    left:660px;
    background-image: url(../img/section2/s2-header.png);
    background-repeat: no-repeat;
    width:341px;
    height:53px;
}          
        
.s2quote1{
    display:block;
    position: absolute;
    top:260px;
    left:665px;
    background-image: url(../img/section2/s2-quote1.png);
    background-repeat: no-repeat;
    width:398px;
    height:155px;
}         
.s2quote2{
    display:block;
    position: absolute;
    top:445px;
    left:605px;
    background-image: url(../img/section2/s2-quote2.png);
    background-repeat: no-repeat;
    width:558px;
    height:262px;
}

.s2paper {
    display:block;
    position: absolute;
    top:-670px;
    left:485px;
    background-image: url(../img/section2/s2-paper.png);
    background-repeat: no-repeat;
    width:672px;
    height:671px;
}

.section2Trigger {
    display:block;
    position: absolute;
    top:0px;
    right:0px;
    /*background-color:yellow;*/
    width:100px;
    height:10px;
}


/* ................... */

/* section 3 */

.section3 {
    display:block;
    position: absolute;
    top:1705px;
    width:100%;
    height:559px;
    z-index: 10;
}

.s3Background {
    display:block;
    position: absolute;
    top:0px;
    background-image: url(../img/section3/s3-background.jpg);
    background-repeat: no-repeat;
    width:1536px;
    height:559px;
    z-index: 20;
}

.s3Copy {
    display:block;
    position: absolute;
    top:150px;
    left:530px;
    background-image: url(../img/section3/s3-copy.png);
    background-repeat: no-repeat;
    width:413px;
    height:239px;
    z-index: 20;   
}

.section3Trigger {
    display:block;
    position: absolute;
    top:0px;
    right:0px;
/*    background-color:yellow;*/
    width:100px;
    height:10px;
}

/* ................... */

/* section 4 */

.section4{
    display:block;
    position: absolute;
    top:2162px;
    background-image: url(../img/section4/s4-background.jpg);
    background-repeat: no-repeat;
    width:1536px;
    height:836px;
}

.s4paper {
    display:block;
    position: absolute;
    top:-600px;
    left:265px;
    background-image: url(../img/section4/s4-paper.png);
    background-repeat: no-repeat;
    width:371px;
    height:514px;
}


.s4heading{
    display:block;
    position: absolute;
    top:70px;
    left:265px;
    background-image: url(../img/section4/s4-header.png);
    background-repeat: no-repeat;
    width:492px;
    height:56px;
}

.s4copy{
    display:block;
    position: absolute;
    top:150px;
    left:265px;
    background-image: url(../img/section4/s4-copy.png);
    background-repeat: no-repeat;
    width:401px;
    height:198px;
}

.s4piechart{
    display:block;
    position: absolute;
    top:360px;
    left:265px;
/*
    background-image: url(../img/section4/s4-piechart.png);
    background-repeat: no-repeat;
*/
    width:364px;
    height:350px;       
}

.s4rightPerson{
    display:block;
    position: absolute;
    top:73px;
    left:755px;
    background-image: url(../img/section1/rightMan.png);
    background-repeat: no-repeat;
    width:781px;
    height:763px; 
}

.section4Trigger {
    display:block;
    position: absolute;
    top:0px;
    right:0px;
/*    background-color:yellow;*/
    width:100px;
    height:10px;
    z-index: 100;
}

/* ................... */

/* section 5 */


.section5{
    display:block;
    position: absolute;
    top:2900px;
    width:100%;
    height:559px;
    z-index: 10;
}
.s5background{
    display:block;
    position: absolute;
    top:0px;
    background-image: url(../img/section5/s5-background.jpg);
    background-repeat: no-repeat;
    width:1536px;
    height:559px;
    z-index: 10;
}
.s5Copy{
    display:block;
    position: absolute;
    top:100px;
    left:550px;
    background-image: url(../img/section5/s5-copy.png);
    background-repeat: no-repeat;
    width:401px;
    height:287px;
    z-index: 10;
}
.section5Trigger {
    display:block;
    position: absolute;
    top:0px;
    right:0px;
/*    background-color:yellow;*/
    width:100px;
    height:10px;
    z-index: 100;
}

/* ................... */

/* section 6 */

.section6{
    display:block;
    position: absolute;
    top:3400px;
    background-image: url(../img/section6/s6-background.jpg);
    background-repeat: no-repeat;
    width:1536px;
    height:835px;
}
.s6paper{
    display:block;
    position: absolute;
    top:-530px;
    left:-100px;
    background-image: url(../img/section6/s6-paper.png);
    background-repeat: no-repeat;
    width:570px;
    height:609px;
}
.s6header{
    display:block;
    position: absolute;
    top:120px;
    left:235px;
    background-image: url(../img/section6/s6-header.png);
    background-repeat: no-repeat;
    width:401px;
    height:55px;
}
.s6copy{
    display:block;
    position: absolute;
    top:210px;
    left:235px;
    background-image: url(../img/section6/s6-copy.png);
    background-repeat: no-repeat;
    width:401px;
    height:94px;
}

.s6piechart {
    display:block;
    position: absolute;
    top:380px;
    left:235px;
/*
    background-image: url(../img/section6/s6-piechart.png);
    background-repeat: no-repeat;
*/
    width:370px;
    height:366px;    
}
.s6video{
    display:block;
    position: absolute;
    top:310px;
    left:800px;
    background-image: url(../img/section6/s6-video.jpg);
    background-repeat: no-repeat;
    width:501px;
    height:339px;
}

.section6Trigger {
    display:block;
    position: absolute;
    top:0px;
    right:0px;
/*    background-color:yellow;*/
    width:100px;
    height:10px;
    z-index: 100;
}

/* ................... */

/* section 7 */

.section7{
    display:block;
    position: absolute;
    top:4230px;
/*
    background-image: url(../img/section7/s7-background.jpg);
    background-repeat: no-repeat;
*/
    width:1536px;
    height:835px;
    z-index:40;
}

.s7background {
    background-image: url(../img/section7/s7-background.jpg);
    background-repeat: no-repeat;
    width:1536px;
    height:835px;
}

.s7postbox{
    display:block;
    position: absolute;
    top:16px;
    left:405px;
    background-image: url(../img/section7/s7-postBox.png);
    background-repeat: no-repeat;
    width:715px;
    height:864px;
}
.s7letter{
    display:block;
    position: absolute;
    top:-30px;
    left:1550px;
    background-image: url(../img/section7/s7-letter.png);
    background-repeat: no-repeat;
    width:251px;
    height:202px;
}
.s7postboxoverlay{
    display:block;
    position: absolute;
    top:384px;
    left:501px;
    background-image: url(../img/section7/s7-postOverlay.png);
    background-repeat: no-repeat;
    width:406px;
    height:451px;
}
.section7Trigger{
    display:block;
    position: absolute;
    top:0px;
    right:0px;
/*    background-color:yellow;*/
    width:100px;
    height:10px;
    z-index: 100;
}

/* ................... */

/* section 8 */

.section8{
    display:block;
    position: absolute;
    top:5065px;
    left:0px;
/*
    background-image: url(../img/section8/s8-background.jpg);
    background-repeat: no-repeat;
*/
    width:1536px;
    height:920px;
}

.s8background{
    display:block;
    position: absolute;
    left:0;
    top:0;
    background-image: url(../img/section8/s8-background.jpg);
    background-repeat: no-repeat;
    width:1536px;
    height:920px;
}

.s8handletter{
    display:block;
    position: absolute;
    top:0px;
    left:400px;
}

.s8hand{
    display:block;
    position: absolute;
    top:-200px;
    left:220px;
    background-image: url(../img/section8/s8-hand.png);
    background-repeat: no-repeat;
    width:386px;
    height:523px;
}
.s8letterBack{
    display:block;
    position: absolute;
    top:233px;
    left:100px;
    background-image: url(../img/section8/s8-letterBacking.jpg);
    background-repeat: no-repeat;
    width:552px;
    height:175px;
}
.s8letterFront{
    display:block;
    position: absolute;
    top:230px;
    left:100px;
    background-image: url(../img/section8/s8-letter-frontCover.png);
    background-repeat: no-repeat;
    width:555px;
    height:357px;
}
.s8letterClosedTop{
    display:block;
    position: absolute;
    top:230px;
    left:100px;
    background-image: url(../img/section8/s8-letterTopClosed.png);
    background-repeat: no-repeat;
    width:553px;
    height:229px;
    -webkit-transform-origin: 50% 0%;
	    -ms-transform-origin: 50% 0%;
	        transform-origin: 50% 0%;
}
.s8letterOpenTop{
    display:block;
    position: absolute;
    top:19px;
    left:100px;
    background-image: url(../img/section8/s8-letterTopOpen.png);
    background-repeat: no-repeat;
    width:558px;
    height:217px;
    -webkit-transform-origin: 0% 100%;
	    -ms-transform-origin: 0% 100%;
	        transform-origin: 0% 100%;
    opacity:1;
}

.s8contactForm {
    display:block;
    position: absolute;
    top:245px;
    left:120px;
    background-image: url(../img/section8/s8-contactForm.png);
    background-repeat: no-repeat;
    background-size: contain;
    width:518px;
    height:265px;
}

.s8thumb {
    display:block;
    position: absolute;
    top:101px;
    left:303px;
    background-image: url(../img/section8/s8-thumb.png);
    background-repeat: no-repeat;
    width:169px;
    height:256px;
}
.s8CTA {
    display:block;
    position: absolute;
    top:700px;
    left:280px;
    background-image: url(../img/section8/s8-CTAbutton.png);
    background-repeat: no-repeat;
    width:218px;
    height:54px;
}
.section8Trigger{
    display:block;
    position: relative;
    top:0px;
    right:0px;
/*    background-color:yellow;*/
    width:100px;
    height:10px;
    z-index: 100;
}