html,body { margin:0px; padding:0px; }
html,body,textarea { font-family:verdana,sans-serif; font-size:11px; color:#000 }
#frame  { margin:0 auto; width:990px; height:520px; position:relative; text-align:center; }
.box { width:100px; height:100px; background:#000; position:absolute; }
#b1 { top:0px; left:0px; }
#b2 { top:0px; right:0px; }
#b3 { bottom:0px; left:0px; }
#b4 { bottom:0px; right:0px; }
#start,#split,#split2,#split3,#splitTop1,#splitTop2,#splitTop3,#splitBottom1,#splitBottom2,#splitBottom3  { position:absolute; left:490px; top:255px; width:10px; height:10px; background:#000; border-radius:10px; cursor:pointer; }
#start  { z-index:2; }
#split  { z-index:1; }
#split2  { background:#f00; left:200px; }
#split3  { background:#f00; left:780px; }
#splitTop1 { background:#f00; top:150px; left:200px; }
#splitTop2 { background:#f00; top:150px; }
#splitTop3 { background:#f00; top:150px; left:780px; }

#splitBottom1 { background:#f00; top:360px; left:200px; }
#splitBottom2 { background:#f00; top:360px; }
#splitBottom3 { background:#f00; top:360px; left:780px; }