#container-fluid{
	width:100%;
	background-image:url(../images/content_opc_bg.png);
	background-repeat:repeat;
	min-height:525px;
}

#container {
    width:1100px;
	margin:0px auto;
	padding:50px 0px;
	overflow: hidden;
}
#mid_container img {
    display: block;
    height: auto;
    max-width: 100%;
}
/* Columns shortcode
----------------------------------------------------------------------------------------------------*/
.fullwidth {
	width:100%;
	float:left;
}
.one-half {
	width:48.10%;
	float:left;
	margin-right:3.80%;
	margin-bottom:20px;
}
.one-half-last {
	width:48.10%;
	float:right;
	margin-bottom:20px;
}
.one-third {
	width:30.80%;
	float:left;
	margin-right:3.80%;
	margin-bottom:20px;
}

.one-third-last {
	width:30.80%;
	float:right;
	margin-bottom:20px;
}
.two-third {
	width:65.40%;
	float:left;
}
.two-third-last {
	width:65.40%;
	float:right;
}
.one-fourth {
	width:22.15%;
	float:left;
	margin-right:3.80%;
}
.one-fourth-last {
	width:22.15%;
	float:right;
}
.three-fourth {
	width:74.05%;
	float:left;
	margin-right:3.80%;
}
.three-fourth-last {
	width:74.05%;
	float:right;
}
.one-fifth {
	width:16.96%;
	float:left;
	margin-right:3.80%;
}
.one-fifth-last {
	width:16.96%;
	float:right;
	margin-bottom:20px;
}
.four-fifth {
	width:79.240%;
	float:left;
	margin-right:3.80%;
}
.four-fifth-last {
	width:79.240%;
	float:right;
}
* html .clearfix {
} /* IE6 */
*:first-child+html .clearfix {
} /* IE7 */
/* clearfix */

.clear {
	clear:both;
	display:block;
	height:0px;
	width:100%;
	visibility:hidden;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.slideOutUp1 {
    width: 100%;
    color: #019704;
    position: relative;
    -webkit-animation: mymove 5s infinite;  /* Chrome, Safari, Opera */
    -webkit-animation-timing-function: linear;  /* Chrome, Safari, Opera */
    animation: mymove 4s infinite;
    animation-timing-function: linear;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
    from {left: 150px;}
    to {left: 0px;}
}

@keyframes mymove {
    from {left: 150px;}
    to {left: 0px;}
}

.slideOutUp {
    width: 100%;
	color: white;
	text-shadow: 5px 5px 6px #000000;
}
   
.h-150{
	height:150px
}   


     
.slidenew {
    width: 1130px;
	text-shadow: 4px 4px 6px #000000;
    height: 40px;
	left:150px;
	font-size:30px;
    color: #00ea7e;
    position: relative;
    -webkit-animation-name: example; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 4s; /* Chrome, Safari, Opera */
    animation-name: example;
    animation-duration: 4s;
animation-timing-function: steps !important;
-webkit-animation-timing-function: steps !important;  /* Chrome, Safari, Opera */ 
animation-iteration-count: infinite;
    
}

/* Chrome, Safari, Opera */
@-webkit-keyframes example {
    0%   {color:#00ea7e; left:0px; top:0px;}
    25%  {color:yellow; left:150px; top:0px;}
    50%  {color:blue; left:150px; top:150px;}
    75%  {color:green; left:0px; top:150px;}
    100% {color:#00ea7e; left:0px; top:0px;}
}

/* Standard syntax */
@keyframes example {
    0%   {color:white; left:0px; top:0px; opacity: 0;}
    10%  {color:#yellow; left:50px; top:0px; opacity: 1; } 
	 
	90%   {color:yellow; left:150px; top:0px; opacity: 1;}
    100%  {color:white; left:200px; top:0px; opacity: 0; } 
	
	 
     
     
}