* { margin:0; padding:0; list-style:none; }
body{ font:15px/1.5 Helvetica, Arial, sans-serif; }

.exercise{ width:658px; padding:20px; overflow:hidden; float:right; }
.exercise p { width:260px; float:left; }
#tiles{ width:346px; float:right; }
.tile{
  float: left;
  width: 131px;
  margin:0 6px 12px;
  border: 1px solid #7f2001;
  background: #ba2f00;
  background: -webkit-gradient(linear, left top, left bottom, from(#cb3300), to(#ba2f00));
  background: -webkit-linear-gradient(top, #cb3300, #ba2f00);
  background: -moz-linear-gradient(top, #cb3300, #ba2f00);
  background: -ms-linear-gradient(top, #cb3300, #ba2f00);
  background: -o-linear-gradient(top, #cb3300, #ba2f00);
  background-image: -ms-linear-gradient(top, #cb3300 0%, #ba2f00 100%);
  padding: 9.5px 14px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
  -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
  box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
  text-shadow: #703b29 0 1px 0;
  color: #ffffff;
  font-size: 14px;
  font-family: helvetica, serif;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  user-select: none;
}
#drop-boxes { height:356px; clear:both; overflow:hidden; background: url("../images/illustration.png") no-repeat scroll 202px 65px transparent; padding-top:60px; }
#drop-boxes li {
  margin: 20px 0 50px;
  position: relative;
  height: 42px; 
  width: 200px;
  padding: 8px;
  border: 1px solid #88a3b6;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: #b2cde0;
  background: -webkit-gradient(linear, left top, left bottom, from(#b2cde0), to(#a1bccf));
  background: -webkit-linear-gradient(top, #b2cde0, #a1bccf);
  background: -moz-linear-gradient(top, #b2cde0, #a1bccf);
  background: -ms-linear-gradient(top, #b2cde0, #a1bccf);
  background: -o-linear-gradient(top, #b2cde0, #a1bccf);
  background-image: -ms-linear-gradient(top, #b2cde0 0%, #a1bccf 100%);
}
#drop-boxes li.left { float:left; margin-right:110px; }
#drop-boxes li.right { float:right; margin-left: 110px; }
#drop-boxes li img { position:absolute; right:5px; top:12px; display:none;}
.drop-zone{ border:1px dotted #92a9b9; height:42px; width:160px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
.drop-zone p{   padding-left:20px; padding-top:10px;  color:red; font-size: 14px; font-weight: bold; vertical-align: middle; font-family: helvetica, serif; display: none }