#about .col-left {
margin-bottom: 30px;}

#milestones {
clear: both;
padding-left:10px;
}

#milestones ol,
.js #milestones ul {
list-style-type: none;
list-style-image: none;
margin: 0;
padding: 0;}

.js #milestones .tab-slider {
background-color: #eee;
border-bottom: 1px solid #ddd;
padding: 0 40px;
position: relative;
margin-top: 20px;}

.js #milestones .tab-slider div {
bottom: -1px;
position: relative;}

#milestones .tab-slider ul {
display: none;}

.js #milestones .tab-slider ul {
display: block;}

#milestones .tab-slider li {
margin: 2px 0 3px;
padding-left: 5px;}

#milestones .tab-slider li.on {
margin: 4px 0 0;
position: relative;
bottom: -1px;}

#milestones .tab-slider li a,
#milestones .tab-slider li span {
display: block;}

#milestones .tab-slider li span {
padding: 8px 5px 8px 10px;
position: relative;
left: -5px;}

#milestones .tab-slider li.on a,
#milestones .tab-slider li.on span {
background: url(../images/int/sprite-buttons.png) no-repeat;}

#milestones .tab-slider li.on a {
background-position: right -240px;}

#milestones .tab-slider li.on span {
background-position: left -240px;}

#milestones .tab-slider .btn-forward,
#milestones .tab-slider .btn-backward {
background-repeat: no-repeat;
background-position: 0 0;
cursor: pointer !important;
position: absolute;
width: 20px;
height: 20px;
text-indent: -9999em;
overflow: hidden;
top: 50%;
margin-top: -10px;}

#milestones .tab-slider .btn-forward {
background-image: url(../images/int/about/milestones-forw.png);
right: 10px;}

#milestones .tab-slider .btn-backward {
background-image: url(../images/int/about/milestones-backw.png);
left: 10px;}

#milestones .tab-slider .disabled {
background-position: 0 -30px;
cursor: default !important;}

.js #milestones ol {
margin-left: -45px;}

#milestones ol h3 {
font-size: 1em;
color: #333;
font-weight: bold;}

.js #milestones ol h3 {
display: none;}

.js #milestones ol ul {
padding-top: 30px;
width: 104%;}

.js #milestones ol ul li {
float: left;
width: 200px;
padding-left: 45px;
height: 150px;}