@charset "utf-8";
/* CSS Document */

body{
	font-family: Verdana, Arial, Helvetica, "Helvetica Neue",sans-serif, Gotham; 
}

/* IE10 */
.ie10 {  
   /* === greenlink === */
a.greenlink:link, a.greenlink:active, a.greenlink:visited {
	font-family: Arial;
	font-size:0.93em;
	color: #ddd !important;
	text-decoration:none !important;
	font-weight:normal;
}

a.greenlink:hover{
	font-family: Arial;
	font-size:0.5em;
	color: #888 !important;
	text-decoration:none !important;
	font-weight:normal;
}

.navigation ul li a:link, a:active, a:visited{
	font-size:0.95em;
	color: #fff !important
	font-weight:normal;
}
.navigation ul li a:hover{
	font-size:0.95em;	
	color: #a8dca4 !important;
	font-weight:normal;
}
 
} 

/* Firefox */
@-moz-document url-prefix()
{
 	a.greenlink:link, a.greenlink:active, a.greenlink:visited {
	color: #50b948 !important;
	text-decoration:none !important;
	font-weight:bold;
}

a.greenlink:hover{
	color: #888 !important;
	text-decoration:none !important;
	font-weight:bold;
}

.navigation ul li a:link, a:active, a:visited{
	color: #fff !important;
	font-weight:bold;
}
	
.navigation ul li a:hover{
	color: #a8dca4 !important;
	font-weight:bold;	
}

}

.container{
	width:1024px;
	margin:auto;
	border:#dfdfdf solid 1px;
}


.header{
	height: 200px;
	clear:both;
}

.logo{
	width: 241PX;
	height:191px;
	float:left;
}
/* ============ navigation ============= */

.navigation{
	font-family: Arial;
	font-size:0.95em;
	font-weight:bold;
	float: right;
	height: 20px;
	margin-top:125px;
}

.navigation li{
	float: left;
	font-size:0.95em;	
	height: 30px;
	width:85px;
	padding-right:25px;
	list-style:none;
	font-weight:800;
	font-size:0.9em;
}

/* === greenlink === */
a.greenlink:link, a.greenlink:active, a.greenlink:visited {
	color: #50b948 !important;
	text-decoration:none !important;
}

a.greenlink:hover{
	color: #888 !important;
	text-decoration:none !important;
}


.navigation li a:link, a:active, a:visited{
	color: #50b948 !important;
	text-decoration:none !important;
}

.navigation li a:hover{
	color: #888 !important;
	text-decoration:none !important;
}

.navigation a{
	color: #50b948;
	text-decoration:none;
}

.navigation a:hover{
	color: #888;
}

/* ==== dropdown ===== */
.navigation ul {
	left:-45px;
	opacity: 0;
	filter: alpha(opacity=0);
	position:relative;
	display:block;
	clear:both;
	width: 500px;
}

.navigation ul li{
	margin-top:-10px;
	padding:10px;
	padding-bottom:15px;
	float:left;
	color: #fff;
	width:auto;
	padding-right: 20px;
	background-color: #50b948;
	height:15px;
}

.navigation ul li a:link, a:active, a:visited{
	color: #fff !important;
}
.navigation ul li a:hover{
	color: #a8dca4 !important;
}

/* === display dropdown === */

.navigation li:hover ul{
	opacity: 1;
	filter: alpha(opacity=100);
	left: -45px;
	
	-webkit-transition: opacity 0.5s ease-in-out !important;		
	-moz-transition: opacity 0.5s ease-in-out !important;
  	-o-transition: opacity 0.5s ease-in-out !important;
  	transition: opacity 0.5s ease-in-out !important;
}

/* ===== main body ==== */

.main_content{
	clear:both;
	width:1024px;
	height:520px;
}

.top_images{
	width:1024px;
	height:79px;
	clear:both;
	background:url(image/top_image.jpg) top left no-repeat;
}

/* === left section === */

.info_left p{
	font-size: 0.8em;
	line-height:1.5em;
}

.info_left{
	padding-left: 50px;
	width:478px;
	float:left;
	font-size: 0.9em;
}

.info_left h1{
	font-family: Arial;
	font-weight:bold;
	font-size:2em;
	color: #50b948;
	margin-top:30px;
	margin-bottom:20px;
}

.info_left h2{
	font-family: Arial;
	font-weight:bold;
	font-size:1.3em;
	color: #000;
	margin-top:30px;
	margin-bottom:20px;
}

.info_leftB{
	padding-left: 50px;
	width:586px;
	float:left;
	font-size: 0.9em;
}

.info_leftB h1{
	font-family: Arial;
	font-weight:bold;
	font-size:2em;
	color: #50b948;
	margin-top:30px;
	margin-bottom:20px;
}

.info_leftB h3{
	font-family: Arial;
	font-weight:bold;
	font-size:1.7em;
	color: #50b948;
	margin-top:20px;
	margin-bottom:10px;
}

.info_right{
	margin-left: 50px;
	margin-top:41px;
	width:439px;
	float:right;
	font-size: 0.9em;
	background-color:#EBF7EA;
}

.info_rightB{
	margin-left: 50px;
	margin-top:120px;
	padding:15px 15px 15px 40px;
	width:268px;
	height:108px;
	float:right;
	font-size: 0.9em;
	background-color:#EBF7EA;
	/*background-color:#50b948;*/
	color: #50b948;
	z-index:10;
}

/* whitelink */

a.white:link, a.white:visited, a.white:active{
	color: #50b948 !important;
	text-decoration:underline !important;
}

a.white:hover{
	color:#50b948 !important;
	text-decoration:none !important;
}

#mytruck{
	background:url(image/truck.png) top left no-repeat;
	width:490px;
	height:191px;
	float:right;
	position:relative;
	top:300px;
	
	animation: truck 1.5s;
	transition-timing-function:ease-in-out;
	-webkit-animation: truck 1.5s;
	-webkit-transition-timing-function:ease-in-out;
}

@keyframes truck
{
	0%   {top: 300px; left: 700px;}
	100% {top: 300px; left: 0px;}
}

@-webkit-keyframes truck
{
	0%   {top: 300px; left: 700px;}
	100% {top: 300px; left: 0px;}
}

/* === services section === */

.mywidth{
	width:250px;
	z-index:20;
	position:relative;
	top:0px;
}

.mybackground{
	background-color:#DAF1DA;
}

#services_bg{
	width:534px;
	height:350px;
	position:relative;
	z-index:1;
	top:-844px;
	left: 245px;
	background:url(image/services_shape.png) top left no-repeat;
	opacity: 0.5;
	filter: alpha(opacity=50);
	
	-webkit-transition: opacity 0.8s ease-in-out;		
	-moz-transition: opacity 0.8s ease-in-out;
  	-o-transition: opacity 0.8s ease-in-out;
  	transition: opacity 0.8s ease-in-out;
}

#consolidate_button{
	width:234px;
	height:68px;
	z-index:6;
	position:relative;
	background:url(image/consolidate_butt.png) top left no-repeat;
	top:-496px;
	left:150px;
	cursor:pointer;
}

	#consolidate_text{
		width:309px;
		height:213px;
		z-index:2;
		position:relative;
		background:url(image/consolidate_text.png) top left no-repeat;
		top:-566px;
		left:10px;
		
	opacity: 0;
	filter: alpha(opacity=0);
	
	-webkit-transition: opacity 0.3s ease-in-out;		
	-moz-transition: opacity 0.3s ease-in-out;
  	-o-transition: opacity 0.3s ease-in-out;
  	transition: opacity 0.3s ease-in-out;
	}

#source_button{
	width:234px;
	height:68px;
	z-index:7;
	position:relative;
	background:url(image/source_butt.png) top left no-repeat;
	top:-93px;
	left:240px;
	cursor:pointer;
}

	#source_text{
		width:394px;
		height:140px;
		z-index:3;
		position:relative;
		background:url(image/source_text.png) top left no-repeat;
		top:-186px;
		left:15px;
		
	opacity: 0;
	filter: alpha(opacity=0);
	
	-webkit-transition: opacity 0.3s ease-in-out;		
	-moz-transition: opacity 0.3s ease-in-out;
  	-o-transition: opacity 0.3s ease-in-out;
  	transition: opacity 0.3s ease-in-out;
	}

#solve_button{
	width:172px;
	height:71px;
	z-index:8;
	position:relative;
	background:url(image/solve_butt.png) top left no-repeat;
	top:109px;
	left:550px;
	cursor:pointer;
}

	#solve_text{
		width:360px;
		height:135px;
		z-index:4;
		position:relative;
		background:url(image/solve_text.png) top left no-repeat;
		top:35px;
		left:635px;
		
	opacity: 0;
	filter: alpha(opacity=0);
	
	-webkit-transition: opacity 0.3s ease-in-out;		
	-moz-transition: opacity 0.3s ease-in-out;
  	-o-transition: opacity 0.3s ease-in-out;
  	transition: opacity 0.3s ease-in-out;
	}

#distribute_button{
	width:203px;
	height:63px;
	z-index:10;
	position:relative;
	background:url(image/distribute_butt.png) top left no-repeat;
	top:97px;
	left:600px;
	cursor:pointer;
}

	#distribute_text{
		width:299px;
		height:151px;
		z-index:5;
		position:relative;
		background:url(image/distribute_text.png) top left no-repeat;
		top:33px;
		left:678px;
		
	opacity: 0;
	filter: alpha(opacity=0);
	
	-webkit-transition: opacity 0.3s ease-in-out;		
	-moz-transition: opacity 0.3s ease-in-out;
  	-o-transition: opacity 0.3s ease-in-out;
  	transition: opacity 0.3s ease-in-out;
	}

/* hover states */


/*consolidate*/
#consolidate_button:hover ~ #services_bg{
	opacity: 1;
	filter: alpha(opacity=100);
}

#consolidate_button:hover ~ #consolidate_text{
	opacity: 1;
	filter: alpha(opacity=100);
}

/*source*/
#source_button:hover ~ #services_bg{
	opacity: 1;
	filter: alpha(opacity=100);
}

#source_button:hover ~ #source_text{
	opacity: 1;
	filter: alpha(opacity=100);
}

/*solve*/
#solve_button:hover ~ #services_bg{
	opacity: 1;
	filter: alpha(opacity=100);
}

#solve_button:hover ~ #solve_text{
	opacity: 1;
	filter: alpha(opacity=100);
}

/*distribute*/
#distribute_button:hover ~ #services_bg{
	opacity: 1;
	filter: alpha(opacity=100);
}

#distribute_button:hover ~ #distribute_text{
	opacity: 1;
	filter: alpha(opacity=100);
}


/* === footer === */

.footer{
	clear:both;
	height:20px;
	padding:15px;
	color: #50b948;
	font-size:0.7em;
	padding-left:50px;
}