@charset "utf-8";
/* CSS styles for CT home page thumbnail ads - just below slideshow */

.hovereffect {
  width: 262px;
  height: 243px;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  background-color: rgba(75,75,75,0.0);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.hovereffect:hover .overlay {
  /*background-color: rgba(48, 152, 157, 0.7);*/
	background: rgba(230, 230, 230, 0.6);
}

.hovereffect img {
  display: block;
  position: relative;
	margin: 0 auto;
}

.hovereffect h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 17px;
  padding: 10px;
  /*background: rgba(0, 0, 0, 0.6);*/
  background: rgba(130, 0, 0, 0.8);
/*  -webkit-transform: translateY(45px);
  -ms-transform: translateY(45px);
  transform: translateY(45px);*/
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out, background-color 1.0s;
	background: rgba(40, 74, 125, 1.0) !important;
	border-bottom: 3px solid lightsteelblue;
}




.hovereffect:hover h2 {
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
	background-color: #FF5400;
}

.hovereffect a.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  /*text-transform: uppercase;*/
  color: #000;
  border: 2px solid #fff;
  background-color: transparent;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  font-weight: bold;
  margin: 10px;
  padding: 10px;
  /*width: 230px;*/
  height: 170px;
  line-height: 18px;
  text-shadow: 3px 3px 3px rgba(255, 255, 255, 1);
}

.hovereffect:hover a.info {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.hovereffect a.info:hover {
  box-shadow: 0 0 5px #fff;
}
	
	
	
.colstyling {
	padding-top: 6px;
position:relative;
background-color:#d3deea;
/* IE10 Consumer Preview */ 
/*background-image: -ms-linear-gradient(top, #c5834f 0%, #d3deea 100%);*/
background-image: -ms-linear-gradient(top, #d3deea 0%, #f8f2e5 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #d3deea 0%, #f8f2e5 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #d3deea 0%, #f8f2e5 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0,     #d3deea), color-stop(1, #f8f2e5));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #d3deea 0%, #f8f2e5 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #d3deea 0%, #f8f2e5 100%);

/*border: 1px solid #fff;*/
-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}

.colstyling {
text-align:center;
	width: 262px;
}