.snippet.section{
  height:1000px;
  width:960px;
  /* Take that CQ5 ! */
}
#plm-wrapper{
  display: block;
  float: left;
  position: absolute;
  width: 960px;
  font-family: Arial, Helvetica, sans-serif;
  /*background-color:#0cf;*/
}
#plm-objects-drawer{
  position:relative;
  height:75px;
  padding-top:10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  text-align:center;
  /*overflow:auto;*/
}

#plm-canvas{
  position:relative;
  display:inline-block;
  float:left;
  width:607px;
  height: 813px;
  margin-left: 60px;
  background: url(../img/backgroundcoverwithman-erased.png), no-repeat;
  border:1px solid #A3A3A3;
  display:none;
}
#plm-new-item-drawer-wrapper{
  position:relative;
  display:inline-block;
  float:left;
  height:813px;
  width:285px;
  z-index: 0;
}

#plm-new-item-drawer-container{
  margin-left:75px;
  height:868px;
  width:215px;
  top: 0px;
  position: relative;
}
#plm-new-item-drawer-title{
  width:100%;
  border-bottom: 1px solid #a3a3a3;
  padding-bottom:3px;
  font-family:"TitlingGothicFBMediumComp","Arial Narrow",Arial,sans-serif;
  letter-spacing: 1px;
  font-size: 20px;
  line-height: 25px;
}
#plm-new-item-drawer-elements{
  position: relative;
  width: 100%;
  height: 813px;
  overflow-x: hidden;
  overflow-y: hidden;
   -moz-box-shadow: inset 0 0 12px #B9B9B9; /* Firefox */  
  -webkit-box-shadow: inset 0 0 12px #B9B9B9; /* Safari, Chrome */  
  box-shadow: inset 0 0 12px #B9B9B9; /* CSS3 */  
}
#plm-new-item-drawer-elements.plm-accepting-droplets{
   -moz-box-shadow: inset 0 0 12px #faa; /* Firefox */  
  -webkit-box-shadow: inset 0 0 12px #faa; /* Safari, Chrome */  
  box-shadow: inset 0 0 12px #faa; /* CSS3 */  
  background-color: #FFECEC;
}
#plm-new-item-drawer-elements.plm-scrollable{
  overflow-y: scroll !important;

}
.plm-plumage-item{
  position: absolute;
  display:inline;
}
.plm-plumage-item.plm-plumage-item-now{
  position:relative;
  display:inline-block;
  top: auto !important;
  left: auto !important;
  float:lef;t
}
.plm-plumage-item.plm-transition{
  -moz-transition: -moz-transform 1s;
  -webkit-transition: -webkit-transform 1s;
  -o-transition: -o-transform 1s;
  transition: transform 1s;
}

.plm-plumage-item.plm-plumage-item-stable{
  transform:rotate(0deg) !important;
  -ms-transform:rotate(0deg) !important; 
  -webkit-transform:rotate(0deg) !important; 
  -o-transform:rotate(0deg) !important; 

}
.plm-plumage-draggable:hover .plm-drag-text{
  display:block;
}
.plm-plumage-item .plm-drag-text{
  position:absolute;
  top:45%;
  left:40%;
  color:white;
  font-family:arial,sans-serif;
  letter-spacing: 1px;
  font-size:10px;
  background-color:#303030;
  padding:5px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  display:none;
  text-align:center;

}
.plm-plumage-draggable:hover{
  cursor:grab;
  cursor:-moz-grab;
  cursor:-webkit-grab;
}
#plm-green-shirt{
  left:431px;
  top:-12px;
  transform:rotate(-16deg);
  -ms-transform:rotate(-16deg); 
  -webkit-transform:rotate(-16deg); 
}
#plm-blue-shirt{
  left: 68px;
  top: 474px;
  transform:rotate(-8deg);
  -ms-transform:rotate(-8deg); 
  -webkit-transform:rotate(-8deg); 
}
#plm-rain-bowtie{
  left: 437px;
  top: 515px;
  transform:rotate(-12deg);
  -ms-transform:rotate(-12deg); 
  -webkit-transform:rotate(-12deg); 
}
#plm-tie{
  left: 222px;
  top: 133px;
  transform:rotate(19deg);
  -ms-transform:rotate(19deg); 
  -webkit-transform:rotate(19deg); 
}
#plm-necklace{
  left: 506px;
  top: 246px;
  transform:rotate(50deg);
  -ms-transform:rotate(50deg); 
  -webkit-transform:rotate(50deg); 
}
#plm-pink-suit{
  left: 247px;
  top: 208px;
}
#plm-hat{
  left: 202px;
  top: 8px;
}
#plm-velvet-pants{
  left: -72px;
  top: 414px;
}
#plm-powers-shirt{
  left: -26px;
  top: 82px;
  transform:rotate(8deg);
  -ms-transform:rotate(8deg); 
  -webkit-transform:rotate(8deg); 
}
#plm-red-pattern-pants{
  left: 474px;
  top: 341px;
  transform:rotate(-4deg);
  -ms-transform:rotate(-4deg); 
  -webkit-transform:rotate(-4deg); 
}
#plm-boots{
  left: 419px;
  top: 704px;
}
#plm-tip-shoes{
  left: 81px;
  top: 748px;
}
#plm-original-shoes{
  left:273px;
  top:694px;
}
.plm-mask{
  position:absolute;
  background-color:#fff;
}
#plm-mask-left{
  top: 306px;
  left: -30px;
  width: 90px;
  height: 537px;
  z-index: 9;

}
#plm-mask-right{
  top: 95px;
  left: 669px;
  width: 73px;
  height: 700px;
  z-index: 9;
}
#plm-begin-btn{
  display:inline-block;
  color: #fff;
  padding:10px;
  font-size: 14px;
  width:auto;
  background-color: #40B7C7;
  text-align: center;
  border: 1px solid #2c8b90;
  -webkit-box-shadow: 0 0 7px #8b8b8b;
     -moz-box-shadow: 0 0 7px #8b8b8b;
          box-shadow: 0 0 7px #8b8b8b;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  -webkit-text-shadow: 0 0 30px #fff;
     -moz-text-shadow: 0 0 30px #fff;
          text-shadow: 0 0 30px #fff;
  
}
#plm-begin-btn:hover{
  cursor: pointer;
  cursor: hand;
  background-color: #36AAB9;
}
#plm-share-elements{
  font-size: 25px;
  font-family: "TitlingGothicFBMediumComp","Arial Narrow",Arial,sans-serif;
  letter-spacing: 1px;
  display:none;
}
#plm-share-elements p span{
  font-size: 16px;
}
.plm-overlay{
  position: absolute;
  top: 0;
  right: -1px;
  bottom: 0;
  left: 0;
  background-color: #000;
  z-index:9999;
  filter: alpha(opacity=0); /* ie */
  -khtml-opacity: 0;      /* khtml, old safari */
  -moz-opacity: 0;       /* moz, netscape */
  opacity: 0;           /* fx, safari, opera */
}
.plm-overlay p{
  letter-spacing: 1px;
  position: absolute;
  color: #fff;
  top:30%;
  left:18%;
  font-size:20px;
}
#plm-canvas .plm-overlay p{
  left: 25%;
  font-size:50px;
}
.plm-overlay:hover{
  cursor: pointer;
  cursor: hand;
}
.plm-plumage-item.plm-plumage-item-stable.plm-spin-around{
  transform:rotate(360deg) !important;
  -ms-transform:rotate(360deg) !important; 
  -webkit-transform:rotate(360deg) !important; 
}
#plm-new-item-drawer-title span{
  font-size:10px;
}
.plm-explain{
  display:inline-block;
  float:left;
  width: 609px;
  margin-left: 60px;
  font-size: 20px;
}
.plm-share{
  font-size: 20px;
  display: inline-block;
  float: left;
  margin-left: 75px;
  width: 214px;
}
.plm-reset{
  text-decoration:underline;
}
.plm-reset:hover{
  cursor: pointer;
  cursor: hand;
  color:#ee3224;
}
.plm-social-btn{
  font-size:14px;
}
.social-icon{
  font-size: 30px;
}
.social-icon span{
  font-size: 24px;
  position: relative;
  top: -2px;
}