#tdx, #bf2, #sb {
	margin-top: 15px;
	margin-bottom: 15px;
}

.row {
	overflow: hidden;
	margin-right: -15px;
  margin-left: -15px;
}

/*
TOO DX BLUE: 00aeef

bf bg: #181818

blog no hoverbg: #181818
blog hover bg: #ffffff

bftween on hover style: ease out
bf tween off hover style: ease in

sb tween on hover style: ease out
sb tween off hover style: ease in

tdx tween on hover style: back out
tdx tween off hover style: back in

bg images should linearly tween alpha from 0 to 100

*/
/*wrapper positioning AND animation classes*/
#bf2 {
	height: 158px;
	background: url(../img/bf_04_reg.png);
	background: rgba(24, 24, 24, 1);
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	transition: background 0.5s;
}

#bf2:hover{
	background: rgba(24,24,24,0);
	background: url(../img/bf_04_reg.png) top right;
}

#bf2:hover #bancho_slide {
	right: 0px;
	transition: .5s;
}

#bf2:hover #rancho_slide {
	left: 0px;
	transition: .5s;
	z-index: 1;
}

	#rancho_slide	{
		position: absolute;
		left: -250px;
		width: 224px;
		height: 158px;
		transition: .5s;
	}

	#bancho_slide	{
		position: absolute;
		right: -250px;
		width: 224px;
		height: 158px;
		transition: .5s;
	}
/*BF2 code end */

/*SB code start*/
#sb {
	background: rgba(24, 24, 24, 1);
}

#sb_logo_slide {
	position: relative;
	left: -100px;
}

#sb:hover{
	background: url(../img/sb-bg.png);
	background-position: left, left;
}

#sb:hover #greenava_slide{
	transition: .5s;
    left: 0px;
	z-index: 1;
}

#sb:hover #ball_slide {
	transition: .3s ease-out;
	right: 275px;
}

#sb:hover #pinkava_slide{
	transition: .5s;
	right: 0;
}

/*SB code end*/

/*tdx code begin*/
#tdx {
	background: #181818;
}

#tdx:hover{
	transition: .5s;
	background: white;
}


#auston_slide	{
	position: absolute;
	left: -224px;
	width: 224px;
	height: 158px;
	transition: .5s;
}

#tdx:hover #auston_slide{
	transition: .5s;
    left: 0px;
	z-index: 1;
}

#tdx:hover .middle-slide {
}

.middle-slide {
	transition: .5s;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 222px;
}

.middle-slide.on {
	opacity: 0; 
	transition: 0s;
	position: relative;
	left: -226px;
}

#tdx:hover .middle-slide.on {
	opacity: 1;
	transition: 0s;
}
#tdx:hover #ned_slide{
	transition: .5s;
	right: 0;
}
#tdx {
	height: 158px;
}
/*tdx code end*/

 /*LEFT SLIDE IN POSITIONING*/


#greenava_slide	{
	position: absolute;
	left: -240px;
	width: 240px;
	height: 156px;
	transition: .5s;
}

#ball_slide	{
	position: absolute;
	right: -200px;
	width: 64px;
	height: 158px;
	transition: .75s;
}

#auston_slide	{
	position: absolute;
	left: -224px;
	width: 224px;
	height: 158px;
	transition: .5s;
}

/*LEFT SLIDE IN ANIMATION*/

/*RIGHT SLIDE IN POSITIONING*/


#pinkava_slide	{
	position: absolute;
	right: -297px;
	width: 297px;
	height: 158px;
	transition: .5s;
}

#ned_slide	{
	position: absolute;
	right: -224px;
	width: 224px;
	height: 158px;
	transition: .5s;
}

/*RIGHT SLIDE IN ANIMATION*/

/*Middle and title slides*/

/*
.wrapper img.on {
	opacity: 0;
}

.wrapper .middle-slide img.on:hover  {
	opacity: 1;
}

.wrapper .middle-slide {
	position: absolute;
	margin-left: 45%;
	margin-right: 45%;
	width: 222px;
}
*/

.crossfade {
	position: relative;
	height: 156px;
}

.crossfade img {
	position: absolute;
	left: 0;
	opacity: 1;/*
	-webkit-transition: opacity 0s;
	-moz-transition: opacity 0s;
	-o-transition: opacity 0s;
	-ms-transition: opacity 0s;
	transition: opacity 0s;*/
}

#tdx .crossfade {
	left: 30px;
}

.#sb:hover img.bottom{
	opacity: 1;
}

#sb img.bottom{
	opacity:0;
}

#sb:hover img.bottom{
	opacity: 1;
}

#sb:hover img.top{
	opacity: 0;
}

#tdx:hover img.top{
	opacity: 0;
}

.footer{
	background-color: #000;
	color: #00aeef;
	border-bottom: 5px solid black;
}
#padded {
	padding-top: 10px;s
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}