li { 
  display: block; 
  width: 200px;
  height: 110px;
  margin: 0 15px 15px 0;
  float: left;
  padding: 7px;
  border: 1px dotted #666;
  background-color: #eec;
  cursor:url(/images/openHand.cur), default;
}

#restaurantDetail {
  position: absolute;
  padding: 5px 10px 10px 10px;
  top: 60px;
  left:40px;
  width: 830px;
  height: 440px;
  z-index: 2;
  background-color: red;
  border:5px solid #666;
}

ul {
  margin: 15px 0 0 0;
  padding: 0;
}

#footer {
  color: #ccc;
  font-size: 10px;
}

.pic {
  padding: 2px;
  background-color: #fff;
  border:1px solid #ccc;
}

/*************************
  CLEAR HACKS (thanks to Yasuhisa.H)
*************************/

.clear:after{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clear { display: inline-table; }
/* *Hides from IE-mac \*/
* html .clear { height: 1%; }
.clear { display: block; }
/* *End hide from IE-mac */