.boxes { width:660px; height:400px; padding:20px 0; }
.boxes p { width:130px; height:130px; display: inline-block; float: left; vertical-align: top; text-align: center;  color:#FFF; margin:6px 0 0 5px; position:relative; cursor:pointer; }
.boxes p div { width:110px; height:110px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; padding:10px; position:absolute; }
.boxes p:nth-child(1) div { top:0; left:0; background:#62769A; }
.boxes p:nth-child(2) div { top:0; left:0;  background:#94A1BA; }
.boxes p:nth-child(3) div { top:0; right:0; background:#E1E5EC; color:#62769A !important; }
.boxes p:nth-child(3){ color:#62769A !important; }
.boxes p:nth-child(5){ color:#62769A !important; }
.boxes p:nth-child(4) div { top:0; right:0; background:#94A1BA; }
.boxes p:nth-child(5) div { bottom:0; left:0; background:#E1E5EC; color:#62769A !important; }
.boxes p:nth-child(6) div { bottom:0; left:0; background:#62769A; }
.boxes p:nth-child(7) div { bottom:0; right:0; background:#94A1BA; }
.boxes p:nth-child(8) div { bottom:0; right:0; background:#62769A; }
.boxes p strong { text-transform: uppercase; vertical-align: middle; display:block; height: auto; font-size: 12px; }
.boxes p strong i { font-style: normal !important; font-weight: 300; }
.boxes p div span { text-align: left !important; display: inline-block; font-size: 12px; margin-top: 10px; border-top: 1px dotted #CCC; padding-top: 10px; }