@charset "UTF-8";
/* CSS Document */

.clear{ clear:both; }

.left{ float: left; margin:0; padding: 0; width: auto; height: auto; }

.right{ float: right; margin:0; padding: 0; width: auto; height: auto; }

a{ -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; transition: all .1s ease-in-out; }

* { -webkit-font-smoothing: antialiased; outline: 0; }



::selection, ::-moz-selection { background: #ce3061; color: #FFF; }


html, body{ margin: 0; padding: 0; width:100%; height:100%; }

body{ font-size: 0.7em; background:#b1cdeb; }





#wrapper{ position: relative; margin:0; padding:0; width:100%; height:100%; }

#container{ position: absolute; top: 50%; left: 50%; margin: -188px 0 0 -120px; padding: 20px; width: 220px; height: 357px; background-color: rgba(255,255,255,0.75); }

#brand{ margin-bottom: 30px; width: 220px; height: 283px; background: url(../images/brand.png) 0 0 no-repeat; }

ul.social { margin: 0; padding: 0; list-style: none; text-align: center; }

ul.social li { display: inline-block; margin-right: 10px; width: 44px; height: 44px; }

ul.social li.last { margin-right: 0; }

ul.social li.facebook { background: url(../images/facebook.png) 0 0 no-repeat; }

ul.social li.twitter { background: url(../images/twitter.png) 0 0 no-repeat; }

ul.social li.etsy { background: url(../images/etsy.png) 0 0 no-repeat; }

ul.social li a { display: inline-block; width: 44px; height: 44px; }