.thumb {
		display:block;
		height:225px;
		position:relative;
		margin-bottom: 15px;
	}
	
		.thumb-wrapper {
			display:block;
			width:100%;
			height:100%;
		}
	
		.thumb img {
			width:100%;
			height:100%;
			position:absolute;
			display:block;			
					
		}
		
		.thumb .thumb-detail {
			display:block;
			width:100%;
			height:100%;
			position:absolute;			
			background: #f7f5f5 url(../../images/bg.png);
			border: 1px solid #e5e2e2;
			font-size:16px;	
		}
		
		.thumb .thumb-detail h3 {
			padding: 15px;
		}	
		.thumb .thumb-detail p {
			padding: 0 15px;
			font-size: 15px;
		}	

		.thumb .thumb-detail a {
			display:block;
			width:100%;
			height:100%;
			text-decoration:none;	
			padding-left: 15px;
			color:#191919;
			font-size: 13px;
			font-weight: bold;
		}		
		.thumb .thumb-detail  a:hover {
			color: #773515;
			font-weight: bold;
		}

	
	/*
	* Without CSS3
	*/
	.thumb.scroll {
		overflow: hidden;
	}	
	
		.thumb.scroll .thumb-detail {
			bottom:-280px;
		}
	
	
	/*
	* CSS3 Flip
	*/	
	.thumb.flip {
		-webkit-perspective:800px;		
		   -moz-perspective:800px;
		    -ms-perspective:800px;		   		
		     -o-perspective:800px;
  		        perspective:800px;
	}
	
		.thumb.flip .thumb-wrapper {
			-webkit-transition: -webkit-transform 1s !important;
			   -moz-transition: -moz-transform 1s;
			    -ms-transition: -moz-transform 1s;
			     -o-transition: -moz-transform 1s;
			        transition: -moz-transform 1s;
			-webkit-transform-style: preserve-3d !important;
			   -moz-transform-style: preserve-3d;			
			    -ms-transform-style: preserve-3d;			
			     -o-transform-style: preserve-3d;			
					  transform-style: preserve-3d;
		}
		
		.thumb.flip .thumb-detail {
			-webkit-transform: rotateY(-180deg);
			   -moz-transform: rotateY(-180deg);
			    -ms-transform: rotateY(-180deg);
			     -o-transform: rotateY(-180deg);
			        transform: rotateY(-180deg);			   			
		}
		
		.thumb.flip img,
		.thumb.flip .thumb-detail {
			-webkit-backface-visibility: hidden;
			   -moz-backface-visibility: hidden;
			    -ms-backface-visibility: hidden;
			     -o-backface-visibility: hidden;
			        backface-visibility: hidden;
		}
		
		.thumb.flip .flipIt {
			-webkit-transform: rotateY(-180deg);
			   -moz-transform: rotateY(-180deg);			
			    -ms-transform: rotateY(-180deg);			
			     -o-transform: rotateY(-180deg);			
			        transform: rotateY(-180deg);			
		}

/* ============================= */
/* Layout 1024px version   */
/* ============================= */

@media handheld, only screen and (max-width: 1024px) {
	.thumb {
		height:205px;
	}
}

@media handheld, only screen and (max-width: 320px) {
	.thumb .thumb-detail p {
			font-size: 13px;
		}
}