#feature {
  float:left;
  background-image: url('images/feature.png');
  width:920px;
  height:320px;
}

#rightFeature {
  float:left;
  width:237px;
  height:250px;
  margin-top:30px;
  border-left:3px solid #cccccc;
  padding-left:10px;
}
.button {
  margin: 0px 0 0 28px;
}

.sliderPost {
  position:absolute;
  left:0;
  top:0;
  background-color:#fff;
}
.sliderPost p {
  width:360px;
  float:left;
  padding:20px;
}
.thumb {
  width: 200px;
  height: 200px;
  margin:0;
  float:left;
}

#slider {
  float:left;
  width: 620px; /* important to be same as image width */
  height: 300px; /* important to be same as image height */
  position: relative; /* important */
  overflow: hidden; /* important */
  margin:10px 20px 0 20px;
}
#slider ul {
  list-style:none;
}
#sliderContent {
  width: 630px; /* important to be same as image width or wider */
  position: absolute; /* important */
  top: 0; /* important */
  margin-left: 0; /* important */
}

.sliderImage {
  float: right; /* important */
  display: none; /* important */
  margin-top:25px;
}

.sliderImage span {
  position: absolute; /* important */
  left: 0;
  font-family: Georgia, serif;
  font-size: 17px;
  font-style: italic;
  line-height: 1.4em;
  padding: 20px 13px;
  width: 390px;
  /*background-color: #000;
  /*filter: alpha(opacity=70); /* here you can set the opacity of box with text 
  -moz-opacity: 0.7; /* here you can set the opacity of box with text */
  /*-khtml-opacity: 0.7; /* here you can set the opacity of box with text 
  opacity: 0.7; /* here you can set the opacity of box with text */
  color: #444;
  display: none; /* important */
  top: 0;

  /*
      if you put
      top: 0; -> the box with text will be shown at the top of the image
      if you put
      bottom: 0; -> the box with text will be shown at the bottom of the image
  */

}
.sliderImage h1{
  font-family: Helvetica, Arial, sans-serif;
  font-size: 30px;
  text-transform:capitalize;
  font-style:normal;
  letter-spacing:-2px;
  line-height:1.4em;
}
.sliderImage h2 {
  padding:5px 0;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: bolder;
  letter-spacing: -1px;
  line-height: 1.2em;
  text-transform:capitalize;
}
.featureMore {
  text-align:center;
}