/* CSS Document */

            #bubblemenu li { 
                margin-left: -40px;
				cursor:pointer;
				list-style-type: none;
            }
	
			           
            #bubblemenu li > div {
                width: 100px;
                min-height: 103px;
			    position: absolute;
                margin-left: 130px;
                padding-top: 14px;
				visibility:hidden;
                opacity: 0;
                margin-top: -125px;
				background: transparent;
				background-image: url(../images/bubble_2.png);
				background-repeat:no-repeat;
				text-align: center;
				font-family: Arial, Verdana, sans-serif; 
				font-size: 11px; 
				line-height: 16px; 
				color:#000;
			
				/* Setting the transition property for all Browsers */
				-moz-transition: all 0.5s ease-in-out; /* Firefox */
                -webkit-transition: all 0.5s ease-in-out; /* Safari and Chrome */
                -o-transition: all 0.5s ease-in-out; /* Opera */
                transition: all 0.5s ease-in-out; /* Browsers that Support it */		
            }
            	
			#bubblemenu a { 
               	font-family: Arial, Verdana, sans-serif; 
				font-size: 11px; 
				line-height: 16px; 
				color:#000;
            }	
				
            #bubblemenu li:hover > div {  	
				visibility:visible;
                opacity: 1;
                margin-top: -170px;
				font-family: Arial, Verdana, sans-serif; 
				font-size: 11px; 
				line-height: 16px; 
				color:#000;
					
				/* Setting the transition property for all Browsers */
				-moz-transition: all 0.5s ease-in-out; /* Firefox */
                -webkit-transition: all 0.5s ease-in-out; /* Safari and Chrome */
                -o-transition: all 0.5s ease-in-out;  /* Opera */
                transition: all 0.5s ease-in-out; /* Browsers that Support it */
            }