@charset "utf-8";
/* 
code should be postion, top, left, width, height
only working top, left
bottom and right are not working
*/

#onebg{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#003e5c url(../images/slider1_bg.jpg) center center no-repeat;
	z-index:0;
}
#twobg{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#134a82;
	z-index:0;
}
#threebg{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#153455;
	z-index:0;
}

#one .link, #two .link, #three .link{ 
	position:absolute;
	top:75%;
	left:55px;
	width:170px;
	height:50px;
	z-index:99999;
}
#one .lefttitle, #two .lefttitle, #three .lefttitle{ 
	position: absolute;
	top: 50px;
	left: 30px;
	width: 90%;
	height: 140px;
	padding: 5px;
	text-align: left; 
	line-height: 60px; 
	text-transform: uppercase; 
	font-size: 44px;
	color: #fff;
	font-weight:bold;
	text-shadow: 1px 2px 0px rgba(15,68,104,.8);
}
#two .lefttitle{ 
	font-size: 40px;
}
#three .lefttitle{ 
	font-size: 36px;
}

#one .leftcontent, #two .leftcontent, #three .leftcontent{
	position: absolute; 
	top: 120px; 
	left: 50px;
	width: 40%; 
	height: 150px; 
	padding: 5px;
	text-align: left; 
	line-height: 30px;
	font-size: 18px;
	color: #c7d8ea;
	font-weight:normal;
}
#one .prdtitle, #two .prdtitle, #three .prdtitle{
	position: absolute; 
	top: 5px; 
	left: 59%;
	width: 38%; 
	height: 45px; 
	padding: 5px;
	text-align: center; line-height: 26px; text-transform: uppercase; font-size: 17px;
	color: #fff;
}
#one .prdtitle span, #two .prdtitle span, #three .prdtitle span{
	color:#2c8417;
	font-size:20px;
	font-weight:bold;
}
#two .products, #three .products{
	position: absolute; 
	top: 35px; 
	left: 70%; 
	width: 350px; 
	height: 350px; 
	z-index:1;
}
#two .products.prd2{
	top: 50px; 
	left: 72%;
	width: 400px; 
}
#three .products.prd1{
	top: 50px;
}
#three .products.prd3{
	width:400px;
}
#one .logos{
	position: absolute; 
	top:160px;
	left:50px;
	width:74px;
	height:74px;
}
	#one .logos.two{
		left:160px;
	}
	#one .logos.three{
		left:280px;
	}
	#one .logos.four{
		width:124px;
		left:400px;
	}
	#one .logos.five{
		width:96px;
		left:570px;
	}
	#one .logos.six{
		width:200px;
		left:710px;
	}
#one .logos-big{
	position: absolute; 
	top: 40px; 
	left: 70%; 
	width:400px;
	height:360px;
}
	#one .logos-big img{
		float:left;
		margin:15px;
	}
#two .logos, #three .logos{
	position: absolute; 
	top:20px;
	left:45%;
	width:74px;
	height:74px;
	z-index:3;
}
	#two .logos.two, #three .logos.two{
		top:110px;
	}
	#two .logos.three, #three .logos.three{
		top:200px;
	}
	#two .logos.four{
		width:100px;
		height:65px;
		top:290px;
	}
	#three .logos.four{
		top:290px;
	}
	#two .logos.five{
		width:150px;
		height:120px;
		left:51%;
		top:10px;
	}
	#three .logos.five{
		width:250px;
		height:62px;
		left:51%;
		top:300px;
	}
	#two .logos.six{
		width:200px;
		left:51%;
		top:90px;
	}
#three .logos{
	position: absolute; 
	top:20px;
	left:45%;
	width:74px;
	height:74px;
}