#squares{
		margin-top: 					32px;
		margin-right: 					65px;
		margin-bottom: 					-32px;	
		float: 							right;}

#squares li{
		width: 					30px; 		/*width of image container. Must be wider than contained images (before bubbling) */
		height:					100px; 		/*height of image container. Must be taller than contained images (before bubbling) */
}

#squares li img{
		width: 					35px; 		/*width of each image before bubbling*/
		height: 				35px; 		/*height of each image*/
}


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

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

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

.bubblewrap .tooltip{ 						/*CSS for image tooltip (alt attribute of image)*/
		position:				absolute;
		font:					bold 12px Arial;
		color: 					#003366;
		padding:				1px;
		padding-left: 			10px;
		padding-right: 			10px;
		text-align:				center;
		background:				#ffffff;	}