.tabs {
	min-width:300px;
  border:1px solid #ccc;
  display:inline-block;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%); }
  .tab-content p{font-size:12px !important; line-height:16px !important; font-weight:normal; color:#313131; }
  .tab-content ul{ margin:0; padding:0 10px;}
  .tab-content ul li{ border-bottom:1px solid #ccc; padding:5px 0 5px 15px; background:url(../images/arrow.png) no-repeat 0 8px; line-height:16px; list-style:none; float:left; font-size:12px; width:100%;}
  .tab-content ul li span.news{ display: inline-block;
    float: left;
    text-align: left;
    vertical-align: top;
    width: 70%;}
	.tab-content ul li span.date{ display: inline-block;
    text-align: right;
    width: 25%;}
  @media (max-width: 800px) {
    .tabs {
      margin: 4% auto;
	  display:inline-block;
	  
	  } }

/*=======================================
  TAB NAVIGATION
========================================*/
.tabs-nav ul {
  margin: 0;
  padding: 0; background:#f7f7f7; }
.tabs-nav li {
	border-right:1px solid #ccc;
  padding:8px;
  display: inline-block;
  /* For normal, healthy browsers */
  /*white-space: nowrap;*/
  *display: inline;
  zoom: 1;
  font-size: 14px;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  margin-left: -4px;
  margin-bottom: 0;
  border-right: 1px solid #E9E9E9;
  border-bottom: 1px solid #E9E9E9;
  background-color: #F7F7F7;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  * html .tabs-nav li {
    /* for IE6 */
    display: inline; }
  * + html .tabs-nav li {
    /* for IE7 */
    display: inline; }
  .tabs-nav li:hover {
    color: #945b02;
    background-color: #fff; }
  .tabs-nav li:first-child {
    margin-left: 0;
    border-left: 0; }
  .tabs-nav li:last-child {
    border-right: 0;
    border-left: 0; }
@media (max-width: 800px) {
  .tabs-nav li {
    width: 33.34%;
    padding: 0; } }

/*=======================================
  TAB CONTENT
========================================*/
.tab-container {


  background-color: #fff; }

/*=======================================
  TAGLINE
========================================*/
.tagline {
  position: relative;
  margin-bottom: 6%; }
  .tagline:after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 0;
    height: 5px;
    width: 105px;
    background-color: #edbdc8; }
  @media (max-width: 700px) {
    .tagline {
      margin-bottom: 8%; } }
  @media (max-width: 500px) {
    .tagline {
      margin-bottom: 12%; } }
	  .tabs-nav li.active {
    background-color: #fff;
    border-bottom: 1px solid #fff;
    color: #006bcb;
}