::selection { background: #a4ecab; }
::-moz-selection { background: #a4ecab; }
::-webkit-selection { background: #a4ecab; }

::-webkit-input-placeholder { /* WebKit browsers */
  color: #ccc;
  font-style: italic;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #ccc;
  font-style: italic;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #ccc;
  font-style: italic;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #ccc !important;
  font-style: italic;  
}


article, aside, details, figcaption, figure, hgroup, menu, section { display: block; }
ol, ul { list-style: none; }


blockquote, q { 
    quotes: none; 
}

blockquote:before, blockquote:after, q:before, q:after { 
    content: '';
    content: none; 
}

#topbar {
    background: #4f4a41;
    padding: 10px 0 10px 0;
    text-align: center;
    height: 36px;
    overflow: hidden;
}

#topbar a {
    color: #fff;
    font-size:1.3em;
    line-height: 1.25em;
    text-decoration: none;
    opacity: 0.5;
    font-weight: bold;
}

#topbar a:hover {
    opacity: 1;
}


.clearfix p {
    display: block;
    color: #484848;
    font-size: 16px;
    line-height: 1.5em;
    margin-bottom: 22px;
}


.center { 
    display: block; 
    text-align: center; 
}




/** testimonials **/
#testimonials {
    display: block;
    width: 100%;
    position: relative;
}


#testimonials .carousel-wrap {
    display: block;
    width: 400px;
    margin: 0 auto;
    overflow: hidden;
    height: 260px;
}

#testimonials .carousel-nav {
    display: block;
    width: 100%;
    margin: 0 auto;
    position: absolute;
    top: 80px;
}

#testimonials .carousel-nav img {
    cursor: pointer;
}

#testimonials .carousel-nav img:active {
    position: relative;
    top: 1px;
}


#testimonials .carousel-wrap ul {
    display: block;
    list-style: none;
    position: relative;
    padding: 0px;
}

#testimonials .carousel-wrap ul li {
    display: block;
    float: left;
    position: relative;
    width: 400px;
}

#testimonials .carousel-wrap .context {
    font-size: 20px;
    line-height: 1.45em;
    color: #797670;
    font-style: italic;
}


/** client logos **/
#clients {
  display: block;
  margin-bottom: 15px;
}

#clients .clients-wrap {
  display: block;
  width: 700px;
  margin: 0 auto;
  overflow: hidden;
}

#clients .clients-wrap ul {
  display: block;
  list-style: none;
  position: relative;
}

#clients .clients-wrap ul li {
  display: block;
  float: left;
  position: relative;
  width: 140px;
  height: 55px;
  line-height: 55px;
  text-align: center;
}

#clients .clients-wrap ul li img {
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
  filter: alpha(opacity=65); 
  opacity: 0.65;
}

#clients .clients-wrap ul li img:hover {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100); 
  opacity: 1.0;
}



/** clearfix **/
.clearfix:after { 
    content: "."; 
    display: block; 
    clear: both; 
    visibility: hidden; 
    line-height: 0; 
    height: 0; 
}

.clearfix { 
    display: inline-block; 
}
 
html[xmlns] .clearfix { 
    display: block; 
}

* html .clearfix { 
    height: 1%;
}