#box1 a{
	float:left;
	width:32.5%;
	height:170px;
	overflow:hidden;
	margin-right:0.8%;
	background:url(../images/thumbs-home-01.png) no-repeat;
	background-size:cover;
	text-decoration:none;
	}
#box2 a{
	float:left;
	width:32.5%;
	height:170px;
	background-size:cover;
	overflow:hidden;
	margin-right:0.8%;
	background:url(../images/thumbs-home-02.png) no-repeat;
	background-size:cover;
	text-decoration:none;
	}
#box3 a{
	float:left;
	width:32.5%;
	height:170px;
	background-size:cover;
	overflow:hidden;
	background:url(../images/thumbs-home-03.png) no-repeat;
	background-size:cover;
	text-decoration:none;
	}
	

.overlay{
	position: relative;
	top:10px;
	left:10px;
	background:rgba(238,191,119,1);
	padding:15px;
	width:290px;
	height:150px;
	text-align:left;
	opacity:1;
	-o-transition: opacity .25s ease;
	-moz-transition: opacity .25s ease;
	-webkit-transition: opacity .25s ease;
	transition:opacity .75s ease;
	
	}
#box2 a .overlay:hover {
	opacity:1;
	}			   
			   
.overlay:hover{
	opacity:0;
	}

.overlay .caption{
	color:rgba(255,255,255,1);
}
.overlay .caption h3{
	font-family: 'kittithada_medium_65regular', sans-serif;
	font-weight:100;
	font-size:46px;
	line-height:24px;
	line-height:36px;
	-webkit-font-smoothing: antialiased !important;
	-webkit-text-shadow:0 0 1px rgba(255, 255, 255,0.8) !important;
	text-shadow:0 0 1px rgba(255, 255, 255,0.8) !important;
	text-rendering: optimizeLegibility !important;
	}
.overlay .caption h2{
	position: absolute;
	bottom:22px;
	font-family:'kittithada_light_45regular', sans-serif;
	font-weight:100;	
	font-size:22px;

	-webkit-font-smoothing: antialiased !important;
	text-rendering: optimizeLegibility !important;
	text-shadow:0 0 1px rgba(255, 255, 255,0.8);
	}
.overlay .caption .arrow{
	position: absolute;
	top:100px;
	right:15px;
	display:block;
	width:38px;
	height:38px;
	overflow:hidden;
	}