@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------------------
[General Stylesheet for Portfolio]

Project:	FAJAR
Version:	1.0
Last change:	Initial RELEASED 
Primary use:	Portfolio
-------------------------------------------------------------------*/



/*  ---------------------------------------------------------------
    general style
    --------------------------------------------------------------- */

/* apply a natural box layout model to all elements  - http://www.paulirish.com/2012/box-sizing-border-box-ftw/*/
*,:after,:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

:focus {
    outline: 0;
}

::-moz-focus-inner {
    padding: 0;
    border: 0;
}

body,html {
    width: 100%;
    min-height: 100%;
}

.wrapper {
    width: 100%;
    max-width: none;
    margin: 0 auto;
}
/*----------------------------------------------------*/
/*	Customers
/*----------------------------------------------------*/
.customers {float:left;width:100%;padding:50px 5% 30px 5%;}
.customers li {
	position:relative;
	float:left;
	width:25%;
	text-align:center;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}
.customers li img {max-width:80%;}
.customers li .over {opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;border:10px solid #eee;z-index:3;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.customers li:hover > .over {opacity:1;}
.noa p{
}
.bloa{
	line-height: 30px;
	font-weight: bold;
}
#vers a {
	color:#333;
}