body {
	margin: 0;
	font-family: 'cmss','Calibri','Verdana','Arial','Helvetica';
    font-size: 13px;
    color: #000;
    background: #f4f7ff;	
}

.bucket {
	width: 110px;
	margin: 100px auto 0 auto;
	padding: 10px;
	border: 1px solid #DDDDDD;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 1px 1px 7px rgba(153, 153, 153, 0.2);
    background: #ffffff;
}

.bucket-large {
	width: 800px;
	margin: 50px auto 0 auto;
	padding: 10px;
	border: 1px solid #DDDDDD;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 1px 1px 7px rgba(153, 153, 153, 0.2);
    background: #ffffff;
}

h2 {
	text-transform: uppercase;
	font-size: 13px;
}

.capital {
	font-size: 16px;	
}

@font-face {
    font-family: 'cmss';
    src: url('cmss.eot');
    src: url('cmss.eot?#iefix') format('embedded-opentype'),
         url('cmss.woff') format('woff'),
         url('cmss.ttf') format('truetype'),
         url('cmss.svg#cmss') format('svg');
    font-weight: normal;
    font-style: normal;

}