#carousel {
		height:145px;
		position:relative;
		clear:both;
		overflow:hidden;
		background:#FFF;
		margin-top:10px;
	}
	
			#carousel .carousel-item img {
				visibility:hidden; /* hide images until carousel can handle them */
				cursor:pointer; /* otherwise it's not as obvious items can be clicked */
			}

	.carousel-nav a#prev{ position:absolute; top:80%; left:27%; }
	.carousel-nav a#next{ position:absolute; top:80%; right:27%; }


	@media only screen and (min-width: 768px) and (max-width: 959px) {
	
		.carousel-nav a#prev{ position:absolute; top:80%; left:20%; }
		.carousel-nav a#next{ position:absolute; top:80%; right:20%; }
	
	}
	
	@media only screen and (max-width: 767px) {
	
		.carousel-nav a#prev{ position:absolute; top:88%; left:-10%; }
		.carousel-nav a#next{ position:absolute; top:88%; right:-10%; }
	
	}
	
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	
		.carousel-nav a#prev{ position:absolute; top:88%; left:0; }
		.carousel-nav a#next{ position:absolute; top:88%; right:0; }
	
	}