@charset "UTF-8";
/* CSS Document */
/*  Ruth Martin ruth-a-martin.com ram@ruth-a-martin.com Febuary 2011
/*	Default 8-column layout	
.img_grid { width:197px; height:129px; margin:0 19px 24px 0; float:left; }
*/
.boxgrid { 
	width:197px; 
	height:118px; 
	margin:0 19px 24px 0; 
	float:left; 
	overflow: hidden; 
	position: relative; 
}
.boxgrid img { 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
}
.boxgrid p { 
	padding: 0 10px; 
}			
.boxcaption { 
	float: left; 
	position: absolute; 
	background: url(../images/arrowslide8.png) no-repeat;  
	width:197px;
	height:150px;
}
.boxcaption h2	{ 
	font: 13px/20px 'ProximaNovaRegular', sans-serif; color:rgb(232,228,228);  
	text-align:center;
	}
.boxcaption a:link, .boxcaption a:visited {
		color:rgb(232,228,228);
		text-decoration:none;
		display:block;
	    margin:28px 0 0 0;
}
.captionfull .boxcaption {
 	top: 118px;
 	left: 0;
}
.caption .boxcaption {
 	top: 105px;
 	left: 0;
}
/*	13-column layout	
	.img_grid { width:330px; margin:0 30px 34px 0; float:left; }
*/
@media only screen and (min-width: 1212px) {
	.boxgrid { 
		width:334px; 
		height:201px; 
		margin:0 23px 34px 0; 
	}			
	.boxcaption { 
		background: url(../images/arrowslide13.png) no-repeat;  
		width:335px;
		height:108px;
		margin:83px 0;
	}
	h2	{ 
		font: 14px 'ProximaNovaRegular', sans-serif; color:rgb(232,228,228); 
	}
	.boxcaption a:link, .boxcaption a:visited {
	    margin:33px 0 0 0;
	}
}
/*	5-column layout		   
	{ width:182px; margin:0 15px 15px 0; float:left; }
*/
@media only screen and (max-width: 767px) and (min-width: 480px) {
	
	.boxgrid { 
		width:182px; 
		height:110px; 
		margin:0 15px 15px 0; 
	}
	.boxgrid p { 
		padding: 0 10px; 
	}			
	.boxcaption { 
		background: url(../images/arrowslide8.png) -10px 0 no-repeat;
		height: 110px; 
		width: 182px; 
	}
	.boxcaption a:link, .boxcaption a:visited {
		    margin:23px 0 0 0;
	}
	
}
/*	3-column layout	   
	{ width:262px; margin:0 0 13px -25px; padding-bottom:10px; float:left; border-bottom: #ccc 1px solid; }
*/
@media only screen and (max-width: 479px) {
		
	.boxgrid { 
		width:230px; 
		height:140px;
		padding:17px; 
		margin:0 0 15px -25px; 
		border-bottom: #ccc 1px solid;
	}
	.boxgrid p { 
		padding: 0 10px; 
	}			
	.boxcaption { 
		background: url(../images/arrowslide13.png) -35px 55px no-repeat;
		height: 158px; 
		width: 100%; 
	}
	.boxcaption a:link, .boxcaption a:visited {
		    margin:88px 0 0 0;
	}
	
}