@charset "utf-8";
/* CSS Document */
body { background: #fff; margin:0px; padding:0px;}

@font-face {
		font-family: 'AdobeClean-Light';
		src: url('../fonts/adobecleanlight.eot');
		src: url('../fonts/adobecleanlight.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/adobecleanlight.woff') format('woff'),
			 url('../fonts/adobecleanlight.ttf') format('truetype'),
			 url('../fonts/adobecleanlight.svg#adobecleanlight') format('svg');
		font-weight: normal;
		font-style: normal;
}
@font-face {
		font-family: 'AdobeClean-Regular';
		src: url('../fonts/adobecleanregular.eot');
		src: url('../fonts/adobecleanregular.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/adobecleanregular.woff') format('woff'),
			 url('../fonts/adobecleanregular.ttf') format('truetype'),
			 url('../fonts/adobecleanregular.svg#adobecleanregular') format('svg');
		font-weight: normal;
		font-style: normal;
}




#carousel {
 position: relative; /*leave this value alone*/
overflow: hidden; /*leave this value alone*/
width: 640px; /*Width of Carousel Viewer itself*/
height: 168px; /*Height should enough to fit largest content's height*/
background-color:#4bffe2;
/*background-image:url(../images/bg.jpg); */
background-repeat:repeat-x;
}

#slides {
  position: relative;
  width:100%;
}

#slides ul {
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
}

#slides li {
  width: 100%;
  float: left;
  text-align: center;
  position: relative;
  font-family: lato, sans-serif;
}

/* Styling for prev and next buttons */

.btn-bar {
  width: 60%;
  margin: 0 auto;
  display: block;
  position: relative;
  top: 40px;
}

#buttons {
  padding: 0 0 5px 0; z-index:9999999; position:absolute;
  float: left; width:100%;  
}


#buttons a {
  text-align: center;
  display: block; float:left;
  font-size: 16px;
  outline: 0; padding:0;
  margin: 65px 8px 0px 8px; 
  text-decoration: none;
  display: block; color: transparent;
  padding: 0px;
  width: 24px !important; height:24px !important; line-height: 24px;
	border-radius: 24px; background-color: #fff !important;
	background-color: rgba(255, 255, 255, 0.7) !important;
	background-size: 24px 24px !important;
font-weight: bold;
	cursor: pointer;
}

#buttons a.btn-prev { float:left; background:url(../images/car_prev.png) -1px 0px no-repeat;}
#buttons a.btn-next { float:right; background:url(../images/car_next.png) 0px 0px no-repeat;}

a#prev:hover,
a#next:hover {
color: transparent;
}

.slider { display: table;
  width: 88%; margin:4% 5% 3% 5%; }
.left { float:left; width:25%;}

.right {font-family: 'AdobeClean-Light'; color:#000; float:left; width:75%;}
.right b {font-size:18px; font-weight:bold; float:left; width:100%; padding:0% 0% 0% 0%; text-align:left;}
.right p { margin:0px; font-family: 'AdobeClean-Regular'; color:#000; font-size:14px; float:left; width:90%; padding:1% 0%; text-align:left;}
.right a { background:#4e4e4e; font-weight:bold; text-decoration:none; color:#fff; margin:1%; font-size:14px; float:right; padding:2% 4%; text-align:left;}


.quoteContainer,
.authorContainer {
  display: table;
  width: 90%; margin:1.5% 5%;
}

