/* Standard styles
-------------------------------------------------------------------*/
* { margin: 0; outline: 0; padding:0; }
html, body{ height: 100%; min-height:625px; }
body { margin: 0; padding:0; background-color:#FFF; }

/* Fonts
-------------------------------------------------------------------*/
body { font-family: 'Cabin', sans-serif;  }
p { font-size:11px; color:#000; font-weight:400; line-height:13px; }
h1 { font-size:12px; color:#f08700; font-weight:400; line-height:14px; text-transform:uppercase; }
a { font-size:11px; color:#000; font-weight:400; cursor:pointer; text-decoration:none; }

/* Main Divs
-------------------------------------------------------------------*/
#container { position:absolute; top:0; left:0; }
#box-holder { float:left; width:100%; height:100%; }
.box { float:left; width:50px; height:50px; background-color:#000; margin:5px 5px 5px 5px; }
.box p{ font-size:0px; }
.image { position:absolute; top:0; bottom:0; right:0; left:0; cursor:pointer; }
#info { position:absolute; right:0; bottom:0; z-index:999; }
-------------------------------------------------------------------*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix {	display: block; }
.fleft { float:left; }
.fright { float:right; }