body {font-size: 11px;
			     background-image: url("../macroimg/debut_light.png");}

				.box { width: 1100px; 
						margin: 30px auto 20px auto;
						border-top-right-radius: 10px; 
						border-top-left-radius: 10px;}	
				.nimage {
						height: 32px; 
						width: 1100px;
						margin-bottom: -93px;
						margin-left: -1px;
						-moz-box-shadow: 0 0 4px #777777;
 						-webkit-box-shadow: 0 0 4px #777777;
 						box-shadow: 0 0 4px #777777;} 
				.para {	font-size: 19px; 
						text-align: justify;
					   	width: 50%;} 
				.mirror {margin-bottom: -39px;}
 
.news{ padding-left: 22px; 
	   margin-top: -21px;
	   color: #6b6b6b;}  
.headline {	display: inline-block; 
			color: #6b6b6b; 
			margin-left: 345px;
			font-size: 17px; 
			margin-top: 64px;}

.button {display: inline-block; 
		 position: absolute;
		 margin-left: 960px;
		 margin-top: -42px;
		 padding-right: 40px; 
		 padding-left: 40px; 
		 padding-top: 5px;
		 padding-bottom: 5px;
		  height: 28px;}
.footer {height: 200px; 
		width: 1100px; 
		background-color: #d3d3d3;
		background: #e5e5e5; /* For browsers that do not support gradients */
    	background: -webkit-linear-gradient(#fafafc, #d3d3d3); /* For Safari 5.1 to 6.0 */
    	background: -o-linear-gradient(#fafafc, #d3d3d3); /* For Opera 11.1 to 12.0 */
    	background: -moz-linear-gradient(#fafafc, #d3d3d3); /* For Firefox 3.6 to 15 */
    	background: linear-gradient(#fafafc, #d3d3d3); /* Standard syntax */
		margin-top: 15px;

		-moz-box-shadow: 0 0 3px #777777;
 		-webkit-box-shadow: 0 0 3px #777777;
 		box-shadow: 0 0 3px #777777;} 
 
.foot2 {display:block;
		float:left;
		margin-top: 15px;
		font-size: 15px;
		margin-right: 60px;
		color: #000000;} 
.foot1 {display:block;
		margin-left: 25px;
		margin-right: 60px; 
		float:left;
		margin-top: 15px;
	
		color: #000000;}  
.foot3 {float: left;
		margin-top: 15px;
		color: #000000;} 
.links {
		display: inline-block;
		padding: 4px;
		font-size: 12px;
		color: #000000;}
.workimg {display:block;
		  
		  margin: -275px 0 0 595px;
		  border-top-right-radius: 5px;
		  border-top-left-radius: 5px;
		  border-bottom-left-radius: 5px;
		  border-bottom-right-radius: 5px;}
#about { font-size: 30px;
		  font-weight: 100;
		  color: #575757;
		  font-family: 'Open Sans', sans-serif;}	
			
#header2 {font-size: 18px;}

@keyframes NAME-YOUR-ANIMATION {
    0% {
        opacity: 0;
    }
    49% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    99% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes NAME-YOUR-ANIMATION {
    0% {
        opacity: 0;
    }
    49% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    99% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}
@-moz-keyframes NAME-YOUR-ANIMATION {
    0% {
        opacity: 0;
    }
    49% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    99% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}
@-o-keyframes NAME-YOUR-ANIMATION {
    0% {
        opacity: 0;
    }
    49% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    99% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}
@keyframes NAME-YOUR-ANIMATION {
    0% {
        opacity: 0;
    }
    49% {
        opacity: 0;
    }
    50% {
        opacity: 0;
    }
    99% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}
#fig1 {margin-top: 60px;
		margin-left: 100px;
		-webkit-animation: NAME-YOUR-ANIMATION 3s;
    -moz-animation: NAME-YOUR-ANIMATION 3s;
    -o-animation: NAME-YOUR-ANIMATION 3s;
    animation: NAME-YOUR-ANIMATION 3s;
    opacity: 1;}
#fig2 {text-align: center;
	   margin-top: -143px;
	   -webkit-animation: NAME-YOUR-ANIMATION 3s;
    -moz-animation: NAME-YOUR-ANIMATION 3s;
    -o-animation: NAME-YOUR-ANIMATION 3s;
    animation: NAME-YOUR-ANIMATION 3s;
    opacity: 1;}
#fig3 {margin-left: 740px;
	   margin-top:-140px;
		display: block;
	   margin-bottom: 60px;
	   -webkit-animation: NAME-YOUR-ANIMATION 3s;
    -moz-animation: NAME-YOUR-ANIMATION 3s;
    -o-animation: NAME-YOUR-ANIMATION 3s;
    animation: NAME-YOUR-ANIMATION 3s;
    opacity: 1;}
#fig4 {	
		margin-top: 140px;
	   margin-left: 100px;
	   -webkit-animation: NAME-YOUR-ANIMATION 3.5s;
    -moz-animation: NAME-YOUR-ANIMATION 3.5s;
    -o-animation: NAME-YOUR-ANIMATION 3.5s;
    animation: NAME-YOUR-ANIMATION 3.5s;
    opacity: 1;}
		
#fig5 {
		margin-left: 427px;
		margin-top: -120px;
		margin-bottom: 100px;
		-webkit-animation: NAME-YOUR-ANIMATION 3s;
    -moz-animation: NAME-YOUR-ANIMATION 3s;
    -o-animation: NAME-YOUR-ANIMATION 3s;
    animation: NAME-YOUR-ANIMATION 3s;
    opacity: 1;}
#fig6 {	
		margin-left: 740px;
	   margin-top: -226px;
	   -webkit-animation: NAME-YOUR-ANIMATION 3s;
    -moz-animation: NAME-YOUR-ANIMATION 3s;
    -o-animation: NAME-YOUR-ANIMATION 3s;
    animation: NAME-YOUR-ANIMATION 3s;
    opacity: 1;}
#fig7 {margin-top: 83px;
		margin-left: 100px;
		-webkit-animation: NAME-YOUR-ANIMATION 3s;
    -moz-animation: NAME-YOUR-ANIMATION 3s;
    -o-animation: NAME-YOUR-ANIMATION 3s;
    animation: NAME-YOUR-ANIMATION 3s;
    opacity: 1;}
#fig8 {	
		margin-top: 70px;
		margin-left: 100px;
		-webkit-animation: NAME-YOUR-ANIMATION 3s;
    -moz-animation: NAME-YOUR-ANIMATION 3s;
    -o-animation: NAME-YOUR-ANIMATION 3s;
    animation: NAME-YOUR-ANIMATION 3s;
    opacity: 1;}
#fig9 {margin-top: -120px; 
		text-align: center;
		-webkit-animation: NAME-YOUR-ANIMATION 3s;
    -moz-animation: NAME-YOUR-ANIMATION 3s;
    -o-animation: NAME-YOUR-ANIMATION 3s;
    animation: NAME-YOUR-ANIMATION 3s;
    opacity: 1;}
#fig10 {margin-left: 763px;
		margin-top: -150px;
-webkit-animation: NAME-YOUR-ANIMATION 3s;
    -moz-animation: NAME-YOUR-ANIMATION 3s;
    -o-animation: NAME-YOUR-ANIMATION 3s;
    animation: NAME-YOUR-ANIMATION 3s;
    opacity: 1;}
#fig11{margin-top: 83px;
		margin-left: 420px;
		margin-top: -130px;
	 
		float: left;
		-webkit-animation: NAME-YOUR-ANIMATION 3s;
    -moz-animation: NAME-YOUR-ANIMATION 3s;
    -o-animation: NAME-YOUR-ANIMATION 3s;
    animation: NAME-YOUR-ANIMATION 3s;
    opacity: 1;
		} 
#fig12 {margin-top: -130px; 
		margin-left: 730px;
		-webkit-animation: NAME-YOUR-ANIMATION 3s;
    -moz-animation: NAME-YOUR-ANIMATION 3s;
    -o-animation: NAME-YOUR-ANIMATION 3s;
    animation: NAME-YOUR-ANIMATION 3s;
    opacity: 1;
		}
#border {padding: 30px;
		 border: 2px solid #e5e5e5;
		 padding-bottom: 100px;
		 padding-top: 80px;
		 height: 800px;
		 margin-top: -12px;
		 background-color: #fafafc;
		 margin-bottom: -60px;
		 -moz-box-shadow: 0 0 6px #777777;
 		 -webkit-box-shadow: 0 0 6px #777777;
 		 box-shadow: 0 0 6px #777777;}

#head1 {position: absolute;
		margin-left: 80px;
		margin-top: -35px;
		font-weight: 100;
		font-size: 30px;
		color: #262626;
		-webkit-animation: NAME-YOUR-ANIMATION 2s;
    -moz-animation: NAME-YOUR-ANIMATION 2s;
    -o-animation: NAME-YOUR-ANIMATION 2s;
    animation: NAME-YOUR-ANIMATION 2s;
    opacity: 1;
		font-family: 'Open Sans', sans-serif;}
.cap1 {font-size: 13px;}