@charset "utf-8";
/* CSS Document */
 .row-fluid aside.span4 {
	 float: right;
 }
 #crossfade {
   position:relative;
   height:200px;
   padding-bottom:10px;
     
  }
#crossfade img {
    position:absolute;
    left:0;
    opacity: 1;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;    
    transition: opacity 1s ease-in-out;
	} 
@keyframes crossfadeFadeInOut {
  0% {
  opacity:1;
}
45% {
opacity:1;
}
55% {
opacity:0;
}
100% {
opacity:0;
}
}
#crossfade img.top {
animation-name: crossfadeFadeInOut;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 5s;
animation-direction: alternate;
}
#border {
	border:1px solid #ddd;
}
#extraspace {
	border-top:1px solid #ddd;
	padding-bottom: 10px;
}
@media  (min-width: 480px) and (max-width: 768px) {
	.row-fluid .span4 { 
		width: 33%;
	}
}
@media (max-width: 480px) {
	.span4 { 
		float:none;
	}
}
.bubble {
	position: relative;
   	max-width:90%;
	max-height:90%;
    padding: 15px;
    background: #DBEFFF;
	margin-bottom:10px;
}

  .bubble:after {
    content: "";
    position: absolute;
    bottom: -0px;
    left: 123px;
    border-style: solid;
    border-width: 0px 0px 0;
    border-color: #DBEFFF transparent;
    display: block;
    width: 0;
    z-index: 1;
	
}