body, html{
	margin:0;
	padding:0;
}




#visionpagewrapper{

	position:relative;
	margin:0;
	padding:0;
	height:100vh;
	width:100vw;
	top:0px;
	background-color: rgba(0,0,0,0.0);
}


/*---------------------------------overallclasses--------------------------*/

.slide{
	position:absolute;
	margin:0;
	padding:0;
	height:100vh;
	width:100vw;
	background-color: rgba(0,0,0,0.0);
	
}




/*---------------------------------------------------------------slide1----------------*/




#titlewrapper{
	position:absolute;
	padding:0;
	top:60px;
	bottom:0;
	left:0;
	right:0;
	margin-top:auto;
	margin-bottom:auto;
	margin-left:auto;
	margin-right:auto;
	z-index:2;
	background-color: rgba(0,0,0,0.0);
}





#left{
	position:absolute;
	width:50px;
	height:328px;
	left:10px;
	top:0;
	bottom:0;
	margin-top:auto;
	margin-bottom:auto;
	background-color: rgba(237,237,237,0.4);
	z-index:12;
}


#right {
	position:absolute;
	width:50px;
	height:328px;
	right:10px;
	top:0;
	bottom:0;
	margin-top:auto;
	margin-bottom:auto;
	background-color: rgba(237,237,237,0.4);
	z-index:12;
}


#left>img, #right>img {
	opacity:0.4;
	margin:10px;
	z-index:12;
	
}


#left:hover, #right:hover {
	background-color: rgba(0,0,0,0.2);
}





#worldbg{

	position:absolute;
	padding:0;
	left:0;
    right:0;
    top:0;
	bottom:0;
    margin-left:auto;
    margin-right:auto;
    margin-top:auto;
	margin-bottom:auto;
    z-index:3;
    display:none;
}


#lineleft{

	position:absolute;
	margin:0;
	padding:0;
	left:4%;
	top:0;
	bottom:0;
	margin-top:auto;
	margin-bottom:auto;
	z-index:3;
	display:none;
}


#lineright{

	position:absolute;
	margin:0;
	padding:0;
	right:4%;
	top:0;
	bottom:0;
	margin-top:auto;
	margin-bottom:auto;
	z-index:3;
	display:none;
}


#bulbs{

	position:absolute;
	left:0;
    right:10px;
    margin-left:auto;
    margin-right:auto;
    top:0;
    bottom:10px;
    margin-top:auto;
    margin-bottom:auto;
    z-index:4;
    opacity:0.6;
    display:none;
}



#yellowcircle{

	position:absolute;
	margin:0;
	padding:0;
	left:450px;
	top:340px;
	z-index:5;
	opacity:0.12;
	display:none;
}


#redorcircle{

	position:absolute;
	margin:0;
	padding:0;
	right:450px;
	top:340px;	
	 z-index:5;
	opacity:0.12;
	display:none;	
}


#the-visiontext{

	position:absolute;
	left:0;
    right:10px;
    margin-left:auto;
    margin-right:auto;
    top:0;
    bottom:10px;
    margin-top:auto;
    margin-bottom:auto;
    z-index:6;
    opacity:0.9;
    display:none;
}


#twtwtext{

	position:absolute;
	left:0;
    right:10px;
    margin-left:auto;
    margin-right:auto;
    top:0;
    bottom:10px;
    margin-top:auto;
    margin-bottom:auto;
    z-index:6;
    opacity:0.9;
    display:none;
}




/*-------------------------------------------------------------------explanation--------*/



/*---------------------------------------------------------------slide2----------------*/

#mapcontainer{
	
	position:relative;
	height:600px;
	width:100%;
	margin:100px 0 0 0;
	background-color: rgba(0,0,0,0.0);
}	
	
	
/*	
#oldworldmap{
	position:absolute;	
	left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
    opacity:0.9;
}	
*/

#mapcircuits{

	position:absolute;
	left:0;
    right:0px;
    margin-left:auto;
    margin-right:auto;
    top:0;
    bottom:0px;
    margin-top:auto;
    margin-bottom:auto;
    opacity:0.8;
    display:none;
}



#mapcoil{

	position:absolute;
	left:0;
    right:0px;
    margin-left:auto;
    margin-right:auto;
    top:0;
    bottom:0px;
    margin-top:auto;
    margin-bottom:auto;
    opacity:0.8;
    display:none;
}


#wmaps{

	position:absolute;
	left:0;
    right:0px;
    margin-left:auto;
    margin-right:auto;
    top:0;
    bottom:0px;
    margin-top:auto;
    margin-bottom:auto;
    opacity:0.9;
    display:none;
}

#greencircle{

	position:absolute;
	top:230px;
    left:30%;
	opacity:0.12;
	display:none;
}


#bluecirclewmap{

	position:absolute;
	top:230px;
    right:23%;
	opacity:0.12;
	display:none;
}


/*---------------------------------------------------------------slide3----------------*/



#breakapartwrapper{

	position:absolute;
	height:600px;
	width:650px;
	left:0;
    right:0px;
    margin-left:auto;
    margin-right:auto;
    bottom:50px;
    z-index:15;
    background-color:rgba(0,0,0,0.0);
    display:none;
}


#breakapartwrapper>img{
	position:absolute;
	margin:0;
	padding:0;
}


.blocks{
	opacity:0.97;
}


#vertwhiteblockthin01{
	bottom:3%;
	left:43%;
	z-index:7;
}


#vertwhiteblockthin02{
	top:1%;
	right:34%;
	z-index:7;
}


#vertwhiteblockthin03{
	bottom:5%;
	right:40%;
	z-index:3;
}

#typerwriterright{

	bottom:20px;
	right:20px;
	 z-index:6;  
}

#typerwriterleft{

	top:2%;
	left:2%;
	 z-index:4;  
}

#horiwhiteblock01{
	top:35%;
	left:12%;
	z-index:5; 
}


#horiwhiteblock02{
	bottom:33%;
	right:12%;
	z-index:5; 
}


#vertwhiteblockwide{
	top:25%;
	left:30%;
	 z-index:5;  
}


#triangle01{
	top:3%;
	left:2%;
	 z-index:3;  
}


#triangle02{
	bottom:3%;
	right:1%;
	 z-index:3;  
}

#patentnumber{

	bottom:12%;
	right:3%;
	 z-index:3;  
}


#circuitcircle{
	top:30%;
    z-index:3;  
}


/*--------------------------peekaboss------*/

.peekaboo{
	position:absolute;
	margin:0;
	padding:0;
	display:none;
}


#peekaboss{
	top:100px;
	left:450px;
	z-index:5;
	opacity:0.9;
}

#mark01{
	top:9%;
	left:50.5%;
	z-index:6;
}

#mark02{
	top:6.5%;
	left:49%;
	z-index:6;
}

#mark03{
	top:3%;
	left:50%;
	z-index:6;
}

/*------------------*/

#expandbutton{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin-top:auto;
	margin-bottom:auto;
	margin-left:auto;
	margin-right:auto;
	height:400px;
	width:400px;
	z-index:1000000;
	background-color:rgba(5,0,0,0.0);
}





/*---------------------------------------------------------------slide3----------------*/

#equipcontainer{
	position:relative;
	height:620px;
	width:100%;
	margin:100px 0 0 0;
	background-color: rgba(0,0,0,0.0);
}

#equiptext{
	top:33px; !important
}

#equipwrapper{
	position:absolute;
	height:600px;
	width:1400px;
	top:0;
	bottom:0;
	margin-top:auto;
	margin-bottom:auto;
	right:0;
	left:0;
	margin-left:auto;
	margin-right:auto;
	background-color: rgba(0,0,0,0.0);

}

.equippiece{
	display:none;
}

#structure01{
	position:absolute;
	top:0;
	bottom:0;
	margin-top:auto;
	margin-bottom:auto;
	
}


#stampedlogo01{
	position:absolute;
	top:205px;
	left:168px;
	
}

#vertlinespair01{
	position:absolute;
	top:198px;
	left:727px;
	
}

#horzlinespair01{
	position:absolute;
	top:318px;
	right:444px;
}

#vertlinesingle01{
	position:absolute;
	bottom:128px;
	right:379px;
}


#vertlinesingle02{
	position:absolute;
	top:138px;
	right:378px;
}


#horzlinesingle01{
	position:absolute;
	top:93px;
	right:255px;
}


#horzlinesingle02{
	position:absolute;
	bottom:101px;
	right:253px;
}


#globering01{
	position:absolute;
	top:3px;
	right:50px;
}

#globering02{
	position:absolute;
	bottom:3px;
	right:50px;
}

#local01{
	position:absolute;
	top:29px;
	right:77px;
}

#globe01{
	position:absolute;
	bottom:-7px;
	right:70px;
}


#vertsparkmove01{
	position:absolute;
	height:110px;
	width:48px;
	top:197px;
	right:630px;
	background-color: rgba(0,0,0,0.0);
	overflow:hidden;

}


#globalspark01{
	position:absolute;
	top:-25px;
	left:0;
	
}


#localspark01{
	position:absolute;
	top:-25px;
	right:2px;
	
}


#horzsparkmove01{
	position:absolute;
	height:48px;
	width:160px;
	top:310px;
	right:444px;
	background-color: rgba(0,0,0,0.0);
	overflow:hidden;

}


#globalspark02{
	position:absolute;
	top:3px;
	left:-25px;
}


#localspark02{
	position:absolute;
	bottom:3px;
	left:-25px;
}


#vertsparkmovesingle01{
	position:absolute;
	height:169px;
	width:30px;
	top:139px;
	right:368px;
	background-color: rgba(0,0,0,0.0);
	overflow:hidden;
}

#localspark03{
	position:absolute;
	bottom:-25px;
	left:0;
}


#vertsparkmovesingle02{
	position:absolute;
	height:119px;
	width:30px;
	bottom:128px;
	right:368px;
	background-color: rgba(0,0,0,0.0);
	overflow:hidden;
}

#globalspark03{
	position:absolute;
	top:-25px;
	left:0;
}


#horzsparkmovesingle01{
	position:absolute;
	height:23px;
	width:130px;
	top:90px;
	right:234px;
	background-color: rgba(0,0,0,0.0);
	overflow:hidden;
}

#localspark04{
	position:absolute;
	bottom:0;
	left:-25px;
}



#horzsparkmovesingle02{
	position:absolute;
	height:23px;
	width:130px;
	bottom:100px;
	right:230px;
	background-color: rgba(0,0,0,0.0);
	overflow:hidden;
}


#globalspark04{
	position:absolute;
	top:0;
	left:-25px;
}
/*---------------------------------------------------------------slide4----------------*/


#partnerscontainer{
	position:relative;
	height:520px;
	width:100%;
	margin:100px 0 0 0;
	background-color: rgba(0,0,0,0.0);
	z-index:10;
}


#partnerwrapper{
	position:absolute;
	height:500px;
	width:875px;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	background-color: rgba(0,0,0,0.0);
	
}

#partnerwrapper>img{
	display:none;
}

#partnercircuit{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}

#stamplogo{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	opacity:0.08;
}

#n2ncircle{
	position:absolute;
	top:164px;
	left:26px;
	opacity:0.8;
}

#lefthover{
	position:absolute;
	height:200px;
	width:200px;
	top:164px;
	left:26px;
	background-color: rgba(0,0,0,0.0);
	z-index:300;
}

#paviaprojecttitle{
	position:absolute;
	top:186px;
	right:45px;
	opacity:0.8;
}


#righthover{
	position:absolute;
	height:200px;
	width:200px;
	top:186px;
	right:45px;
	background-color: rgba(0,0,0,0.0);
		z-index:300;
}

#nplink, #nplink:visited {
	font-style:none; 
	font-weight:bold;
	color: #000;
	
}


/*---------------------------------------------bottom----*/

#emptycontainer{

	position:relative;
	height:100px;
	width:1005;
	background-color: rgba(0,0,0,0.0);
}