/* 1. Global */
html,body  { 
			margin: 0;
			padding: 0;
 }
  



/* 3.......................... P R O C E S S ................................... */




#actionBox {
	
	position: relative;
	margin:0 auto;
	top: 60px;
	height: 500px;
	width: 960px;
	overflow:hidden;
}



#heading {
		position: relative;
		top: -20px;
		opacity: 0;
		
}


#st1 {
		position: relative;
		top: -80px;
		opacity: 0;
		
}


#st2 {
		position: relative;
		top: -620px;
		opacity: 0;
		
}

#st3 {
		position: relative;
		top: -1055px;
		opacity: 0;
		
}

#st4 {
		position: relative;
		top: -2000px;
		opacity: 0;
		
}


#st5 {
		position: relative;
		top: -2550px;
		opacity: 0;
		
}

#st6 {
		position: relative;
		top: -3050px;
		opacity: 0;
		
}

#st7 {
		position: relative;
		top: -3630px;
		opacity: 0;
		
}

#art1 {
		position: relative;
		right: 120px;
		top: 500px;
		opacity: 0;
			
}


#art2{
		position: relative;
		right: -320px;
		top: -200px;
		opacity: 0;			
}

#sat{
		position: relative;
		right: -634px;
		top: -351px;
		opacity: 1;
		
			
}


#art3{
		position: relative;
		right: -100px;
		top: -1080px;
		opacity: 0;			
}


#arrows1 {
	
	position: relative;
	right:-201px;
	top: -1173px;
	height: 200px;
	width: 100px;
	overflow:hidden;
	
}

#arrows {
	
	position: relative;
	top: -140px;
	
	
	
}

#art4{
		position: relative;
		right: -70px;
		top: -2220px;
		opacity: 0;			
}






#research{
		position: relative;
		right: 500px;
		top: -540px;
		opacity: 0;
		
			
}

#cof{
		position: relative;
		right: 100px;
		top: -1150px;
		opacity: 0;			
}



#art5{
		position: relative;
		right: -420px;
		top: -2000px;
		opacity:0 ;			
}

#arm{
		position: relative;
		right: -335px;
		top: -2077px;
		opacity: 0;			
}

#board1{
		position: relative;
		right: -130px;
		top: -3020px;
		opacity: 0;			
}


#board2frame{
		position: relative;
		height:140px;
		width:200px;
		right: -140px;
		top: -2718px;
		overflow:hidden;
                opacity: 0;			
}

#board2{
		position: relative;
		right: 0;
		top:-120px;
		opacity: 0;			
}


#tag1 {
		position: relative;
		top:-165px;
		left:50px;
		opacity: 0;	
}


#art6{
		position: relative;
		right: -200px;
		top: -2945px;
		opacity:0 ;			
}


#devstage{
		position: relative;
		display:block;
		right: -155px;
		top: -2960px;
		height:300px;
		width:276px;
		overflow:hidden;
		opacity:0;
		
}



#dev{
		
		right: 0px;
		top: 0px;
		opacity:1;			
}

#devbg{
		position: relative;
		right: 0px;
		top: -305px;
		
}


#cloudin{
		position: relative;
		right: 400px;
		top: -3940px;
		opacity:0 ;			
}

#art7{
		position: relative;
		height:280px;
		width:340px;
		right: -100px;
		top: -3432px;
		opacity:1 ;	
		overflow:hidden;		
}

#drop5{
		position: relative;
		left:20px;
		top: -320px;
		opacity:1 ;			
}



#bbl {
		position: relative;
		top:70px;
		left:-540px;
		opacity: 0;			
}

#bbl2 {
		position: relative;
		top:70px;
		left:-568px;
		opacity: 0;			
}

#bbl3{
		position: relative;
		top:70px;
		left:-594px;
		opacity: 0;			
}


#ball {
		position: relative;
		top:0px;
		left:-346px;
		opacity: 0;			
}

#ball2{
		position: relative;
		top:0px;
		left:-362px;
		opacity: 0;			
}
#ball3 {
		position: relative;
		top:0px;
		left:-376px;
		opacity: 0;			
}


#stm {
		position: relative;
		top:119px;
		left:-236px;
		opacity: 0;			
}


#drop {
		position: relative;
		left: -46px;
		top: 2px;
		opacity: 0;
		
}

#cloud1 {
		position: relative;
		left: -300px;
		top: 100px;
		opacity: 0;
		
}


#bul1 {
		position: relative;
		right: -800px;
		top: 80px;
		opacity: 0;		
}


#bul2 {
		position: relative;
		right: -1000px;
		top:-2300px;
		opacity: 0;		
}


#bul3 {
		position: relative;
		right: -1000px;
		top:-1600px;
		opacity: 0;		
}

#bul4 {
		position: relative;
		right: -720px;
		top:-2220px;
		opacity: 0;		
}

#bul5 {
		position: relative;
		right: -720px;
		top:-2670px;
		opacity: 0;		
}

#bul6 {
		position: relative;
		right: -720px;
		top:-3200px;
		opacity: 0;		
}

#bul7 {
		position: relative;
		right: -720px;
		top:-3760px;
		opacity: 0;		
}


#buttons {  
		
		position: relative;
		width:960px;
		margin: 80px 0 0 0px;
		background:url("../img/timeline.png") 15px 20px no-repeat;
		opacity:0;
}


#one {  
        margin-right: 76px;
}

#two {  
        margin-right: 86px;
}

#three {  
        margin-right: 88px;
}

#four {  
        margin-right: 100px;
}

#five {  
        margin-right: 91px;
}

#six {  
        margin-right: 86px;
}


#seven {  
        margin:0px;
}



#titles {  
		
		position: relative;
		width:965px;
		margin: 40px 0 0 0px;
		
		
}

#signs {  
		
		position: relative;
		width:965px;
		top:-40px;
		
		
		
}


#title1 { 
        margin:0;
		position: relative;
		opacity:0;
}



#title2 { 
		position: relative;
        margin-left: 45px;
		opacity:0;
}

#title3 {  
        margin-left: 60px;
		position: relative;
		opacity:0;
}

#title4 {  
        margin-left: 70px;
		position: relative;
		opacity:0;
}

#title5 {  
        margin-left: 90px;
		position: relative;
		opacity:0;
}

#title6{  
        margin-left: 100px;
		position: relative;
		opacity:0;
}

#title7 {  
        margin-left: 22px;
		position: relative;
		opacity:0;
		
}




#hot{
		position: relative;
		right: -120px;
		top:-336px;
		opacity: 0;			
}



#strat{
		position: relative;
		right: -147px;
		top:-478px;
		opacity: 0;			
}



#tank{
		position: relative;
		right: -280px;
		top:-423px;
		opacity: 0;			
}

#creat{
		position: relative;
		right: -362px;
		top:-296px;
		opacity: 0;			
}



#condensor{
		position: relative;
		right: -263px;
		top:-497px;
		opacity: 0;			
}


#destil{
		position: relative;
		right:-265px;
		top:-562px;
		opacity: 0;			
}

#dynamite{
		position: relative;
		right: -350px;
		top:-280px;
		opacity: 0;			
}