/*
 * Image Bubbles Effect (April 4th, 2010)
 * This notice must stay intact for usage 
 * Author: Dynamic Drive at http://www.dynamicdrive.com/
 * Visit http://www.dynamicdrive.com/ for full source code
 *
 * Customized by emacsian Company Limited
 * http://www.emacsian.com/
 */

.bubblewrap{
list-style-type:none;
margin:0;
padding:0;
}

.bubblewrap li{
display:inline-block;
/*zoom:1; /*Trigger haslayout in IE7 and less*/
/*display:inline;*/ /*For IE7 and less*/
position:relative;
width: 50px;
height:50px;
}

.bubblewrap li img{
position:absolute;
width: 50px; /*default width of each image.*/
height: 50px; /*default height of each image.*/
left:0;
top:0;
border:0;
}

.bubblewrap .tooltip{ /*CSS for image tooltip (alt attribute of image)*/
position:absolute;
padding:2px;
width:100px;
text-align:center;
background: black;
color: #cccccc;
}