/* Header */
	
	*{margin:0;padding:0}
	body{background:url(../images/bg.png)}
		header{
			text-align:center;
			font-family: 'Open Sans', sans-serif;
			padding:5px;
			margin-bottom:10px;
			background:rgba(150,150,150,.1);
			box-shadow:0px 5px 5px rgba(0,0,0,.2);
		}
		header a{color:#000;text-decoration:none}
		header h1, header h2, header p{padding:3px 0;text-shadow:2px 2px 2px #f4f4f4;font-weight:900}
		header h1{font-size:30px}
		header h2{font-size:16px}
			.title{color:#333}
			.title span{font-weight:bold}
		header p{font-size:13px}
		
	/* End Header */	
	
	.twd-container{
		margin:0px auto;
		padding:10px;
		width:750px;
		overflow:hidden;
	}
	.img-entry{
		float:left;
		display:block;
		width:665px;
		height:445px;
		margin:20px;
		box-shadow:0px 10px 5px 5px rgba(0,0,0,0.5);
	}
	.img-entry img{
		max-width: 100%;
		height: auto;
		width: auto; /* fixing ie bug*/
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;	
	}
	.zoom{
		position:absolute;
		display:block;
		width:0px;
		height:0px;
		opacity:0;
		-webkit-transition:opacity 1s ease-in-out;
		-moz-transition:opacity 1s ease-in-out;
		transition:opacity 1s ease-in-out;
		background:rgba(225,225,225,1) url(images/Search.png) center center no-repeat;
	}
	.img-entry:hover .zoom{
		opacity:0.5;
	}
	
	
	
	
	@media (max-width:970px){
		.twd-container{
			width:640px;
		}		
	}	
	@media (max-width:660px){
		.twd-container{
			width:320px;
		}
	}	
	@media (max-width:340px){
		.twd-container{
			width:auto;
		}
		.img-entry{
			float:none;
			width:100%;
			height:auto;
		}
	}