#aten_projects{font-size: 14px;}

/*single page */

#aten-left, #aten-right{float: left ;margin-top:20px;}
#aten-left{width: 65% ;padding-right:2%;border-right:1px solid #ccc;}
#aten-right{width: 30% ;padding-left:2%;}
#loadarea2{float: left;width:480px;height: 310px;overflow: hidden }
#loadarea2 img {width: auto;
margin: 0 auto;
display: table-caption;
height: 310px;}
#side-images img
{height:100px;
max-width: 150px;
display: table-caption;
float: none;
margin: 0 auto 10px auto;}

#side-images {margin-top: -5px;
float: left;
width: 178px;
height: 310px;overflow-y: scroll;
overflow-x:hidden;}

#side-images a{width:170px;overflow: hidden;float: left;}

/* cat page*/

.aten_row{float: left;
padding-bottom: 10px;
padding-top:30px;
border-top: 1px solid #ccc;}

.aten_row img{margin: 0 auto ;max-height:260px;width:auto;max-width:300px;display: table-caption;}

#project-1 {border-top:none;}

#aten-left-cat{float: left;
width:300px;}

#aten-right-cat{
float: left;
width:320px;
margin-left: 30px;}

.aten_projects h3 {float: left;
width: 100%;
text-align: center;
padding: 0;}
.come-in {
  transform: translateY(150px);
  animation: come-in 0.8s ease forwards;
}
.come-in:nth-child(odd) {
  animation-duration: 0.6s; /* So they look staggered */
}

@keyframes come-in {
  to { transform: translateY(0); }
}

#aten_navigation{float:left;border-top:1px solid #ccc;}
.home .aten_projects a {color:#fff;text-align:center;font-size: 26px !important;font-weight: normal;font-family: 'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic, 'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic, TexGyreAdvenNorm, sans-serif !important;}
.home .aten_projects{float: left;
padding: 0;
width: 100%}
.home #post-1, .home #post-3{padding-left: 0 !important;}
.home #post-2, .home #post-4{padding-right: 0 !important;}
.home #post-3, .home #post-4{padding-top: 20px;padding-bottom: 30px;}
#proj-block{float: left ;width: 25%;}
#slider.flexslider{background: #FFF url(http://headland.uk.com/wp-includes/js/thickbox/loadingAnimation.gif) center center no-repeat !important;min-height: 80px;
}
#box    {  width: 100%;
height: 280px;
           
  background-size:cover;
overflow:hidden;}

#overlay    {  background:rgba(0,0,0,.75);
               text-align:center;
               padding:45px 0 66px 0;
               opacity:0;
               -webkit-transition: opacity .25s ease;
-moz-transition: opacity .25s ease;}

#box:hover #overlay {
               opacity:1;}

#plus       {  font-family:Helvetica;
               font-weight:900;
               color:rgba(0,0,0,0);
               font-size:96px;}

               #projects{float: left;
background: #fff;margin-bottom: 20px;}

.hid6 #box{margin:0 !Important;}