body {background: #cccccc;}

@font-face {
	font-family: 'MetaPro-Medium';
	src: url('../fonts/metapro_medium.woff') format('woff'),
	     url('../fonts/metapro_medium.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}
div.container {position: relative; width: 157px; height: 250px; background: #ffffff; overflow: hidden;}
/* text block */
div.container div.textblock {position: absolute; z-index: 1; width: 157px; left: 0; top: 16px;}
div.container div.textblock div.logo {position: relative; width: 100px; height: 100px; margin: 0 auto;}
div.container div.textblock div.logo img {position: absolute; width: 100px; height: 100px;}
div.container div.textblock div.text {font-family: 'MetaPro-Medium', Arial, sans-serif; font-size: 17px; line-height: 1; font-variant: small-caps; color: #000000; letter-spacing: -2px; text-align: center; padding: 10px 10px 0 10px;}
div.container div.textblock div.text span.space {letter-spacing: 1px;}
/* /text block */
/* images */
div.container div.images {position: absolute; width: 157px; height: 250px; background: url(../img/circles.png) left top no-repeat;}
div.container div.images div.image_1 {position: absolute; width: 147px; height: 173px; left: 6px; top: 55px;}
div.container div.images div.image_2 {position: absolute; width: 139px; height: 155px; left: 13px; top: 70px;}
div.container div.images div.image_3 {position: absolute; width: 157px; height: 188px; left: 0; top: 47px;}
/* /images */