<div class="container ftl m_50">

	<div class="main">

		<ul id="carousel" class="ftl_slider-list">
			<li><a href="#"><img src="images/small/1.jpg" alt="www.freetimelearning.com" /></a></li>
			<li><a href="#"><img src="images/small/2.jpg" alt="www.freetimelearning.com" /></a></li>
			<li><a href="#"><img src="images/small/3.jpg" alt="www.freetimelearning.com" /></a></li>
			<li><a href="#"><img src="images/small/4.jpg" alt="www.freetimelearning.com" /></a></li>
			<li><a href="#"><img src="images/small/5.jpg" alt="www.freetimelearning.com" /></a></li>
			<li><a href="#"><img src="images/small/6.jpg" alt="www.freetimelearning.com" /></a></li>
			<li><a href="#"><img src="images/small/7.jpg" alt="www.freetimelearning.com" /></a></li>
			<li><a href="#"><img src="images/small/8.jpg" alt="www.freetimelearning.com" /></a></li>
			<li><a href="#"><img src="images/small/9.jpg" alt="www.freetimelearning.com" /></a></li>
			<li><a href="#"><img src="images/small/1.jpg" alt="www.freetimelearning.com" /></a></li>
			<li><a href="#"><img src="images/small/2.jpg" alt="www.freetimelearning.com" /></a></li>
			<li><a href="#"><img src="images/small/3.jpg" alt="www.freetimelearning.com" /></a></li>
			<li><a href="#"><img src="images/small/4.jpg" alt="www.freetimelearning.com" /></a></li>
			<li><a href="#"><img src="images/small/5.jpg" alt="www.freetimelearning.com" /></a></li>
			<li><a href="#"><img src="images/small/6.jpg" alt="www.freetimelearning.com" /></a></li>
			<li><a href="#"><img src="images/small/7.jpg" alt="www.freetimelearning.com" /></a></li>
			<li><a href="#"><img src="images/small/8.jpg" alt="www.freetimelearning.com" /></a></li>
			<li><a href="#"><img src="images/small/9.jpg" alt="www.freetimelearning.com" /></a></li>
		</ul>
	</div>
</div>
<script src="http://www.freetimelearning.com/plugins/sliders/slider-3/js/modernizr.custom.17475.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="http://www.freetimelearning.com/plugins/sliders/slider-3/js/jquerypp.custom.js"></script>
<script type="text/javascript" src="http://www.freetimelearning.com/plugins/sliders/slider-3/js/jquery.ftl_slider.js"></script>
<script type="text/javascript">
	$( '#carousel' ).ftl_slider();
</script>
.ftl_slider-list {
	list-style-type: none;
	display: none;
}
.m_50{ margin:50px auto;}
.no-js .ftl_slider-list {
	display: block;
}

.ftl_slider-carousel ul li {
	min-width: 20px;
}
.clearfix{clear:both}
.ftl{font-size:16px;padding:50px 0 20px;margin:0 auto;font-style:italic;text-align:center;}
.ftl a{color:#09C;text-decoration:none !important;}
.ftl a:hover{color:#999}
.ftl_slider-wrapper {
	position: relative;
	background-color: #fff;
	margin: 0 auto;
	min-height: 60px;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
}

.ftl_slider-wrapper.ftl_slider-loading {
	background-image: url(../images/loading.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.ftl_slider-horizontal {
	padding: 10px 40px;
}

.ftl_slider-vertical {
	padding: 40px 10px;
}

.ftl_slider-carousel {
	overflow: hidden;
	position: relative;
}

.ftl_slider-carousel ul {
	position: relative;
	display: block;
	list-style-type: none;
	padding: 0;
	margin: 0;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	transform: translateX(0px);
}

.ftl_slider-horizontal ul {
	white-space: nowrap;
}

.ftl_slider-carousel ul li {
	margin: 0;
	-webkit-backface-visibility: hidden;
}

.ftl_slider-horizontal ul li {
	height: 100%;
	display: inline-block;
}

.ftl_slider-vertical ul li {
	display: block;
}

.ftl_slider-carousel ul li a {
	display: inline-block;
	width: 100%;
}

.ftl_slider-carousel ul li a img {
	display: block;
	border: 2px solid white;
	max-width: 100%;
}

/* Navigation Arrows */

.ftl_slider-wrapper nav span {
	position: absolute;
	background: #ddd url(../images/nav.png) no-repeat 4px 3px;
	width: 23px;
	height: 23px;
	border-radius: 50%;
	text-indent: -9000px;
	cursor: pointer;
	opacity: 0.8;
}

.ftl_slider-wrapper nav span:hover {
	opacity: 1.0
}

.ftl_slider-horizontal nav span {
	top: 50%;
	left: 10px;
	margin-top: -11px;
}

.ftl_slider-vertical nav span {
	top: 10px;
	left: 50%;
	margin-left: -11px;
	background-position: -17px 5px;
}

.ftl_slider-horizontal nav span.ftl_slider-next {
	right: 10px;
	left: auto;
	background-position: 4px -17px;
}

.ftl_slider-vertical nav span.ftl_slider-next {
	bottom: 10px;
	top: auto;
	background-position: -17px -18px;
}
/* General Demo Style */
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);

html { height: 100%; }

*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

body {
    font-family:Arial, Helvetica, sans-serif;
    background: #ddd repeat top left;
    font-weight: 300;
    font-size: 15px;
    color: #333;
    -webkit-font-smoothing: antialiased;
    overflow-y: scroll;
    overflow-x: hidden;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
}

a {
	color: #555;
	text-decoration: none;
}

.container {
	width: 100%;
	position: relative;
}

.clr {
	clear: both;
	float: none;
}

.main {
	width: 95%;
	max-width: 960px;
	padding: 0 10px;
	margin: 0 auto;
	position: relative;
}

.main > header {
	padding: 40px 0;
}

.main > header h1 {
	font-size: 34px;
	line-height: 38px;
	margin: 0;
	font-weight: 700;
	color: #333;
	float: left;
}

.main > header h1 span {
	display: block;
	font-size: 20px;
	font-weight: 300;
}

.main p {
	padding: 30px 0 0;
	text-align: center;
	font-weight: 400;
	line-height: 22px;
}

.js .fixed-bar {
	position: fixed;
	width: 100%;
	left: 0;
	bottom: 0;
}

.js .gallery {
	width: 100%;
	max-width: 450px;
	margin: 0 auto;
	border-radius: 20px;
	position: relative;
	background: #000 url(../images/black_denim.png);
	box-shadow: 0 2px 1px rgba(255,255,255,0.9), 0 -2px 1px rgba(255,255,255,0.9);
}

.lt-ie8 .elastislide-list {
	display: none;
}

@media screen and (max-width: 690px) {
	.codrops-demos {
		float: left;
		clear: both;
	}
}

.ftl .elastislide-horizontal {
	padding: 10px 37px;
	border-radius: 10px/90px;
	box-shadow: 
		0 1px 3px rgba(0, 0, 0, 0.1), 
		inset -2px 0 3px 2px rgba(255, 255, 255, 0.6), 
		inset 2px 0 3px 2px rgba(255, 255, 255, 0.6), 
		inset -10px 0 10px 1px rgba(155, 155, 155, 0.1), 
		inset 10px 0 10px 1px rgba(155, 155, 155, 0.1);
}

.ftl .elastislide-wrapper:before,
.ftl .elastislide-wrapper:after{
	content: '';
	position: absolute;
	z-index: -2;
	bottom: 15px;
	left:  20px;
	width: 50%;
	height: 20%;
	border-radius: 10px/90px;
	box-shadow: 0 15px 10px rgba(0,0,0,0.7);
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	transform: rotate(-3deg);
}

.ftl .elastislide-wrapper:after {
	right: 20px;
	left: auto;
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	transform: rotate(3deg);
}

We see you’re using an ad blocker.

Our website is made possible by displaying ads to our visitors.

Please help us continue to provide you with free. So please disabling your ad blocker.