/*! http://responsiveslides.com v1.54 by @viljamis */



/*GLOBALS*/
/* this applies no matter what; great for colors and stuff */
@media all {
/* overall styles */

.rslides {
 position: relative;
 list-style: none;
 overflow: hidden;
 width: 100%;
 padding: 0;
 margin: 0;
 }

.rslides li {
 -webkit-backface-visibility: hidden;
 position: absolute;
 display: none;
 width: 100%;
 left: 0;
 top: 0;
 }

.rslides li:first-child {
 position: relative;
 display: block;
 float: left;
 }

.rslides img {
 display: block;
 
 float: left;
 border: 0;
 }
 
 .callbacks_container {
 margin-bottom: 10px;
 margin-top: 0px;
margin-left: auto;
	 margin-right: auto;
 position: relative;
 width: 90%;
	 overflow: hidden;
 }

.callbacks {
 position: relative;
 list-style: none;
 overflow: hidden;
 width: 100%;
 padding: 0;
 margin: 0;
 }

.callbacks li {
 position: absolute;
 width: 100%;
 left: 0;
 top: 0;
 padding-bottom: 0;
 padding-top: 0;
 padding-left: 0;
 height: auto;
 }

.callbacks img {
 display: block;
 position: relative;
 z-index: 1;
 margin-bottom: 0;
 border: 0;
	width: 100%;
    height: auto;
 }
 
 
	.callbacks p.caption {
		
		position: absolute;		
		color: #ffffff;
		top: 60%;
		left: 5%;
		font-size: 20px;
		z-index: 200;
		
		
	}

.callbacks .more {
 z-index: 2;
 display: block;
 float: right;
 font-size:10px;
 text-transform:uppercase;
 line-height:10px;
 color: #666;
 font-weight: normal;
 letter-spacing: 1px;
 margin: 0 0 0 10px;
 border:1px solid #D0D0D0;
 padding: 2px 3px 2px 3px;
 }
 
 .callbacks .more a {
	  color: #666;
	  text-decoration:none;
 }
 
 .callbacks .more a:hover {
	  color: #990000;
	  
 }
 
 
 

.callbacks_nav {
 position: absolute;
 -webkit-tap-highlight-color: rgba(0,0,0,0);
 background-image:url(images/arrow-back-next.png);
 top: 495px;
 right: 60px;
 z-index: 3;
 text-indent: -9999px;
 overflow: hidden;
 text-decoration: none;
 height:38px;
 width: 30px;
 margin-top: -45px;
 }

.callbacks_nav:active {
 opacity: 1.0;
 }

.callbacks_nav.next {
 left: auto;
 background-position: right top;
 right: 0;
 }

ul.callbacks_tabs {
	list-style:none;
	margin: 5px 0 0 0;
	padding: 0;
	}
	
ul.callbacks_tabs li {
	float:left;
	
}

ul.callbacks_tabs li.callbacks_here a{
	color: #666;
}


ul.callbacks_tabs li a{
	display:block;
	font-family: 'Helvetica', sans-serif;
	text-decoration:none;
	font-size: 24px;
	font-weight:bold;
	width: 20px;
	color: #bbb;
	}
	
p.caption .person {
	color: #e2e2e2;
}
}

@media only screen and (max-width:900px) {

/*.callbacks li {height: 300px;}*/

.callbacks_nav {top: 545px;}


.callbacks .caption {
 font-size:20px;
 line-height:24px;
}
	
	
	
.callbacks p.caption {
		
		top: 40%;	
		
	}	
	
	
 
 
 .callbacks .more {
 z-index: 2;
 
 font-size:10px;
 text-transform:uppercase;
 line-height:10px;
 color: #666;
 font-weight: normal;
 letter-spacing: 1px;
 margin: 5px 0 0 0;
 border:1px solid #D0D0D0;
 padding: 2px 3px 2px 3px;
 } 



}

@media only screen and (max-width:600px) {
	
#slideband {
padding-top: 10px;
}	
	

.callbacks li {
 position: absolute;
 width: 100%;
 left: auto;
 right: auto;
 top: 0;
 padding-bottom: 0px;
 padding-top: 0px;
 padding-left: 0;
 height: auto;

 }
	
	
.callbacks p.caption {
		
		position: absolute;		
		color: #ffffff;
		top: 40px;
		left: 5%;
		font-size: 16px;
		z-index: 200;
	margin-top: 0;
		
		
	}	
 

 
 
 
/* .callbacks img {
 display: block;
 position: relative;
 z-index: 1;
 height:200px;
 width: 200px;
 margin-bottom: 0px;
 border: 0;
 }
 
 .rslides img {
 display: block;
 margin-left: auto;
 margin-right: auto;
 float: none;
 width: 200px;
  height: 200px;
 border: 0;
 }*/

.callbacks_nav {top: 655px;}


.callbacks .caption {
 display: block;
 text-align:left;;
 z-index: 2;
 text-shadow: none;
 color: #b3b3b3;
 font-weight: bold;
 letter-spacing: -1px;
 padding: 40px 0 0 0;
 margin: 220px 0 0 0;
 }
 
 .callbacks .more {
 z-index: 2;
 display: block;
 float: none;
 width: 80px;
 font-size:10px;
 text-transform:uppercase;
 line-height:10px;
 color: #666;
 font-weight: normal;
 letter-spacing: 1px;
 margin: 12px auto 0 auto;
 border:1px solid #D0D0D0;
 padding: 2px 3px 2px 3px;
 } 
 
 
 
 
 
}