@charset "utf-8";

.gallery { 
	overflow: hidden; clear:both; 
	margin:2em auto 1em 10px;
}


.gallery .clear {
	height: 100px;
}



/*
a.gal img:hover{	
	background: rgba(0, 0, 0, 0.6);	
	filter: alpha(opacity=70); opacity: 0.7;
    -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s; 
}
*/

/*
a.gal .curtain:before {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	margin: -25px 0 0 -25px;
	width: 50px;
	height: 50px;
	content: "";	
	 background: url(../images/zoom.png) no-repeat scroll 0 0 transparent;
}

a.gal:hover .curtain {
	filter: alpha(opacity=100);
	opacity: 1;	
	background: rgba(0, 0, 0, 0.6);	  
	 -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s; 
   
   -moz-border-radius:0 15px;
	-webkit-border-radius:0 15px 0 15px;
	border-radius:0 15px 0 15px;
}
*/




.gallery  a.btn {
	margin-top: 38px;
}
/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/
/*
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}
*/
.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11 {
  position: relative;
}
.gallery a .grid_3{ 
	 min-height:200px; border-radius:0 20px 0 20px;  -moz-border-radius:0 20px 0 20px;	-webkit-border-radius:0 20px 0 20px;  }

.gallery a{
	width:31%;
	 display: inline;  float: left;  margin:0 20px 20px 11px;  
}
.gallery a:nth-child{3}{ margin:0 0px 20px 11px;   }



.gallery a .grid_3:hover {		
	filter: alpha(opacity=100);
	opacity: 1;	
	 transition: all .6s;
	-o-transition: all .6s;
	-webkit-transition: all .6s;		
}
.gallery a .grid_3 img{ display:none} 
.gallery a .grid_3.color1{ background-color: #027774  ; border:4px solid  #5ab0ae;  } 
.gallery a .grid_3.color2{ background-color: #8dbb2b; border:4px solid #b1d06c;  }
.gallery a .grid_3.color3{ background-color: #0aa995; border:4px solid #70d8cb;  } 
.gallery a .grid_3.color4{ background-color: #3477bc  ; border:4px solid  #6aa5e1;  } 
.gallery a .grid_3.color5{ background-color: #DF9C36   ; border:4px solid #FFBF6C;  }  
.gallery a .grid_3.color6{ background-color: #b64f4f  ; border:4px solid #e8a5a5;  } 
.gallery a .grid_3.color7{ background-color: #725592 ; border:4px solid #bea6d4;  } 

.gallery a:hover .grid_3.color1{ background: #027774; border:4px solid  #027774;  } 
.gallery a:hover .grid_3.color2{ background-color: #9ec20f; border:4px solid #9ec20f;  } 
.gallery a:hover .grid_3.color3{ background-color: #0aa995; border:4px solid #0aa995;} 
.gallery a:hover .grid_3.color4{ background: #1d5c9d; border:4px solid  #1d5c9d;  } 
.gallery a:hover .grid_3.color5{ background-color: #b67101   ; border:4px solid #b67101;  } 
.gallery a:hover .grid_3.color6{ background-color: #b64f4f   ; border:4px solid #b64f4f;  } 
.gallery a:hover .grid_3.color7{ background: #4f3073; border:4px solid  #4f3073;  } 



.gallery .grid_3 a ul.list li a, .gallery  a .grid_3 p{ color:#FFF; line-height:1.6em; margin:0 !important;  font-size:1.2em; }
.gallery  a:hover .grid_3 p{  text-shadow: 0 1px 2px #000 !important;}
.gallery a .grid_3 p{padding: 10px;height: 150px; overflow: hidden;   }
.gallery a .grid_3 ul.list, .gallery a .grid_3 .text, .gallery .grid_3 a p{ min-height:200px;}
.gallery a .grid_3 ul.list, .gallery a .grid_3 ul.list, .gallery a .grid_3  p{color:#fff;}
.gallery a .grid_3 ul.list li { background:url(../images/arrow.gif) no-repeat 0px 6px; padding:0 0 0 15px; margin:0;  }
.gallery  a h3 { color:#333; margin:0 10px;   font-size:1em;font-weight:bold; line-height:1.5em; text-align:left; display:block; }

/* Initial state (hidden or anything else) */

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after,
.container_12:before,
.container_12:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.clearfix:after,
.container_12:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix,
.container_12 {
  zoom: 1;
}