body {
	background-color:#000;
	margin: 0;
	padding: 0;
	font-size: medium;
	font-style: normal;
	/* [disabled]color: #000; */
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	 color: #000000;
	-webkit-font-smoothing: antialiased;
	font-family: "Helvetica Neue", sans-serif;
	font-size: 20px;
	font-weight: 400;
	height: auto !important;
	min-height: 100%;
	text-rendering: optimizeLegibility;
}
 

	


   
 H1  {
	font: 18px Arial;
	font-weight: normal;
	color: #FC6;
	font-size: 24px;
}
 
 H2  {
	font: 18px Arial;
	font-weight: normal;
	color: yellow;
	font-size: 18px;

}
 H3 {
	font: 20px Tahoma, Geneva, sans-serif; 
	font-weight: normal;
	color:black;
	font-size: 20px;
}


    #blog{
	position: absolute;
	top: 179px;
	left: 12px;
	width: 909px;
	background-color: #000;
	} 
	 	 
	 #blogtext{
	font: 20px Tahoma, Geneva, sans-serif;
	    text-align: justify;
	    color: white;
		line-height: 10pt;
	   }
 
	
	
	
	 .box {
	position: absolute;
	top: 950px;
	left: 65px;
	width: 900px;
	background: #F0F;
	
	  
      }
  .box2 {
	background: #F60;
	position: absolute;
	top: 899px;
	left: 32px;
	width: 800px;
	 
      }
 
 
 #box1{
	position: absolute;
	top: 1050px;
	right: 15px;
	background-color: #000;
	height: auto;
	border: double;
	border-color: #FF0;
	width: auto;
	padding: 5px;
	text-align: center;
	} 
  
 #box2{
	position: absolute;
	top: 1536px;
	right: 15px;
	width: 690px;
	background-color: #000;
	text-align: center;
	border: double;
	border-color: #FF0;
	padding: 5px;
	text-align: center;
		}
  #box3{
	position: absolute;
	top: 1500px;
	left: 124px;
	width: 400px;
	background-color: #00F;
	height: 25px;
	border-width: 2px;
	border-style: solid;
	border-color: #FC3;
	text-align: center;
	}
	
	 #box4{
	position: absolute;
	top: 900px;
	left: 21px;
	width: 1264px;
	background-color: #000;
	height: auto;
	border: double;
	border-color:#FF0;
	} 
 
 #texto {
	font:Tahoma, Geneva, sans-serif;
    font-size: small;
	text-align: justify;
	margin: 5px 5px 5px 5px;
	padding: 3px 3px 3px 3px;
	color: #FC3;
	line-height: 25pt;
    			}
		
			
#photo{
	position: absolute;
	top: 297px;
	right: 202px;
	width: 401px;
	height: 265px;
		}
		
  #photo p{
	text-align: center;
	font-style: normal;
	color: #FC6;
	font-size: 14pt;
	 margin: 1px;
	padding: 1px;
	font-weight: 400;
 }
#photo2{
	position: absolute;
	top: 285px;
	left: 4px;
	width: 347px;
	height: 272px;
		}
	#photo4{
	position: absolute;
	top: 1785px;
	right: 1022px;
	width: 257px;
	height: 271px;
		}	
		
	#photo5{
	position: absolute;
	top: 251px;
	left: 11px;
	width: 257px;
	height: 271px;
		}		
		
		
	#photo6{
	position: absolute;
	top: 270px;
	left: 946px;
	width: 257px;
	height: 271px;
		}			
  
  	
	#photo7{
	position: absolute;
	top: 959px;
	left: 130px;
	width: 321px;
	height: 295px;
	z-index: -50;
		}		
  
  	
	#photo8{
	position: absolute;
	top: 1000px;
	left: 950px;
	width: 257px;
	height: 271px;
		}		
  
  #photo9{
	position: absolute;
	top: 362px;
	left: 497px;
	width: 257px;
	height: 271px;
		}		
  
  
  #photo10{
	position: absolute;
	top: 2705px;
	right: -16px;
	width: 257px;
	height: 271px;
		}
  #photo11{
	position: absolute;
	top: 5601px;
	right: 1044px;
	width: 263px;
	height: 269px;
		}				
  #photo12{
	position: absolute;
	top: 4905px;
	right: 2px;
	width: 228px;
	height: 248px;
	z-index: 50;
		}	
		#photo13{
	position: absolute;
	top: 3780px;
	right: 1045px;
	width: 238px;
	height: 366px;
	
		}							
  
  #photo14{
	position: absolute;
	top: 1107px;
	left: 529px;
	width: 321px;
	height: 295px;
	
		}		
	
 
  
  
  
  .bgimage{
	position: absolute;
	top: 313px;
	left: 350px;
	width: 400px;
	height: 300px;
 }



     #text {
	
	text-align: justify;
	font: 20px Tahoma, Geneva, sans-serif;
	font-size:20px;
	background-color: #003;
	color: rgb(255,255,0);
	margin: 6px;
	padding: 6px;
	z-index: 0;
        }

#text2 {
	
	text-align: justify;
	font: 20px Tahoma, Geneva, sans-serif;
	font-size:18px;
	text-shadow: 1px 1px 2px pink; 
	background: #C0C0C0 ;
	margin: 10px ;
	padding: 10px;
    color:darkblue; 
}

#text3 {
	margin-left: auto;
    margin-right: auto;
	text-align: center;
	width:200px;
	font: 18px Tahoma, Geneva, sans-serif;
	font-size:18px;
	color: #006;
	background: #F90;
	
}

     #text4 {
	max-width: 80%;
	text-align: justify;
	font: 20px Tahoma, Geneva, sans-serif;
	font-size:20px;
	color: rgb(102,0,0);
	background: #C0C0C0 ;
	margin: 6px 6px 6px 6px;
	padding: 6px 6px 6px 6px;
        }
	
		  
	.text2 {
	text-align: center;
	font: 14px Tahoma, Geneva, sans-serif;
	color: white;
	margin: 6px 6px 6px 6px;
	padding: 6px 6px 6px 6px;
	font-style: normal;
	font-weight: 400;
        }
	#psyche {
	position: absolute;
	top: 1055px;
	left: 70px;
	width: 400px;
	height: 582px;
	box-shadow: 15px 15px 25px 0px rgba(0,0,0,0.75);
	-webkit-box-shadow: 15px 15px 25px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 15px 15px 25px 0px rgba(0,0,0,0.75);
            }
  
 #psyche p{ 
          text-align: center; 
           background-color: rgb(0,0,255);
		   font-style: italic;
		    color: rgb(255,153,0);  
            font-size: 18px; 
            text-indent: 0;
			padding:10px;
			box-shadow: 15px 15px 25px 0px rgba(0,0,0,0.75);
   -webkit-box-shadow: 15px 15px 25px 0px rgba(0,0,0,0.75);
   -moz-box-shadow: 15px 15px 25px 0px rgba(0,0,0,0.75);
			}	
		
		
	#psyche2 {
	position: absolute;
	top: 1828px;
	left: 15px;
	width: 500px;
	height: 284px;
	box-shadow: 15px 15px 10px 0px rgba(0,0,0,0.75);
   -webkit-box-shadow: 15px 15px 10px 0px rgba(0,0,0,0.75);
   -moz-box-shadow: 15px 15px 10px 0px rgba(0,0,0,0.75);
            }
  
 #psyche2 p{ 
          text-align: center; 
           font-style: italic;
		     color: rgb(255,153,0);   
            font-size: 18px; 
            text-indent: 0;
			background-color: rgb(0,0,255);
			padding:10px;
			box-shadow: 15px 15px 25px 0px rgba(0,0,0,0.75);
   -webkit-box-shadow: 15px 15px 25px 0px rgba(0,0,0,0.75);
   -moz-box-shadow: 15px 15px 25px 0px rgba(0,0,0,0.75);
			}
		#meta{
	position: absolute;
	top: 2320px;
	left: 31px;
	width: 458px;
	height: 648px;
	box-shadow: 15px 15px 10px 0px rgba(0,0,0,0.75);
	-webkit-box-shadow: 15px 15px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 15px 15px 10px 0px rgba(0,0,0,0.75);
            
            }
  
  #meta p{ 
          text-align: center; 
           font-style: italic;
		     color: rgb(255,153,0);   
            font-size: 18px; 
            text-indent: 0;
			background-color: rgb(0,0,255);
			padding:10px;
			box-shadow: 15px 15px 25px 0px rgba(0,0,0,0.75);
   -webkit-box-shadow: 15px 15px 25px 0px rgba(0,0,0,0.75);
   -moz-box-shadow: 15px 15px 25px 0px rgba(0,0,0,0.75);
			}
		
  #empath{
	position: absolute;
	top: 3170px;
	left: 37px;
	width: 450px;
	height: 509px;
	box-shadow: 15px 15px 20px 0px rgba(0,0,0,0.75);
	-webkit-box-shadow: 15px 15px 20px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 15px 15px 20px 0px rgba(0,0,0,0.75);
           
            }
  
  #empath p{ 
          text-align: center; 
           font-style: italic;
		    color: rgb(255,153,0);   
            font-size: 18px; 
            text-indent: 0;
			background-color: rgb(0,0,255);
			padding:10px;
			box-shadow: 15px 15px 25px 0px rgba(0,0,0,0.75);
   -webkit-box-shadow: 15px 15px 25px 0px rgba(0,0,0,0.75);
   -moz-box-shadow: 15px 15px 25px 0px rgba(0,0,0,0.75);
			}
			
 
			#psyconsci{
	position: absolute;
	top: 3879px;
	left: 13px;
	width: 500px;
	height: 275px;
	box-shadow: 15px 15px 25px 0px rgba(0,0,0,0.75);
	-webkit-box-shadow: 15px 25px 15px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 15px 15px 25px 0px rgba(0,0,0,0.75);
           
            }
  
  #psyconsci p{ 
          text-align: center; 
           font-style: italic;
		    color: rgb(255,153,0);   
            font-size: 18px; 
            text-indent: 0;
			background-color: rgb(0,0,255);
			padding:10px;
			box-shadow: 15px 15px 25px 0px rgba(0,0,0,0.75);
   -webkit-box-shadow: 15px 15px 25px 0px rgba(0,0,0,0.75);
   -moz-box-shadow: 15px 15px 25px 0px rgba(0,0,0,0.75);
           			}			
			
	
			#uninat{
	position: absolute;
	top: 4399px;
	left: 100px;
	width: 336px;
	height: 451px;
	box-shadow: 15px 15px 25px 0px rgba(0,0,0,0.75);
	-webkit-box-shadow: 15px 25px 15px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 15px 15px 25px 0px rgba(0,0,0,0.75);
           
            }
  
  #uninat p{ 
          text-align: center; 
           font-style: italic;
		    color: rgb(255,153,0);   
            font-size: 18px; 
            text-indent: 0;
			background-color: rgb(0,0,255);
			padding:10px;
			box-shadow: 15px 15px 25px 0px rgba(0,0,0,0.75);
   -webkit-box-shadow: 15px 15px 25px 0px rgba(0,0,0,0.75);
   -moz-box-shadow: 15px 15px 25px 0px rgba(0,0,0,0.75);
           			}					
			
			#mino{
	position: absolute;
	top: 5055px;
	width: 500px;
	height: 284px;
	box-shadow: 15px 15px 25px 0px rgba(0,0,0,0.75);
	-webkit-box-shadow: 15px 25px 15px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 15px 15px 25px 0px rgba(0,0,0,0.75);
	left: 17px;
           
            }
  
  #mino p{ 
          text-align: center; 
           font-style: italic;
		    color: rgb(255,153,0);   
            font-size: 18px; 
            text-indent: 0;
			background-color: rgb(0,0,255);
			padding:10px;
			box-shadow: 15px 15px 25px 0px rgba(0,0,0,0.75);
   -webkit-box-shadow: 15px 15px 25px 0px rgba(0,0,0,0.75);
   -moz-box-shadow: 15px 15px 25px 0px rgba(0,0,0,0.75);
           			}			
 #mystexp p{ 
  text-align: center; 
 font-style: italic;
 color: #00F; 
 font-size: 18px; 
 text-indent: 0;}

#flamm{
	position: absolute;
	top: 4319px;
	left: 902px;
	height: 483px;
	background-color: #FFC;
	}
		
  #flamm p{
	text-align: center; 
	font-style: italic;
	color: #00F;
	font-size: 18px;
	text-indent: 0;
	margin: 1px;
	padding: 1px;
	font-weight: normal;
		
 } 

#telek{
	position: absolute;
	top: 3378px;
	left: 902px;
	height: 427px;
	background-color: #FFC;
	}
		
  #telek p{
	text-align: center; 
	font-style: italic;
	color: #00F;
	font-size: 18px;
	text-indent: 0;
	margin: 1px;
	padding: 1px;
	font-weight: normal;
		
 }







	#cern {
	position: absolute;
	right: 92px;
	top: 2118px;
	margin: 0.9em;
	padding: 0.9em;
	width: 429px;
	height: 295px;
	
	
}
  
 #cern p{ 
  text-align: center; 
 font-style: italic;
 color: white;  
 font-size: 18px; 
 text-indent: 0;}
 
 #dream {
	position: absolute;
	right: 86px;
	top: 1815px;
	margin: 0.9em;
	padding: 0.9em;
	width: 429px;
	height: 295px;
	
	
}
  
 #dream p{ 
  text-align: center; 
 font-style: italic;
 color: white;  
 font-size: 18px; 
 text-indent: 0;}
 
 	#mindovermatter {
	position: absolute;
	right: 94px;
	top: 2477px;
	margin: 0.9em;
	padding: 0.9em;
	height: 330px;
	width: 400px;
	
}
  
 #mindovermatter p{ 
  text-align: center; 
 font-style: italic; 
 font-size: 18px; 
 text-indent: 0;}
 
 
 	#psymind {
	position: absolute;
	right: 156px;
	top: 1757px;
	margin: 1em;
	padding: 1em;
     }
  
 #psymind p{ 
  text-align: center; 
 font-style: italic; 
 font-size: 18px; 
 text-indent: 0;}    


 
 #psywill {
	position: absolute;
	right: 99px;
	top: 3449px;
	margin: 1em;
	padding: 1em;
    }
  
 #psywill p{ 
  text-align: center; 
 font-style: italic; 
 font-size: 18px; 
 text-indent: 0;}
 
 #dan {
	position: absolute;
	right: 20px;
	top: 1292px;
	margin: 0.5em;
	padding: 0.5em;
	background-color: #999;
    }
  
 #dan p{ 
  text-align: center; 
 font-style: italic; 
 font-size: 18px; 
 text-indent: 0;} 
 
  #egyptdoc {
	position: absolute;
	right: 0px;
	top: 1706px;
	margin: 0.5em;
	padding: 0.5em;
	width: 406px;
	background-color: #999;
    }
  
 #egyptdoc p{ 
  text-align: center; 
 font-style: italic; 
 font-size: 18px; 
 text-indent: 0;}    
 
 
 
	#prophet {
	position: absolute;
	right: 56px;
	top: 897px;
	margin: 0.5em;
	padding: 0.5em;
	background-color: #999;
    }
  
 #prophet p{ 
  text-align: center; 
 font-style: italic; 
 font-size: 18px; 
 text-indent: 0;}     
 
 #ancpsychic {
	position: absolute;
	right: 59px;
	top: 2146px;
	margin: 0.5em;
	padding: 0.5em;
	background-color: #999;
	}
  
 #ancpsychic p{ 
  text-align: center; 
 font-style: italic; 
 font-size: 18px; 
 text-indent: 0;}
 
  #pythia {
	position: absolute;
	right: 61px;
	top: 2660px;
	margin: 0.5em;
	padding: 0.5em;
	background-color: #999;
	}
  
 #pythia p{ 
  text-align: center; 
 font-style: italic; 
 font-size: 18px; 
 text-indent: 0;}
 
   #psyability {
	position: absolute;
	right: 56px;
	top: 3519px;
	margin: 0.5em;
	padding: 0.5em;
	background-color: #999;
	}
  
 #psyability p{ 
 text-align: center; 
 font-style: italic; 
 font-size: 18px; 
 text-indent: 0;}
 
 
.formail {
	position: absolute;
	left: 220px;
	top: 718px;
	visibility: visible;
	width: 800px;
	color: #000;
}
.tb2 {
	position: absolute;
	left: 50px;
	top: 350px;
	height: 2600px;
	background-color : #99FFCC;
	border: 1px solid #008000;
	width: 80%;
	margin: 1.8em;
	padding: 1em;
}
.tb2text  {
	font-weight: bold;
	color:red;
	text-align: center; 
	font:Tahoma, Geneva, sans-serif;
    font-style: normal; 
    font-size: 14px;
	}
.content {
	font-weight:normal;
	color:black;
	text-align: justify; 
	font: Verdana, Tahoma, Geneva, sans-serif;
    font-style: normal; 
    font-size: 16px;
}


#content {
	font: Verdana, Geneva, sans-serif;
	font-size: 16px;
	color: #000;
	letter-spacing: 2px;
	text-align: justify;
}


#psytab{
	position: absolute;
	top: 650px;
	left: 30%;
	width: 602px;
	z-index: auto;
	}
	
#psychic{
	position: absolute;
	top: 1300px;
	left: 107px;
	width: 361px;
	border: double;
	border-color: #FF0;
	}
		
  #psychic p{
	text-align: justify;
	font-style: normal;
	color: #FC6;
	font-size: 18px;
	text-indent: 0;
	margin: 1px;
	padding: 1px;
 }

.famous {
	text-align: justify;
}
#psychic .famous {
	text-align: justify;
}
#psychic2{
	position: absolute;
	top: 2331px;
	left: 59px;
	width: 463px;
	border: double;
	border-color: #FF0;
	}
		
  #psychic2 p{
	font-style: normal;
	color: #FC6;
	font-size: 18px;
	text-indent: 0;
	margin: 1px;
	padding: 1px;
	text-align: justify;
	
		
 }
 #psychic3{
	position: absolute;
	top: 2901px;
	left: 96px;
	width: 402px;
	border: double;
	border-color: #FF0;
	}
		
  #psychic3 p{
	font-style: normal;
	color: #FC6;
	font-size: 18px;
	text-indent: 0;
	margin: 1px;
	padding: 1px;
	text-align: justify;

 }
  #psychic4{
	position: absolute;
	top: 2908px;
	left: 908px;
	width: 303px;
	background-color: #FFC;
	}
		
  #psychic4 p{
	font-style: italic;
	color: #00F;
	font-size: 18px;
	text-indent: 0;
	margin: 1px;
	padding: 1px;
	text-align: center;

 }
 
 
 
 
#table2{
	position: absolute;
	top: 1250px;
	left: 180px;
	width: 1200px;
	background-color: #000000;
	height: auto;
	
	}
	#table2 p{
	font: 18px Tahoma, Geneva, sans-serif;
	font-style:normal;
	color: #F90;
	font-size: 20px;
	text-indent: 0;
	text-align: justify;
	font-weight: normal;
    line-height: 150%;
	}
	 

#table3{
	position: absolute;
	top: 6148px;
	left: 330px;
	width: 1200px;
	background-color: #000000;
	height: auto;
	
	}
	#table3 p{
	font: 18px Tahoma, Geneva, sans-serif;
	font-style:normal;
	color: #F90;
	font-size: 20px;
	text-indent: 0;
	text-align: justify;
	font-weight: normal;
    line-height: 150%;
	}
	 
#table4{
	position: absolute;
	top: 9320px;
	left: 330px;
	width: 1200px;
	background-color: #000000;
	height: auto;
	
	}
	#table4 p{
	font: 18px Tahoma, Geneva, sans-serif;
	font-style:normal;
	color: #F90;
	font-size: 20px;
	text-indent: 0;
	text-align: justify;
	font-weight: normal;
    line-height: 150%;
	}
#navigation  { 
font:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 16px;
color:#00F;

}
#nav ul {
	
    list-style-type: none; 
   	margin:auto;
    padding:0;
	z-index:100;
}

#nav li {
  
    border-radius:5px;
  display: block;
 background-color: #FC6;
 width: 250px;
 z-index: 100;
 margin: 2px;
 padding: 2px;
}

#nav a {
    position: absolute;
    display: block;
	color: #FF0000;
	background-color: #0FF;
	top: 500px;
	width: 230px;
	margin: 5px;
	padding: 5px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;    
	font-weight: 400;
	text-decoration: none;
	z-index:100;	
}
#nav a:hover {
    background-color: #0000FF;
	color: #FFF;
	font-size: 18px;
}
#spheres{
    position:absolute;
    float: right;
    top:650px;
    height: auto;
    width: 900px;
    margin: auto;
    z-index:-100;
    left: 50%;
    transform: translate(-50%, -50%);
 }


#limewire{
    position:absolute;
    float: right;
    left: 350px;
    height: auto;
    width: 800px;
    margin: 0px 150px;
    z-index:100;
}	
  #frame{
	position: absolute;
	border: outset 10px #F0F;
	border-style: ridge;
	top: 799px;
	left: 702px;
	width: 550px;
	height: 4588px;
	}
	#frame2{
	position: absolute;
	border: outset 10px #FFFF00;
	border-style: ridge;
	top: 799px;
	left: 702px;
	width: 550px;
	height: 4588px;
	}
	
		
 
textarea#styled {
	width: 800px;
	height: 120px;
	border: 3px solid #cccccc;
	padding: 5px;
	font-family: Tahoma, sans-serif;
	background-image: url(bg.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	background-color:#FC6;
	font-size:18px;
}

input[type="text"] 
{
  display: block;
  margin: 0;
  width: 100;
  font-family: sans-serif;
  font-size: 18px;
  appearance: none;
  box-shadow: none;
  border-radius: none;
}
input[type="text"]:focus {
  outline: none;
}
#timel{
	position: absolute;
	top: 257px;
	left: 850px;
	width: 241px;
	z-index: 500;
	}
	
#psysens{
	position: absolute;
	top: 523px;
	left: 600px;
	width: 297px;
	align-items: center;
    justify-content: center;
	}
	#psysens p{ 
            font: Impact,  "Franklin Gothic Bold", "Arial Black", sans-serif;
		   position:absolute;
	       top: 145px;
	       right: 160px;
			text-align: center; 
            background-color:#0000FF;
			color: #FFFF00;
			height: 40px;  
            font-size: 16px; 
            text-indent: 0;
			letter-spacing: 3px;
			}


	#psy{
	position: absolute;
	top: 450px;
	left: 650px;
   align-self: center;
    width: 512px;
	z-index: 2000;
	}

	
	#psy p{ 
          font: Impact,  "Franklin Gothic Bold", "Arial Black", sans-serif;
		   position:absolute;
	       top: 530px;
	      left: 175px; 
            background-color:#0000FF;
			color: #FFFF00;
			width: 156px;
			height: 20px;  
            font-size: 16px; 
            text-indent: 0;
			letter-spacing: 3px;
        
			}
#box3{
	position: absolute;
	top: 1530px;
	left: 80px;
	width: 400px;
	background-color: #00F;
	height: 25px;
	border-width: 2px;
	border-style: solid;
	border-color: #FC3;
	text-align: center;
	}
#ergon{
	
	position: absolute;
	align-self: center;
	top: 1px;
	width: 1477px;
	height: 822px;
	z-index: -5;
}

#image1 {
	position: absolute;
	top: 409px;
	left: 505px;
	width: 160px;
	height: 220px;
	
}

#image {
	position: absolute;
	top: 850px;
	left: 219px;
	width: 160px;
	height: 220px;
	
}



.animated { 
 	-webkit-animation-name: bounceIn;
 	-webkit-animation-duration: 5s;
 	-webkit-animation-iteration-count: infinite;
 	-webkit-animation-timing-function: ease-out;
 	-webkit-animation-fill-mode: forwards;
	
 	animation-name: bounceIn;
 	animation-duration: 5s;
 	animation-iteration-count: infinite;
 	animation-timing-function: ease-out;
 	animation-fill-mode: forwards;
} 


/*
 * Flash animation
*/
  
@-webkit-keyframes flash { 
    0%, 50%, 100% {opacity: 1;} 
    25%, 75% {opacity: 0;} 
} 
@keyframes flash { 
    0%, 50%, 100% {opacity: 1;} 
    25%, 75% {opacity: 0;} 
} 
.flash { 
    -webkit-animation-name: flash; 
    animation-name: flash; 
}

	
	
	.amp {
		font-family:Garamond,Baskerville,Georgia,serif !important;
		font-style:italic;
		font-weight:normal;
		border: none;
	}
	
	a.polaroid {
	display: block;
	width: 125px;
	z-index: 2;
	-webkit-transition: all 0.5s ease-in;
	}
	a.polaroid:hover,
	a.polaroid:focus,
	a.polaroid:active {
		z-index: 999;
		-webkit-transform: rotate(0deg) scale(1.05);
		-moz-transform: rotate(0deg) scale(1.05);
		transform: rotate(0deg) scale(1.05);
	}
	.polaroid img {
		width: 120px;
		height: 164px;
		border: 2px solid #6A6A6A;
	}
	
	a img {
		border: none;
		display: block;
	}
	
	
	
	
	a:hover,
	a:focus {
		z-index:20;
	}
	
 #player1{
	position: absolute;
	left: 522px;
	top: 6950px;
	width: 300px;
	height: 20px;
	background-color: #F00;
	border: 2x plaingreen;
	text-align: center;
	 }	 	
 #player2{
	position: absolute;
	left: 522px;
	top: 7070px;
	width: 300px;
	height: 20px;
	background-color: #00F;
	border: 5x black;
	text-align: center;
	 }
	
 #player3{
	position: absolute;
	left: 522px;
	top: 7190px;
	width: 300px;
	height: 20px;
	background-color: #F0F;
	border: 2x plaingreen;
	text-align: center;
	 }
#globe1 {
    position: absolute;
    top: 60px; /* distance from the top */
    left: 50%; /* move to center */
    transform: translateX(-50%); /* shift back by half width */
    width: 150px;
    height: 150px;
    z-index: 100;
}

#star {
	position: absolute;
	right: 190px;
	top: 295px;
	width: 500px;
	height: 681px;
	z-index: -1;
}
#temple{
	position: absolute;
	left: 369px;
	top: 548px;
	}
#perj {
	position: absolute;
	left: 201px;
	top: 1130px;
	
}
#drag {
    position: absolute;
    top: 988px;
    left: 35%;
    width: 312px;
    height: 419px;
    z-index: 1;
	}
#invit {
	position: absolute;
	top: 680px;
	left: 55px;
	width: 612px;
	height: 419px;
	z-index:-10;
	}

.ref {
    position: absolute;
	top: 843px;
	left: 148px;
	width: auto;
	font-weight: normal;
    font-size: 1.3em;
    text-shadow: 2px 2px 4px #000000;
	}


.ref a:link{
	
    color: red;
    background-color: transparent;
    
	
}
.ref a:visited  {
    color: pink;
    background-color: transparent;
   
	
}
.ref a:hover {
    color: yellow;
    background-color: transparent;
    
	
}
.ref a:active {
    color: blue;
    background-color: transparent;
    
	
}
.ref2 {
    position: absolute;
	top: 900px;
	left: 148px;
	width: auto;
	font-weight: normal;
    font-size: 1.3em;
	
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	}


.ref2 a:link{
	
    color: yellow;
    background-color: transparent;
   
	
}
.ref2 a:visited  {
    color: pink;
    background-color: transparent;
   
	
}
.ref2 a:hover {
    color: yellow;
    background-color: transparent;
   
	
}
.ref2 a:active {
    color: blue;
    background-color: transparent;
    
	
}
.blink {
	-webkit-animation: blink .75s linear infinite;
	-moz-animation: blink .75s linear infinite;
	-ms-animation: blink .75s linear infinite;
	-o-animation: blink .75s linear infinite;
	animation: blink .75s linear infinite;
	
	}
.blink p {
    text-shadow: 1px 1px 2px white, 0 0 25px blue, 0 0 5px darkblue;
	position: absolute;
	top: auto;
	left: 200px;
	text-align: center;
	font-style: Arial Rounded MT Bold;
	color:yellow;
	font-size: 30px;
	
	}


@-webkit-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-moz-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}


@keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
.blink_2 {
	-webkit-animation: blink .75s linear infinite;
	-moz-animation: blink .75s linear infinite;
	-ms-animation: blink .75s linear infinite;
	-o-animation: blink .75s linear infinite;
	animation: blink .75s linear infinite;
	
	}
.blink_2 p {
	text-shadow: 1px 1px 2px white, 0 0 25px blue, 0 0 5px darkblue;
	position: absolute;
	top: 1650px;
	left: 190px;
	text-align: center;
	font-style: Arial Rounded MT Bold;
	color: #ff0000;
	font-size: 30px;
		}


@-webkit-keyframes blink_2 {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-moz-keyframes blink_2 {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-ms-keyframes blink_2 {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-o-keyframes blink_2 {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@keyframes blink_2 {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
nav {
  position: relative;
  top: 0em;
  left: 0.5em;
  width: 20em;
  height: 20em;
  float: left;
  padding: 0;
  overflow: hidden; 
  z-index: 5;
  display:block; 
  }

nav:hover {
  background-color: transparent;
  width: 25em;
  height: 25em;
  display: block;
  border-radius: 0 0  25em 0 ; 
  display:inline-block;
  }


nav h1 {
  position: relative;
  top: -.75em;
  left: -.5em;
  margin: 0;
  text-shadow: 0 0 25px blue, 0 0 5px darkblue; 
  background-color: rgb(255,0,0);
  z-index: 5;
  font-size: 1.5em;
  line-height: 100%;
  width: 2.3em;
  padding: 2em 2em 2.25em 2em;
  border-radius: 0em;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  overflow: hidden; }

nav h1::before {
  content: "\AB";/*« «*/
  /*content: "\21D0";*//*⇐ ⇐*/
  color: #000;
  -webkit-transform: rotate(10deg);
  transform: rotate(10deg); }

nav:hover h1 {
  display: none; }

nav ol {
  margin: 0;
  padding: 0;
  list-style-type: none; 
  display: inline-block;
  }

a {
	font-size: 1em;
	display: block;
	position: absolute;
	top: -10em;
	left: 250px;
	border-radius: 1em;
	border: .15em solid #fff;
	padding: 0.4em;
	width: 10em;
	text-align: center;
	box-shadow: .45em 0 1.5em rgba(50, 50, 50, 0.75);
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

nav:hover a {
display: block; }

a:link, a:hover, a:focus, a:active, a:visited {
  text-decoration: none;
  color: #ddd;
  background-color: #660; }

a:hover, a:focus, a:active {
  background-color: #222;
  color: #fff;
  text-shadow: 0em 0em 0.2em rgba(255, 255, 255, 0.8);}

nav:hover li:nth-child(1) a {
  left: 12.3em;
  top: 0.5em; }

nav:hover li:nth-child(2) a {
  left: 12em;
  top: 2.7em; }

nav:hover li:nth-child(3) a {
  left: 11.5em;
  top: 4.9em; }

nav:hover li:nth-child(4) a {
  left: 10.9em;
  top: 7.1em; }

nav:hover li:nth-child(5) a {
  left: 9.8em;
  top: 9.3em; }
nav:hover li:nth-child(6) a {
  left: 8.5em;
  top: 11.5em; }

nav:hover li:nth-child(7) a {
  left: 6.8em;
  top: 13.6em; }

nav:hover li:nth-child(8) a {
  left: 4.7em;
  top: 15.8em; }

nav:hover li:nth-child(9) a {
  left: 2.9em;
  top: 18em; }

	

	


.text {
    width: 100%;
    font-weight: bold;
	color: yellow;
	font:Tahoma, Geneva, sans-serif;
    font-style:normal; 
    font-size: 20px;
	text-align: justify;
    text-shadow: 2px 2px 5px black, 2px 2px 8px red;
    
    
}
.textr {
    width: 100%;
    font-weight: bold;
	color: yellow;
	font:Tahoma, Geneva, sans-serif;
    font-style:normal; 
    font-size: 20px;
	text-align: justify;
    text-shadow: 2px 2px 5px black, 2px 2px 8px red;
   
    
}
.textc {
   
    font-weight: bold;
	color: yellow;
	font:Tahoma, Geneva, sans-serif;
    font-style:normal; 
    font-size: 20px;
	text-align: justify;
    text-shadow: 2px 2px 5px black, 2px 2px 8px red;
    
}

.header {
   padding: 30px;
   text-align: center;
   font:Tahoma, Geneva, sans-serif;
   color: yellow;
   font-size: 20px;
   text-shadow: 2px 2px 5px black, 2px 2px 8px red;
}       




    
.same{
		width: 120px;
		height: 164px;
		margin: 0px;
		border: 5px solid blue;
		
		display: none;
		z-index: 20;
	}

	#div1{
	position:absolute;
		top: 230px;
		left:100px;
	z-index: 500;
	}
	
	#div2{
		
	position:absolute;
		top: 450px;
		right:80px;
	z-index:500;
	}
		
	
	#div3{
		position:absolute;
		top: 500px;
		right:550px;
		z-index:500;	
	}
	#div4{
		position:absolute;
		top: 550px;
		left:400px;
		z-index:500;	
	}
	#div5{
		position:absolute;
		top: 850px;
		left:200px;
		z-index:500;	
	}
	#div6{
		position:absolute;
		top: 780px;
		left:550px;
		z-index:500;	
	}
#div7{
		position:absolute;
		top: 200px;
		right:100px;
		z-index:500;	
	}


#div8{
		position:absolute;
		top: 290px;
		left:550px;
		z-index:500;	
	}

#div9{
		position:absolute;
		top: 600px;
		right:350px;
		z-index:500;	
	}


#div10{
		position:absolute;
		top: 700px;
		right:50px;
		z-index:500;	
	}


#div11{
		position:absolute;
		top: 650px;
		left:10px;
		z-index:500;	
	}

#div12{
		position:absolute;
		top: 300px;
		right:300px;
		z-index:500;	
	}

#div13{
		position:absolute;
		top: 350px;
		left:300px;
		z-index:500;	
	}

#tenor {
	position: absolute;
	top: 180px;
	margin-left:auto;
	margin-right:auto;
	background-size: 100% 753px;
	background-image: url("images/tenor3.gif");
	background-repeat: no-repeat;
    background-position: center center;
	min-width: 260px;
    min-height:200px;
	z-index: -5;
	}		
/* Pulse class and keyframe animation */





#wfall {
	position: absolute;
	top: 181px;
	left: 0px;
	width: 1300px;
	height: 600px;
	background-image: url("images/tenor3.gif");
	z-index: 0;
          }
#timeline {
    position: absolute;
    display: block;
    top:770px;
    width: auto;
    height: 395px;
    z-index: 5;
    margin:auto;
    left: 50%;
   transform: translateX(-50%);
	}
	#timeline p{ 
          font: Impact,  "Franklin Gothic Bold", "Arial Black", sans-serif;
		   position:absolute;
	       top: 200px;
	       left: 400px;
			text-align: center; 
            background-color:#0000FF;
			color: #FFFF00;
			width: 220px;
			height: 20px;  
            font-size: 16px; 
            text-indent: 0;
			letter-spacing: 3px;
			}




.scale{
	-webkit-animation: scale ease-in 10s ;
	
	animation-duration: 10s; 
}


@-webkit-keyframes scale {
	0%  {width:300px; 
	opacity: 0;}
	100% {width:700px;
	opacity:1}
} 
@keyframes scale {
   0%  {width:300px; 
	opacity: 0;}
	100% {width:700px;
	opacity:1}
}



#uni{
	position: absolute;
    text-align: center;
	width: 500px;
	height: 100%; }

#ban{
	position: absolute;
	top: 270px;
	left: 20%;
	width: 800px;
	height: 80px;
    margin: -60px 0 0 -60px;}
.nav{
    position: absolute;
	top: 450px;
	left: 5%;
	width: 500px;
	height: 500px;
	margin: -60px 0 0 -60px;
   z-index: 999;
}

   
.image9 {
    position: absolute;
    top: 300px; /* adjust as needed */
    left: 25%; 
    transform: rotate(45deg);
 }