.talkbubble { width: 120px; 
height: 80px; background: transparent;
 position: relative;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px; }
 .talkbubble:before { content: "";
 position: absolute;
 width: 0;
height: 0;
border-style: solid;
border-width: 20px 10px 0 10px;
border-color: #cceeff transparent transparent transparent;
top:80px;right:50px;
 } 
 .talkbubble2 { width: 220px; 
height: 80px; background: transparent;
 position: relative;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px; }
 .talkbubble2:before { content: "";
 position: absolute;
 width: 0;
height: 0;
border-style: solid;
border-width: 20px 10px 0 10px;
border-color: #cceeff transparent transparent transparent;
top:80px;right:100px;
 } 
.talkbubble3 { width: 100%; 
height: 50px; background: rgb(204, 153, 0, 0.7 );
 position: relative;
top:10px;
color:#fff;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px; }
 .talkbubble3:before { content: "";
 position: absolute;
 width: 0;
height: 0;
border-style: solid;
border-width: 20px 10px 0 10px;
border-color:rgb(204, 153, 0, 0.7 ) transparent transparent transparent;
top:50px;right:50%;
 } 
  
.talkbubble3:hover {background: rgb(204, 153, 0, ); }