#page {
		   

		   

		   margin: 0 auto;
		   width: 770px;
		  
		   
		  } 
		  
	selected {
		 
		 
		color: #006699;
		   
		}

	dark-grey {
		 
		 
		color: #000000;
		   
		}
		
		
	selected-body {
		 
		 
		color: #006699;
		text-decoration: underline;
		
		   
		}
		   



	/* element rules */
	
	
	
	  #type    {
	  
	  color: #000000;
	  font-size: 13px;
	  
	  
	  }
	  
	  
	   #project_book_title    {
	  
	  color: #555555;
	  font-size: 18px;
	  
	  
	  }
	
	
	
	
      #side-bar {
		  position: relative;
		   float: left;
		   margin: 0 auto;
		   width: 110px;
		   height: 500px;
		   
		  
		   
		}


		#next {

		  position: relative;
		  left: 0px;

		  }


		#footer {
		   
		  /*  background-color: #000000; */
		  
		  
		   float: left;
		   width: 650px;
		   height: 100px;
		   top: -3px;
		   position: relative;
		   font-family: Georgia, Times, Serif;
		   font-size: 13px;
		
		   
		   
		   
		}
		
		
		#footer-menu {
		   
		   
		   position: relative;
		  
		   top: 62px;
		   left: 360px;
		   color: #000000;
		   font-family: Georgia, Times, Serif;
		   font-size: 13px; 
		   width: 300px;
		   
	
		   
		   
		   
		   
		} 
		
		#header {
		   
		   
		 /*  background-color: #ffffff; */
		   
		   position: relative;
		   width: 700px;
		   height: 20px;
		   left: -20px;
		   top: 7px;
		   color: #333333;
		   font-family: Georgia, Times, Serif;
		   font-size: 13px;
		   
		
		   
		}
		
		
		
		#projects-header {
		   
		   
		 /*  background-color: #ffffff; */
		   
		   position: relative;
		   width: 700px;
		   height: 20px;
		   left: 0px;
		   top: 30px;
		   color: #333333;
		   font-family: Georgia, Times, Serif;
		   font-size: 13px;
		   
		
		   
		}


		#body {
		  
		   position: relative;
		   color: #333333;
		   font-family: Georgia, Times, Serif;
		   top: 75px;
		   left: -15px;
		   width: 420px;
		   font-size: 13px;
		   line-height: 17px;
		   
		
		}
		
		#selector-body {
		  
		   position: relative;
		   color: #333333;
		   font-family: Georgia, Times, Serif;
		   top: 30px;
		   left: -15px;
		   width: 600px;
		   font-size: 13px;
		   line-height: 17px;
		   
		
		}
		
		#selector-body1 {
		  
		   position: relative;
		   color: #666666;
		   font-family: Georgia, Times, Serif;
		   top: 10px;
		   left: 60px;
		   width: 190px;
		   font-size: 13px;
		   
		}
		
		

		#body1 {
		  
		   position: relative;
		   color: #888888;
		   font-family: Georgia, Times, Serif;
		   top: 0px;
		   left: 30px;
		   width: 190px;
		   font-size: 13px;
		   line-height: 17px;
		   
		
		}
		
		
		#body2 {
		  
		   position: relative;
		   color: #000000;
		   font-family: Georgia, Times, Serif;
		   top: 15px;
		   left: 53px;
		   width: 240px;
		   height:275px;
		   font-size: 13px;
		   line-height: 17px;
		}
		
		#body10 {
		  
		   position: relative;
		   color: #000000;
		   font-family: Georgia, Times, Serif;
		   top: 15px;
		   left: 53px;
		   width: 240px;
		   font-size: 13px;
		   line-height: 17px;
		}
		
		#body4 {
		  
		   position: relative;
		   color: #333333;
		   font-family: Georgia, Times, Serif;
		   top: 40px;
		   left: 100px;
		   width: 600px;
		   font-size: 28px;
		   line-height: 40px;
		}
		
		#selector-type-body-a {
		  
		   position: relative;
		   color: #000000;
		   font-family: Georgia, Times, Serif;
		   top: 40px;
		   left: 100px;
		   width: 600px;
		   font-size: 13px;
		   line-height: 40px;
		}
		
		#selector-type-body-b {
		  
		   position: relative;
		   color: #000000;
		   font-family: Georgia, Times, Serif;
		   top: 0px;
		   left: 0px;
		   width: 400px;
		   font-size: 13px;
		   line-height: 40px;
		}
		
		
		
		
		#body3 {
		  
		   position: relative;
		   color: #666666;
		   font-family: Georgia, Times, Serif;
		   top: 10px;
		   left: 0px;
		   width: 190px;
		   font-size: 13px;
		   line-height: 17px;
		}
		
		
		
		
		
		
		
		#img1 {

		   border-width: 1px
		   
		   z-index: -20;
		   position: relative;
		   top: <?php echo $project_x; ?>;
		   left: <?php echo $project_y; ?>;
		   

		}
		
		






		#column2 {
		   
		 /*  background-color: #000000; */
		   float: left;
		   width: 300px;
		   font-size: 13px;
		   line-height: 17px;
		   height: 400px;
		   font-family: Georgia, Times, Serif;
		   

		   
		}
		
			#column1 {
		   
		 /*  background-color: #000000; */  
		   float: left;
		   width: 300px;
		   height: 200px;
		   

		   
		   
		}
		
		#selector-type-column1 {
		   
		 /*  background-color: #000000; */  
		   float: left;
		   width: 305px;
		   height: 200px;
		   

		   
		   
		}




		#projecttemp-column1 {
		   
		 /*  background-color: #000000; */  
		   float: left;
		   width: 350px;
		   height: 400px;
		   

		   
		   
		}

		#projecttemp-column2 {
		   
		 /*  background-color: #000000; */
		   float: left;
		   width: 240px;
		   height: 400px;
		   

		   
		}
		
		
		
		


	/* text rules */


		#logo {
		   
		   color:#000000;
		   position: relative;
		   left: -20px;
		   top: 80px;
		   font-family: Georgia, Times, Serif;
		   font-size: 18px;
		      
		      

		}


		#pageTitle {
		   
		   position: relative;
		   color: #999999;
		   font-family: Georgia, Times, Serif;
		   font-size: 24px;
		   top: -10px;
		   left: 0px;
		   
		}
		
		selector-pageTitle {
		   
		   position: relative;
		   color: #999999;
		   font-family: Georgia, Times, Serif;
		   font-size: 20px;
		   top: 0px;
		   left: 0px;
		   
		}



		#headline {
		   
		   color:#000000;
		   

		   
		}
		
		headline {
		   
		   color:#333333;
		   font-family: Georgia, Times, Serif;
		   font-size: 13px;
		   position: relative;
		   length: 200px;
		   top: -12px;
		  
		   

		   
		}
		
		selected-projects {
		   
		   color:#ff6699;
		   font-family: Georgia, Times, Serif;
		   font-size: 13px;
		   

		   
		}