.clients{padding-top: 30px; padding-bottom: 320px;}

.clients .listd .client {display: block; position: relative; height: 160px; text-decoration: none; margin-bottom: 10px; border-bottom: 1px dashed #ccc;}

.clients .listd .slug{position: absolute; top:0; left: -10px; width: 1px; height: 1px;}
.clients .listd .image_back{display: block; position: absolute; top:0; left: 0;text-decoration: none; color: #333;}
.clients .listd .image_back span{display: block; position: absolute;}
.clients .listd .image{left: 0; top:5px; width: 150px; height: 150px; background: url(../images/clients/backer.png) no-repeat 50% 0;}
.clients .listd .image .the_image{position: absolute; top; width: 115px; height: 117px; top:12px; left: 17px; background: #fff no-repeat center; overflow: hidden;}
.clients .listd .image .the_image img{width: 150px; position: absolute; top:0; left: -25px;}
.clients .listd .has_case_study{width: 125px; height: 62px; position: absolute; top:8px; left: 17px; background: url(../images/clients/case-study-banner.png) no-repeat 0 -63px; text-indent: -999em;}

.clients .listd .name{top:15px; font-size: 18px; text-transform: uppercase;}
.clients .listd .desc{top:50px; font-size: 12px; line-height: 24px; color: #666;height: 70px; overflow: hidden; position: absolute;}
.clients .listd .more_desc{display: none;}
.clients .listd .desc a{color: #c00; text-decoration: underline;}
.clients .listd .name, .clients .desc{left: 170px; width: 590px;}

.clients .listd .desc a:hover{color: #900; text-decoration: none;}
.clients .listd .image_back:hover{color: #c00;}
.clients .listd .no_case_study .image_back:hover{color: #333;}
.clients .listd .image_back:hover .has_case_study{background-position: 0 0}

.clients .listd .desc .view_more{background: #c00; color: #fff;  text-decoration: none; padding: 2px 5px; cursor: pointer;}
.clients .listd .desc .view_more:hover{color: #fff; background: #f00;}

.clients form{display: block; height: 120px;position: relative; margin: 0 8px;}
.clients form .text_box{border: 5px solid #ddd; height: 50px; position: absolute; top:0; left: 0; width: 770px;}
.clients form .text_box input{display: block; position: absolute; top:10px; left: 15px; font-size: 18px; color: #999; border: 1px solid #fff;  width: 700px;}
.clients form .text_box input:hover,.clients form .text_box input:focus{color: #333;}

.clients form .arrow{width: 25px; height: 13px; background: url(../images/clients/arrowdown.jpg) no-repeat; position: absolute; top:60px; left: 55px;}

.clients form .icon{position: absolute; top:5px; right: 0; height: 50px; width: 50px;}
.clients form .icon input, .clients form .icon a{display: block; height: 44px; position: absolute; top:0; right: 0; width: 46px; background: no-repeat 50% 10px; border: 3px solid #fff; cursor: pointer; text-indent: -999em;}
.clients form .icon input:hover, .clients form .icon a:hover{border-color: #fff; background-position: 50% -39px}

.clients form .icon input{background-image:url(../images/clients/search-glass.jpg) }
.clients form .icon a{display: none;background-image:url(../images/clients/search-close.jpg) }

.clients form.currently_searching .icon input{display: none;}
.clients form.currently_searching .icon a{display: block;}

.clients form .search_shortcuts{display: block; position: absolute; top:80px; right: 15px; width: 800px; text-align: right; font-size: 11px; color: #999}
.clients form .search_shortcuts strong{color: #333; font-weight: bold;}
.clients form .search_shortcuts a{color: #c00;}
.clients form .search_shortcuts a:hover{color: #000;}

.clients .listd .single_job_page{border-bottom: none;}