/*! 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;
 width: 200px;
  height: 200px;
 border: 0;
 }
 
 .callbacks_container {
 margin-bottom: 50px;
 position: relative;
 float: left;
 width: 100%;
 }

.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: 60px;
 padding-top: 130px;
 padding-left: 0;
 border-bottom: 1px solid #bbb;
 height: 250px;
 }

.callbacks img {
 display: block;
 position: relative;
 z-index: 1;
 height:200px;
 width: 200px;
 margin-bottom: 100px;
 border: 0;
 }
 
 .callbacks p img {
	 margin:0;
	 padding-top: 4px;} 
 
 
 .callbacks .caption img {
 display: block;
width:inherit;
height:auto;
display:inline-block;
float:none;
 }
 
 
.callbacks .caption {
 display: block;
 position: absolute;
 z-index: 2;
 font-size:45px;
 line-height:48px;
 text-shadow: none;
 color: #b3b3b3;
 font-weight: bold;
 letter-spacing: -1px;
 left: 0;
 right: 0;
 top: 0;
 padding: 13px 0 50px 45px;
 margin: 115px 0 0 240px;
 background-image:url(images/quote-left.png);
 background-repeat: no-repeat;
 background-position: 0px 16px;
}

.callbacks .quotee {
 display: block;
 z-index: 2;
 font-size:22px;
 line-height:22px;
 color: #8F8F8F;
 font-weight: bold;
 letter-spacing: 0;
 margin: 10px 0 0 0;
}

.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:30px;
 line-height:32px;
 background-position: 0px 10px;

 }
 
 
 .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;
 border-bottom: 1px solid #bbb;
 height: 600px;

 }
 

 
 
 
 .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:center;
 z-index: 2;
 text-shadow: none;
 color: #b3b3b3;
 font-weight: bold;
 letter-spacing: -1px;
 padding: 40px 0 0 0;
 margin: 220px 0 0 0;
 background-image:url(images/quote-left.png);
 background-repeat: no-repeat;
 background-position: 0px 9px;

 }
 
 .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;
 } 
 
 
 
 
 
}