.little-boxes {
	position:relative;
}
.boxLeft {float: left; width: 581px;}
.boxLeft001 {float: left; width: 359px;}
.boxLeft002 {float: left; width: 222px;}
.boxRight {float: left; width: 400px;}

.js-image {
	background:#000;
	overflow:hidden;
	z-index:1;
	text-align:left;
	float: left;
}

.js-image a img,
a .js-overlay-image {
	border:none;
}

.js-image,
.js-image.size-001 {
	width: 580px;
	height: 360px;
	margin-right: 1px;
	margin-bottom: 1px;
	padding: 0;
}

.js-small-caption {
	position:absolute;
	bottom:0;
	left:0;
	background:#000;
	width:94%;
	padding:3%;
	height:8%;
}
.js-small-caption {
	opacity:.8;
}
.js-caption-overlay 
{
	background:#eee;
	z-index:998;
	padding:12px;
	position:absolute;
	overflow: visible;
}
.js-small-caption span {
	color:#fff;
}
.js-overlay-image {
	float:left;
}
.js-overlay-html {
	float:left;
	padding:0 0 0 0px;
}
.js-overlay-html h4 {
	margin:0;
	padding:0 0 10px 0;
}
.js-overlay-html p {
	font-size: 11px;
	line-height: 16px;
	margin:0;
	text-align: left;
}

.box001, .box002, .box003, .box004, .box005, .box006, .box007, .box008, .box009, .box010, .box011, .box012
{
	width: 580px;
	height: 360px;
	background-color: #f16163;
	float: left;
	margin-right: 1px;
	margin-bottom: 1px;
	padding: 0;
}

.box002,
.js-image.size-002,
.js-image.size-002 img
{
	width:359px;
	height:360px;
	background-color: #8dcff2;
}

.box003,
.js-image.size-003,
.js-image.size-003 img
{
	width:359px;
	height:221px;
}

.box004,
.js-image.size-004,
.js-image.size-004 img
{
	width:221px;
	height:221px;
	background-color: #e3dce6;
}

.box005,
.js-image.size-005,
.js-image.size-005 img
{
	width:221px;
	height:165px;
	background-color: #8dcff2;
}

.box006, 
.js-image.size-006,
.js-image.size-006 img
{
	width:221px;
	height:138px;
}

.box007,
.js-image.size-007,
.js-image.size-007 img
{
	width:221px;
	height:82px;
}

.box008,
.js-image.size-008,
.js-image.size-008 img
{
	width:136px;
	height:138px;
	background-color: #8dcff2;
}

.box009,
.js-image.size-009,
.js-image.size-009 img
{
	width:136px;
	height:82px;
	background-color: #e3dce6;
}

.box010,
.js-image.size-010,
.js-image.size-010 img
{
	width:137px;
	height:55px;
}

.box011,
.js-image.size-011,
.js-image.size-011 img
{
	width:84px;
	height:82px;
	background-color: #8dcff2;
}

.box012,
.js-image.size-012,
.js-image.size-012 img
{
	width:84px;
	height:55px;
}

.p001, .p002, .p003, .p004, .p005, .p006, .p007, .p008, .p009, .p010, .p011, .p012
{
	font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
	font-style: normal;
	text-transform: uppercase;
	color: #ffffff;
	font-size: 60px;
	line-height: 60px;
}

.p002
{
	font-size: 40px;
	line-height: 40px;
}

.p003
{
	font-size: 40px;
	line-height: 40px;
}

.p004
{
	color: #f16163;
	font-size: 32px;
	line-height: 32px;
}

.p005
{
	font-size: 32px;
	line-height: 32px;
}

.p006
{
	font-size: 24px;
	line-height: 24px;
}

.p007
{
	font-size: 18px;
	line-height: 16px;
}

.p008
{
	font-size: 16px;
	line-height: 16px;
}

.p009
{
	color: #f16163;
	font-size: 14px;
	line-height: 14px;
}

.p010
{
	font-size: 12px;
	line-height: 12px;
}

.p011
{
	font-size: 10px;
	line-height: 10px;
}

.p012
{
	font-size: 9px;
	line-height: 9px;
}

.hide {display: none;}

.overlay001 {background-color: #eee; padding: 12px; margin: 0; width: 100px; height: 100px;}
.overlay {background-color: #eee; padding-left: 12px; min-width: 170px;}

.client001 {
	width: 150px;
	height: 225px;
}

.js-image span {
	display: none;
}

.pWebDesign 
{
	background-image: url(../images/hm-web-design.jpg);
}

.pProSolutions
{
	background-image: url(../images/hm-pro-solutions-web-site.jpg);
}

.pCFM
{
	background-image: url(../images/hm-condo-financial-web-site.jpg);
}

.pCFRSVL 
{
	background-image: url(../images/hm-crossfit-roseville-web-site.jpg);
}

.pEvolutionAir
{
	background-image: url(../images/hm-evolution-air-web-site.jpg);
}

.pCCI
{
	background-image: url(../images/hm-cci-web-site.jpg);
}

.pBCN
{
	background-image: url(../images/hm-bcn-web-site.jpg);
}

.pCarson { background-image: url(../images/hm-carson-landscape-web-site.jpg); }

.pTurfPro { background-image: url(../images/hm-turfpro-web-site.jpg); }

.pCommunityInvolvement { background-image: url(../images/hm-community-involvement.jpg); }

.pFFS { background-image: url(../images/hm-Foster-Family-web-site.jpg); }

.pNorCalWaterPolo { background-image: url(../images/hm-norcal-water-polo-web-site.jpg); }

.pSI { background-image: url(../images/hm-selfless-identity-web-site.jpg); }