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

body{
	margin:0px; background-image:url(../images/main-bg.jpg); background-repeat:repeat-x; font-family:Verdana, Geneva, sans-serif; font-size:11px;
	}
	
#main{
	width:990px;
	margin:0 auto 0 auto; 
	}
	
#header{
	background-image:url(../images/head-bg.jpg); background-repeat:repeat-x; height:110px; width:960px; margin:0 auto 0 auto; 
	}	
	
#logo{
	width:276px; float:left;
	}	
	
#navi{
	float:right;
}


ul{
	padding:0 0 0 0px; margin:10px 0 0 0px;
	}

ul li{
	background-image:url(../images/arrow-bullet.jpg); background-repeat:no-repeat; background-position:center left; padding:5px 0 5px 10px; list-style:none;
	}




#banner{
	background-image:url(../images/head-banner.jpg); background-repeat:no-repeat; height:362px; background-position:
}

#banner2{
	background-image:url(../images/about-header.jpg); background-repeat:no-repeat; height:362px; background-position:
}

#banner3{
	background-image:url(../images/product-banner.jpg); background-repeat:no-repeat; height:362px; background-position:
}

#banner4{
	background-image:url(../images/reseller-banner.jpg); background-repeat:no-repeat; height:362px; background-position:
}

#banner5{
	background-image:url(../images/contact-banner.jpg); background-repeat:no-repeat; height:362px; background-position:
}

#blue-box{
	background-image:url(../images/blue-box-bg.jpg); background-repeat:repeat-x; height:180px; padding:24px 0 0px 0px;
}	

#box-1{
	width:200px; color:#bccbe4; margin:0px 10px 0 34px; float:left;
	}

#box-1 h3{
	font-family:'Myriad Pro'; font-weight:400; color:#FFF; font-size:18px; margin:0 0 5px 0px;
	}

#box-1 span{
	display:block; background-image:url(../images/arrow-blue.jpg); background-position:center left; background-repeat:no-repeat; padding:0 0 0 15px; color:#2ca43b;
	}	
	
#box-1 span a{
	color:#2ca43b; text-decoration:none;
	}	

	
#box-2{
	width:200px; color:#bccbe4; margin:0px 10px 0 34px; float:left;
	}

#box-2 h3{
	font-family:'Myriad Pro'; font-weight:400; color:#FFF; font-size:18px; margin:0 0 5px 0px;
	}

#box-2 span{
	display:block; background-image:url(../images/arrow-blue.jpg); background-position:center left; background-repeat:no-repeat; padding:0 0 0 15px; color:#2ca43b;
	}	
	
#box-2 span a{
	color:#2ca43b; text-decoration:none;
	}	


		
#box-3{
	width:200px; color:#bccbe4; margin:0px 10px 0 34px; float:left;
	}
#box-3 h3{
	font-family:'Myriad Pro'; font-weight:400; color:#FFF; font-size:18px; margin:0 0 5px 0px;
	}

#box-3 span{
	display:block; background-image:url(../images/arrow-blue.jpg); background-position:center left; background-repeat:no-repeat; padding:0 0 0 15px; color:#2ca43b;
	}	
	
#box-3 span a{
	color:#2ca43b; text-decoration:none;
	}			
	
#box-4{
	width:200px; color:#bccbe4; margin:0px 10px 0 34px; float:left;
	}
		
	
	
#box-4 h3{
	font-family:'Myriad Pro'; font-weight:400; color:#FFF; font-size:18px; margin:0 0 5px 0px;
	}

#box-4 span{
	display:block; background-image:url(../images/arrow-blue.jpg); background-position:center left; background-repeat:no-repeat; padding:0 0 0 15px; color:#2ca43b;
	}	
	
#box-4 span a{
	color:#2ca43b; text-decoration:none;
	}	

#container{
	background-image:url(../images/contant-bg.jpg); background-repeat:repeat-x; background-position:top center; padding:29px 0 0 0px;

	}

form{
	color:#000;
	}

input{
	border:1px solid #CCC; width:307px; height:23px; margin:2px 0 2px 0px; color:#000;
	}

textarea{
	border:1px solid #CCC; width:307px; height:100px; margin:2px 0 2px 0px; color:#000;
	}

select{
	border:1px solid #CCC; width:307px; height:23px; margin:2px 0 2px 0px; color:#000;
	}

.submit{
	background-image:url(../images/submit.jpg); width:99px; height:29px; cursor:pointer;}

.reset{
	background-image:url(../images/clear.jpg); width:99px; height:29px; cursor:pointer;}

.cont{
border-bottom:1px solid #CCC; padding:0 0 10px 0px;
	}

.radio{
	width:15px; border:none; height:15px;
	}

.form-1{
	border:1px solid #CCC; padding:30px;

	}

#left{
	width:180px; float:left;
	}

#left ul{
	width:84px; color:#152c53; padding:0 0 0 0px; margin:10px 0 0 0px; float:left;
	}

#left ul li{
	background-image:url(../images/arrow-bullet.jpg); background-repeat:no-repeat; background-position:center left; padding:5px 0 5px 10px; list-style:none; border-bottom:1px dashed #e7e7e7;
	}
	
#heading img{
	margin:30px 0 0 0px;
	}	

.wl {
	width:180px!important;
}

#middle{
	width:460px; font-size:13px; color:#666666; float:left; margin:0 10px 0 60px; line-height:17px;
	}

#middle2{
	width:740px; font-size:13px; color:#666666; float:left; margin:0 10px 0 60px; line-height:17px;
	}

.blue-col{font-size:13px; color:#152c53;}
.blue-12px{font-size:11px; color:#152c53; font-weight:bold; letter-spacing:-0.1px}
.green-col{font-size:13px; color:#42b550;}

#testi{
	width:244px; background-color:#2da53c; padding:20px 5px 10px 20px; font-size:10px; line-height:12px; float:right; color:#c9e7cd; margin:0 5px 0 0px; letter-spacing:0.5px;
}

#testi .sg{
	font-size:11px; color:#e7f7e9;
	}
	
#footer{
	background-image:url(../images/footer-bg.jpg); background-repeat:repeat-x; height:104px; margin:20px 0 0 0px; width:100%; float:left;
	}
	
#copy{
	margin:0px auto 0px auto; width:990px; color:#153670; padding:15px 0 0 0px;
	}