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 {position: absolute;
					    height: 32px; 
						width: 1100px;
						margin-top: -270px;
						margin-bottom: 26px;
						margin-left: -1px;
						
						-moz-box-shadow: 0 0 7px #777777;
 						-webkit-box-shadow: 0 0 7px #777777;
 						box-shadow: 0 0 7px #777777;}

			.para {	font-size: 19px; 
						text-align: justify;
					   	width: 50%;} 
				.mirror {margin-bottom: -39px;}
 
.news{ padding-left: 22px; 
	  position: absolute;
	   margin-top: -266px;
	   color: #6b6b6b;
	   }  
.headline {	display: inline-block; 
			position: absolute;
			color: #6b6b6b; 
			margin-left: 345px;
			font-size: 17px; 
			margin-top: -264px;}

.button {display: inline-block; 
		 position: absolute;
		 margin-left: 960px;
		 margin-top: -268px;
		 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, #e5e5e5); /* For Safari 5.1 to 6.0 */
    	background: -o-linear-gradient(#fafafc, #e5e5e5); /* For Opera 11.1 to 12.0 */
    	background: -moz-linear-gradient(#fafafc, #e5e5e5); /* For Firefox 3.6 to 15 */
    	background: linear-gradient(#fafafc, #e5e5e5); /* Standard syntax */
		margin-top: -225px;
		
		-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 { 
		 position: absolute;
		 font-size:21px;
	     color: #575757;
	     padding-left: 10px;
	     margin-left: 20px;
	     margin-top: -44px;
	     margin-bottom: -30px;
	     font-weight: 100;
	     font-family: 'Open Sans', sans-serif;}	
			
#header2 {font-size: 18px;}
#image1 {margin-left: 30px;
		 margin-top: 10px;} 
#image2 {margin-left: 545px;
		 margin-top: -345px;}
#image3 {margin-left: 30px;
		 margin-top: 40px;}
#image4 {margin-left: 545px;
		 margin-top: -360px;}
.cap {font-size: 13px;}
#border {padding: 30px;
		 border: 2px solid #f0f0f0;
		 padding-bottom: 50px;
		 padding-top: 70px;
		 height: 270px;
		 margin-top: -10px;
		 background-color: #fafafc;
		 margin-bottom: 282px;
		-moz-box-shadow: 0 0 6px #777777;
 		-webkit-box-shadow: 0 0 6px #777777;
 		 box-shadow: 0 0 6px #777777;}

 		 					#photo-viewer: {position: relative;
									height: 700px;
									overflow: hidden;
									z-index: 1;

									}
					#photo-viewer.is-loading:after {
									 content: url("loading.gif");
									 position: absolute;
									
									 top: 0;
									 right: 0;}
					#photoviewer img {position: relative;
									  max-width: 100%;
									  max-height: 100%;
									  top:50%;
									  left:50%;
									  position: inline;
									

									  } 
				 	#thumbnails img {margin-left: 14px;}
				
					a.active {opacity: 0.3;
							 transition: 1s;}

								
							
				    #thumbnails {
				    			margin-left: -754px;
				    			margin-top: 16px;
				    			
		
				    			}
				
					
				 				
				 	#title1 {font-size: 50px;
							  padding-left: 35px;
							 color: #575757;
							font-weight: 100;
							font-family: 'Open Sans', sans-serif;
							margin-top: 13px;}
					#back {width: 1100px;
						   height: 315px;
						   position: absolute;
							padding-top: 20px;
						   margin-top: -467px;
						   background-color: #fafafc;
		 					
							-moz-box-shadow: 0 0 6px #777777;
 							-webkit-box-shadow: 0 0 6px #777777;
 		 					box-shadow: 0 0 6px #777777;
 		 					z-index: 0;} 
					.photos {margin-top: -160px;}
				
					.para {	font-size: 19px; 
						text-align: justify;
					   	width: 480px;
					   	position: absolute;
					   	margin-top: 20px;
					   	margin-left: 490px;
					   
					   	
					   	} 
					.app {position: absolute;
						 margin-left: 710px;
						 margin-top: 94px;
						 -moz-box-shadow: 0 0 6px #777777;
 						 -webkit-box-shadow: 0 0 6px #777777;
 		 				 box-shadow: 0 0 6px #777777;} 	   	
					.app2 {position: absolute;
						   margin-left: 850px;
						   z-index: 1;
						   margin-top: -436px;} 		
					figure {display: inline-block;
							font-size: 12px;
							}
					figure img {margin-right: -14px;
								border: 4px solid #d3d3d3;
								}
					#newshead {position: absolute;
								margin-top: 20px;
								margin-left: 36px;
								
								}
					img.desat {	
						border-radius: 2%;
						 -moz-box-shadow: 0 0 4px #777777;
 		 	  			-webkit-box-shadow: 0 0 4px #777777;
 		 	 			 box-shadow: 0 0 4px #777777;
 		 	 			 opacity: 0.8;
 		 	 			 transition: 0.5s;
 		 	 			 border: 4px solid #fafafa;}
 		 			img.desat:hover {opacity: 2;
 		 					 -moz-box-shadow: 0 0 20px #777777;
 		 	  				-webkit-box-shadow: 0 0 20px #777777;
 		 	  				box-shadow: 0 0 20px #777777;
 		 					 }
					
					#border button {position: absolute;
									margin-left: 868px;
									margin-top: 240px;
									width: 100px;
									height: 23px;}