/*
 * Color, Border, and Button Rules
 */
 
 @font-face {
	font-family: droid_sansregular;
	src: url('new_font/DroidSans.ttf');
}
.contentslider {
  /*padding:10px;*/ /* This acts as a border for the content slider */
  /*background:#333; */
  background:url("images/texst-bg.png") no-repeat scroll 0 0 transparent;
   margin: 0 0 0 6px;
    padding: 17px 16px 48px 18px;
    position: relative;
}
.cs_wrapper, .cs_article {
  background:#FFF; /* Background color for the entries */
}
.cs_leftBtn, .cs_rightBtn {
  width:30px; /* Should be as wide as the button graphic being used */
   /* This will probably match the contentslider bg color */
}

/*
 * Article styles (font, color, etc.)
 *
 * If textResize is set to TRUE, sizing shouldn't need to be touched. However,
 * depending on the sizes you have defined, additional tweaking may be
 * required in order to get the text to display properly.
 */
.cs_article h2 {
  font-size:200%;
  line-height:1.125em;
}
  .cs_article h2 a {
    color:#333;
    text-decoration:none;
  }
.cs_article p {
  font-size:85%;
  line-height:1.5em;
  color:#777;
}
.cs_article .readmore {
  font-size:80%;
}

/*
 ******************************************************************************
 * These styles may be affected by the plugin, so avoid changing them if 
 * it's not absolutely necessary.
 ******************************************************************************
 */
.contentslider {
  position:relative;
  display:block;
  width:900px;
  height:400px;
  margin:0 auto;
  /*overflow:hidden;*/
}
.cs_wrapper {
  position:relative;
  display:block;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  overflow:hidden;
}
.cs_slider {
  position:absolute;
  width:10000px;
  height:100%;
  margin:0;
  padding:0;
}
.cs_article {
  float:left;
  position:relative;
  top:0;
  left:0;
  display:block;
  width:200px;
  height:200px;
  margin:0 auto;
  padding:0;
}
.cs_article h2 {
  display:block;
  width:26%;

  text-align:left;
}
.cs_article img {
 
  top:0;
  left:0;
 
  border:0;
  -ms-interpolation-mode:bicubic;
}
.cs_article p {
  display:block;
  width:100%;
  
  padding:0;
  border:0;
}
.cs_article .readmore {
  display:block;
  width:36%;
  margin:0 6% 1% 62%;
  text-align:right;
}
.cs_leftBtn, .cs_rightBtn {
  position:absolute;
  top:0;
  height:330px;
  padding:10px 0;
  z-index:10000;
}
.cs_leftBtn {
  left:-12px;
  outline:0;
}
.cs_rightBtn {
  right:-12px;
  outline:0;
}
.cs_leftBtn img, .cs_rightBtn img {
  border:0;
  position:relative;
  top:200px;
  margin:0;
}

.cs_article a img{
	 background: url("images/image-bg2.png") no-repeat scroll 0 0 transparent;
    padding: 12px 25px 11px 22px;
	max-width:85px;
	max-height:67px;
}

.cs_article a.readmore{
	color: #75635B;
    display: block;
    float: left;
    font-family: 'droid_sansregular';
    font-size: 12px;
    margin-right: 7px;
    text-decoration: none;
    z-index: 999;
	font-weight:normal;
}
.cs_article p{
	color: #75635B;
    font-family: 'droid_sansregular';
    font-size: 13px;
    line-height: 20px;
    padding: 0px 0 12px 2px;
    text-align: justify;
	margin-bottom:0 !important;
	width:190px;
	height:115px;
	font-weight:normal;
}