/*! 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: 485px;*/
 height: 359px;
 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: 20px;
 padding-top: 20px;
 padding-left: 0;

 }

.callbacks h2 {
	font-size: 32px;
	line-height: 30px;
	color: #555;
	margin: 12px 0 0 0;
}

.callbacks h3 {
	font-size: 24px;
	line-height: 22px;
	color: #555;
	margin: 10px 0 0 0;
	padding: 0;
	clear: left;
	text-align: center;
}


.callbacks p {
	font-size: 12px;
	line-height: 12px;
	color: #555;
	margin: 15px 0 0 0;
	text-transform: uppercase;
}

.callbacks p a{
	text-decoration: none;
}

.callbacks img {
 display: block;
 position: relative;
 z-index: 1;
/* height:300px;
 width: 485px;*/
 margin-bottom: 0;
 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;
 z-index: 2;
 font-size:45px;
 line-height:48px;
 text-shadow: none;
 color: #b3b3b3;
 font-weight: bold;
 padding: 0;
 margin: 10px 0 0 15px;
}


	.callbacks .caption a{
		text-decoration: none;
		border-bottom: 2px dotted red;
		
		
	}
 

.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;
 display:none;
 }

.callbacks_nav:active {
 opacity: 1.0;
 }

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

ul.callbacks_tabs {
	display:none;
	}
	
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 img {
width: 80%;
height:auto;
margin-left: auto;
margin-right: auto;
float: none;
 }
 
 .callbacks .caption {
	 clear: left;
	 text-align: center;
 }


 
}

@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: none;


 }
 
 
 .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: 100%;
  height: auto;
 border: 0;
 }

.callbacks_nav {top: 655px;}


.callbacks .caption {
	width: 90%;
 display: block;
 text-align:center;
 z-index: 2;
 text-shadow: none;
 color: #b3b3b3;
 font-weight: bold;
 letter-spacing: -1px;
 padding: 0;
 margin: 10px 5% 0 5%;
 }
 
/* .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;
 } 
 
 */
 
 
 
}