/*--------------------------
GLOBAL
---------------------------*/
html { overflow-y:scroll;  }

a img {border: 0;}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	border:1px solid #888;
	margin-bottom:20px;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.aligncenter{ text-align:center; }
.alignleft{ text-align:left; }
.alignright{ text-align:right; }

blockquote{ font-family: 'Open Sans', sans-serif; font-style:italic; background:url(../images/quote_left.png) no-repeat left .4em; margin-bottom:30px; }
blockquote p{ color:#; padding-left:26px; font-size:1.4em; line-height:1.5em; }
blockquote p cite{ font-style:italic; color:#9e9e9e; }

#services .columns .excerpt{ float:right; width:74%; }
#services .columns .img{ float:left; }
#services .columns .img img{ max-width:100%; }







/*--------------------------
LAYOUT
---------------------------*/
 

#filters{ padding:0; margin:0 0 20px -10px;}
#filters li{ list-style:none; display:inline; padding:0 10px 0 0; color:#999; }
#filters li a{ padding:0 0 0 10px; text-decoration:none; font-size:17px; }
#filters li a.selected{ color:#000; text-decoration:none;}

#works-container{ margin-left:-6px; width:106%; float:left; }
#works-container .element {
	margin: 6px;
	float: left;
	overflow: hidden;
	position: relative;
	width: 295px;
	height: 295px;
}
#works-container .element2 {
	margin: 16px;
	float: left;
	overflow: hidden;
	position: relative;
	width: 289px;
	height: 289px;	
}

/* Start: Recommended Isotope styles */




/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

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

/**** Isotope CSS3 transitions ****/

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

.isotope {
  -webkit-transition-property: height, width;
     -moz-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;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

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

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
       -o-transition: none;
          transition: none;
}