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

.ublnavigation{
	width:100%;
	float:left;
	padding:0px 0px 20px 0px;
	margin:0px;
}

.ublnavigation > ul{
	width:100%;
	float:left;
	padding:0px;
	margin:0px;
}

.ublnavigation > ul > li{
	float: left;
	padding: 6px 10px;
	margin: 2px 1px 0px 1px;
	list-style-image: none;
	list-style-type: none;
	display:inline-block;
	background-color:white;
	border:1px solid #EDEDED;
	color:#999999;
}

.ublnavigation > ul > li:hover{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
}

.ublnavigation > ul > li a, .ublnavigation > ul > li a:visited, .ublnavigation > ul > li a:hover{
	color:#999999;
	text-decoration:none;
}

.ublportfolio_wrap{
	width:100%;
	float:left;
	height:100%;
	min-height:200px;
}

.projects_holder.v3 .mix {padding-right: 30px; width: 30% !important}
.projects_holder .mix .image {border: 1px solid #DDD}

.ubl_wrap{
	width:100%;
	float:left;
	position:relative;
}

.ubl_wrap img{
	width:100%;
	height:auto;
	display:block;
}

.ubl_wrap:hover > .ublitem_hover{
	display:block;
}

.ublitem_hover{
	width: 100%;
	height: 100%;
	position: absolute;
	background-color:white;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
	display:none;
	z-index:2000;
	top:0px;
	left:0px;
}

.ublitem_hover img{
	border:0px;
	width:38px;
	height:38px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-19px 0px 0px -19px;
}

.colorSel, .colorSel2 {width: 25px; height: 25px; display: inline-block}

/** Isotope Css **/
.isotope-item {
	z-index: 1;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}