.wrap {
width: 100%;
overflow:auo;
}

.fleft {
    float:left; 
    width: 65%;
//background:blue;
//    height: 400px;
}

.fright {
float: right;
   // background:pink;
   // height: 400px;
    width: 35%;
}

.bottom {
	clear: both;

	}
	
img.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }	


.ui-widget-content { width: 80px; height: 80px; float: left;  
font-size: 40px;  padding: 0.1em;color: #ff3456;text-align: center;
    vertical-align: middle;
line-height: 10px;       /* the same as your div height */
}

.ui-widget-content1 { width: 180px; /*height: 100px;*/ float: left;  
font-size: 30px;  padding: 0.1em;color: #ff3456;text-align: center;
    vertical-align: middle;
line-height: 10px;       /* the same as your div height */
}


#draggable1 { }
#draggable2 { }
#draggable3 { }
#draggable4 { }
#draggable5 { }
#draggable6 { }
#draggable7 { }
#draggable8 { }
#draggable9 { }
#draggable10 { }
#draggable11 { }
#draggable12 { }
#draggable13 { }
#draggable14 { }
#draggable15 { }