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

.one{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:0;
}
#twobg{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:0;
}
.one .link, #two .link{ 
	position:absolute;
	top:75%;
	left:55px;
	width:170px;
	height:50px;
	z-index:99999;
}
.one .lefttitle, #two .lefttitle{ 
	position: absolute;
	top: 20px;
	left: 30px;
	width: 96%;
	height: 45px;
	padding: 5px;
	text-align: left; line-height: 40px; text-transform: uppercase; font-size: 32px;
	color: #391919;
	font-weight:bold;
}
#two .lefttitle{ 
	color:#eb3d3d;
}

.one .leftcontent, #two .leftcontent{
	position: absolute; 
	top: 110px; 
	left: 50px;
	width: 60%; 
	height: 150px; 
	padding: 5px;
	text-align: left; 
	line-height: 34px;
	font-size: 26px;
	color: #453a3a;
        font-variant: small-caps;
}
.one .leftcontent, #two .leftcontent ul{
    padding-left: 100px;
}
.one .prdtitle, #two .prdtitle{
	position: absolute; 
	top: 5px; 
	left: 53%;
	width: 40%; 
	height: 45px; 
	padding: 5px;
	text-align: right; line-height: 26px; text-transform: uppercase; font-size: 17px;
	color: #fff;
}
.one .prdtitle span, #two .prdtitle span{
	color:#0f7627;
	font-size:23px;
	font-weight:bold;
}
.one .led1, #two .led1{
	position: absolute; 
	top: 35px; 
	left: 70%; 
	width: 318px; 
	height: 350px; 
}
.one .led2{
	position: absolute; 
	top: 50px; 
	left: 65%;
	width: 400px; 
	height: 275px; 
}
#two .led2{
	position: absolute;
	top: 50px; 
	left: 75%;
	width: 350px; 
	height: 300px;
}
#two .led3{
	position: absolute;
	top: 50px; 
	left: 70%;
	width: 350px; 
	height: 300px; 
}
.one .logos{
	position: absolute; 
	top:20px;
	left:50%;
	width:74px;
	height:74px;
}
	.one .logos.two{
		top:110px;
	}
	.one .logos.three{
		top:200px;
	}
	.one .logos.four{
		top:290px;
	}
#two .logos{
	position: absolute; 
	top:50px;
	left:50%;
	width:100px;
	height:71px;
}