@media screen, projection {
	
	
                            
	div#photos {overflow:auto;}
	div.photo {float:left; display:inline; margin:0 20px 20px 0;}
	div.photo a img {border:1px solid; padding:1px;}
	p#turtles_caption {margin:5px 0 0;}
  
	div#text a {font-weight:bold;}
  
	div#zoom h2 {margin:10px 0 10px;}
	div#zoom p {line-height:1.6;}
	div#zoom  {
		top: 0;
	}
	
	
	div#zoom_content  {
		text-align: left; 
		background: #ecf0f2;
		padding: 0 30px 20px;
		min-height: 500px;
	}
	
	div#zoom_content h1 {
		color: #57A9AD;
		font-weight: bold;
	}

	div#zoom_content img{
		float: right; 
		padding-left: 20px;
	}
	
	#zoom_close {
		position: absolute;
		right: 20px;
		top: 40px;
	}

	
}