@charset "utf-8";
/* CSS Document */

/* fg1 - motion */
#parallax-fg1 {
	z-index: 80;
	position: relative;
	left: 0%; /* align left edge with center of viewport */
	top: 0;
	width: 920px;
	margin-left: 0px; /* move left by half element's width */
	}


/* fg2 - graphics */
#parallax-fg2 {
	z-index: 80;
	position: relative;
	left: 0%; /* align left edge with center of viewport */
	top: 0;
	width: 920px;
	margin-left: 0px; /* move left by half element's width */
	}

/* fg3 - showreel */
#parallax-fg3 {
	z-index: 80;
	position: relative;
	left: 0%; /* align left edge with center of viewport */
	top: 0px;
	height:0px;
	width: 920px;
	margin-left: 0px; /* move left by half element's width */
	}



/* mg1 - origami*/
#parallax-mg1 {
	z-index: 49;
	position: relative;
	left: 0%; /* align left edge with center of viewport */
	top: 0px;
	width: 920px;
	margin-left: 0px; /* move left by half element's width */
	}
	/* origami */
	#mg1-1 {
		position: absolute;
		top: 500px;
		width: 1920px;
		height: 3231px;
		left: -400px;
		}


/* mg2 - strings */
#parallax-mg2 {
	z-index: 4;
	position: fixed;
	left: 0%; /* align left edge with center of viewport */
	top: 0;
	width: 920px;
	margin-left: 0px; /* move left by half element's width */
	}
	/* strings */
	#mg2-1 {
		position: absolute;
		top: 00px;
		width: 1920 px;
		height: 3231 px;
		left: 30px;
	}
	
	
/* mg3 - text about */
#parallax-mg3 {
	z-index: 50;
	position: relative;
	float:left;
	left: 0%; /* align left edge with center of viewport */
	top: 0;
	width: 920px;
	margin-left: 0px; /* move left by half element's width */
	}
	/* text */
	#mg3-1 { /* who */
		position: absolute;
		top: 200px;
		left: 60px;
		}
	#mg3-2 {/* what */
		position: absolute;
		top: 240px;
		left: 550px;
		}	
	#resume {
	position: absolute;
	top: 400px;
	left: 420px;
	width: 138px;
		}	
				

		
/* mg4 - Main wave */		
#parallax-mg4 {
	z-index: 250;
	position: relative;
	left: 0; /* align left edge with center of viewport */
	top: 00px;
	width: 920px;
	margin-left: 0px; /* move left by half element's width */
	}
	#mg4-1 {
		position: absolute;
		top: 0px;
		left: -500px;
		}
	#mg4-2 {
		position: absolute;
		top: 102px;
		left: -500px;
		}
	#mg4-3 {
		position: absolute;
		top: 624px;
		left: -500px;
		}						

/* mg3 - Main buttons */
#parallax-mg5 {
	z-index: 350;
	position: relative;
	left: 0; /* align left edge with center of viewport */
	top: 0;
	width: 920px;
	margin-left: 0px; /* move left by half element's width */
	}
	#bulina {
	position:absolute;
	top: -5px;
	left: 138px;
	}
	
#parallax-mg6 {
	z-index: 351;
	position: relative;
	top:0px;
	left: 0px; /* align left edge with center of viewport */
	width: 920px;
	margin-left: 0px; /* move left by half element's width */
	height:0px;
	}	

		
/* ------------------------------------------------------------------------------------------------------------*/
/* bg1 */
#parallax-bg1 {
	z-index: 50;
	position: relative;
	left: 0px; /* align left edge with center of viewport */
	top: 0px;
	width: 920px;
	margin-left: 0px; /* move left by half element's width */
	}
	#bg1-1 {
	position: absolute;
	top: -420px;
	left: -500px;
		}
	#bg1-2 {
	position: absolute;
	top: 500px;
	left: -500px;
		}
	#bg1-3 {
		position: absolute;
		top: -410px;
		left: -500px;
		}		
/* -------------------------------------------------------------------*/
/* bg2 */
#parallax-bg2 {
	z-index: 49;
	position: relative;
	left: 0px; /* align left edge with center of viewport */
	top: 0;
	width: 920px;
	margin-left: 0px; /* move left by half element's width */
	}
	#bg2-1 {
		position: absolute;
		top: -500px;
		left: -500px;
		}
	#bg2-2 {
		position: absolute;
		top: 624px;
		left: -500px;
		}	
			
/* -------------------------------------------------------------------*/
/* bg3 in spatele Graphics*/
#parallax-bg3 {
	z-index: 50;
	position: relative;
	left: 0px; /* align left edge with center of viewport */
	top: 0;
	width: 920px;
	margin-left: 0px; /* move left by half element's width */
	}
	#bg3-1 {
		position: absolute;
		top: 6230px;
		left: -500px;
		}
	#bg3-2 {
		position: absolute;
		top: 6419px;
		left: -500px;
		}
	#bg3-3 {
		position: absolute;
		top: 7050px;
		left: -500px;
		}
				
/* -------------------------------------------------------------------*/		
/* bg4 - Clown */
#parallax-bg4 {
	z-index: 550;
	position: fixed;
	left: 0; /* align left edge with center of viewport */
	top: 0;
	width: 920px;
	margin-left: 0px; /* move left by half element's width */
	}
	#bg4-1 {
	position: absolute;
	top: 3550px;
	left: 0px;
		}
	#bg4-2 {
	position: absolute;
	top: 3689px;
	left: 0px;
		}
	#bg4-3 {
	position: absolute;
	top: 4324px;
	left: 0px;
		}
	/* bg5 - Background wave7*/#bg4-4 {
	position: absolute;
	top: 5670px;
	left: -10px;
		}
		#bg4-5 {
		position: absolute;
		top: 5786px;
		left: -10px;
		}	
		#bg4-6 {
	position: absolute;
	top: 6419px;
	left: -10px;
	width: 1920px;
		}

	
/* -------------------------------------------------------------------*/
/* bg5 - Background*/
#parallax-bg5 {
	z-index: 1;
	position: fixed;
	left: 0px; /* align left edge with center of viewport */
	top: 0px;
	margin-left: 0px; /* move left by half element's width */
	}
	#bg5-1 {
		position: absolute;
		top: 0px;
		left: 0px;
		}

/* -------------------------------------------------------------------*/
/* bg6 */
#parallax-bg6 {
	z-index: 6;
	position: fixed;
	left: 0px; /* align left edge with center of viewport */
	top: 0;
	width: 920px;
	height: 0px;
	margin-left: 0px; /* move left by half element's width */
	}
	#bg6-1 {
	position: absolute;
	top: 120px;
	left: 0px;
	}
	#bg6-2 {
		position: absolute;
		height: 653px;
		width: 183 px;
		top: 2040px;
		left: 0px;
		}	

/* -------------------------------------------------------------------*/
/* bg7 */
#parallax-bg7 {
	z-index: 56;
	position: relative;
	left: 0px; /* align left edge with center of viewport */
	top: 0;
	width: 920px;
	margin-left: 0px; /* move left by half element's width */
	}
	#bg7-1 {
	position: absolute;
	top: 3349px;
	left: 0px;
		}
	#bg7-2 {
		position: absolute;
		top: 3391px;
		left: 0px;
		}	
	#dog {
		position: absolute;
		top: 3750px;
		left: -50px;
		}
	#contactform	{
		position: absolute;
		top: 3570px;
		left: 295px;
	}
/* -------------------------------------------------------------------*/
/* bg8 */
#parallax-bg8 {
	z-index: 58;
	position: relative;
	left: 0px; /* align left edge with center of viewport */
	top: 0;
	width: 920px;
	margin-left: 0px; /* move left by half element's width */
	}
	#bg8-1 {
		position: absolute;
		top: 200px;
		left: 0px;
		
		}