@charset "utf-8";
#carousel { position: relative; width: 100%; margin: 0 auto; background:url(../images/s9.jpg) no-repeat center top; background-size: 100% 425px;}
#slides {  overflow: hidden;  position: relative;  width: 100%; height: 420px; margin:0 auto;}
#slides ul {  list-style: none;  width: 80%;  height: 250px;  margin: 0 auto;  padding: 0;  position: relative;}
#slides li {  width: 80%;  height: 150px;  float: left;  text-align: center;  position: relative; }
/* Styling for prev and next buttons */

.btn-bar {  width: 80%;  margin: 0 auto;  display: block;  position: relative;  top: 300px; z-index:99; }
#buttons { width:800px;  position: absolute; padding: 0 0 5px 0; top:20px; left:0; right:0; margin-left: auto; margin-right: auto;  }
#buttons a {  text-align: center;  display: block;  font-size: 50px; display: inline-block; outline: 0;  margin: 0 60px;  color: #fff;  text-decoration: none;  padding: 15px;  width: 12px; background:#fff; height:40px;} 

a#prev { float:left; background:url(../images/p-arrow.png) no-repeat center; }
a#next {float:right; background:url(../images/n-arrow.png) no-repeat center; }
a#prev:hover { color: #FFF;  text-shadow: .5px 0px #b14943;}
a#next:hover { color: #FFF;  text-shadow: .5px 0px #b14943;}

.quote-phrase,.quote-author {  font-weight: 300;  display: table-cell;  vertical-align: middle;  padding: 5px 20px;}
.quote-phrase {  height: 200px;  font-size: 24px;  color: #000; text-shadow: .5px 0px #b14943;}
.quote-marks {  font-size: 30px;  padding: 0 3px 3px;  position: inherit;  color: #000; }
.quote-author {  font-style: normal;  font-size: 20px;  color: #000;  font-weight: 400;  height: 30px;}

.quoteContainer,.authorContainer {  display: table;  width: 100%; }
.quoteContainer {margin-top:100px;}