/* CSS Document */

/* Font-face Icons */


*{margin:0px; padding:0px;}
.clear{clear:both;}
h1, h3, h4, h5 {
    font-weight: normal;
    line-height: 1.4;
    text-transform: uppercase;  
}
h2{font-size: 18px; font-family:ConversationMedium; line-height: 1.4; text-transform:uppercase; font-weight:normal;border-bottom: dotted 2px #FA9114;}
body{
	font:normal 13px/18px Arial, Helvetica, sans-serif;
	color:#4d4f53;
	
}
a{text-decoration:none;
transition: color 0.4s;
-moz-transition: color 0.4s;
-webkit-transition: color 0.4s;
-o-transition: color 0.4s;
-ms-transition: color 0.4s;

transition: background-color 0.9s;
-moz-transition: background-color 0.9s;
-webkit-transition: background-color 0.9s;
-o-transition: background-color 0.9s;
-ms-transition: background-color 0.9s;
cursor:pointer;
}

/*home feature*/

.feature {list-style:none; margin-top:20px; min-height:210px; margin-bottom: 40px;}
.feature li{list-style:none; float:left; width:300px; height:220px;  position:relative; margin-right:5px; overflow:hidden;}
.feature li img{ width:100%;}
.feature li.last{margin-right:0px;}
.feature li .caption {
	position: absolute;
	  bottom: -180px;
	  padding: 10px;
	  left: 0px;
	  width: 280px;
	  background: rgba(239, 255, 190, 0.8);
	  color: #FFF;
	  font-size: 32px;
	  height: 210px;
	  font-weight: 300;
	  cursor: pointer;
	  transition: all 0.6s;
	  -moz-transition: all 0.6s;
	  -webkit-transition: all 0.6s;
	  -o-transition: all 0.6s;
	  -ms-transition: all 0.6s;
}
.feature li .caption p{padding-top:10px;}
.feature li:hover .caption {bottom:0px;}
.feature li .caption h2,.feature li .caption h2 a{background:none; color:#4f5800; font-size:20px;}
.feature li .caption p a {color:#2f3500;margin-top: 50px; font-size:16px;}
.feature li .readmore{
  float:right;
  background:#6c7a0a;
  color:#ffffff;
  font-size: 13px;
  padding: 5px 10px;
}
.feature li .readmore:hover{
  background:#9AAB1F;
}

/*end feature*/