@charset "utf-8";
/* CSS Document */
body{ margin:0px; }
ul {list-style: none;}

A:link {text-decoration: none; color: #000000}
A:visited {text-decoration: none; color: #000000}
A:active {text-decoration: none}
A:hover {text-decoration: underline; color: #FF0000;}

#main{ width:auto; }

/*----------------------Besign Header------------------------*/
#wrapper_header{ width:auto; background-image:url(../images/bgHeader.jpg); background-repeat:repeat-x; }
	#header{ padding:0px; width:900px; height:108px; margin:0 auto;	}
	#header ul { margin: 0px; list-style:none; }
	#header li { float: left; }	
	#tbMenu{ font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center; font-weight:bold; }
	#tbMenu td { padding:7px;}
	
/*----------------------End Header------------------------*/	
#bgServices_image {	width:900px; height:141px; 	margin:0 auto; background-image:url(../images/bgServices.jpg); 
					background-repeat:no-repeat;}
#bgPricing_image {	width:900px; height:141px; 	margin:0 auto; background-image:url(../images/bgPricing_header.jpg); 
					background-repeat:no-repeat;}
#bgContact_image {	width:900px; height:141px; 	margin:0 auto; background-image:url(../images/bgContact_header.jpg); 
					background-repeat:no-repeat;}
#bgPortfolio_image {	width:900px; height:141px; 	margin:0 auto; background-image:url(../images/bgPortfolio.jpg); 
					background-repeat:no-repeat;}
#wrapper_content{ width:auto; background-image:url(../images/bgXam.jpg); background-repeat:repeat-x; }
	#content{
		width:900px;
		height:407px;
		margin:0 auto;
		background-image:url(../images/bgContent1.jpg);
		background-repeat:no-repeat;	
	}
	#bgContent{
		width:900px;
		height:130px;
		margin:0 auto;
		background-image:url(../images/bgContent.jpg);
		background-repeat:no-repeat;
	}	
	#content1{		
		float:left;
		width:510px;
		padding-top:15px;					
	}
	.txtContent1 {
		font-family:Arial, Helvetica, sans-serif;
		font-size:9pt;
		color:#FFFFFF;		
		padding-bottom:15px;
		padding-left:20px;
		text-align:justify;
		line-height:17px;
	}	
	#content2{
		float:right;
		width:310px;
		padding-top:15px;
		padding-right:40px;		
	}
	.txtContent2{
		font-family:Arial, Helvetica, sans-serif;
		font-size:9pt;
		color:#FFFFFF;	
		padding-left:35px;
		padding-bottom:10px;
		background-image:url(../images/iconWhy.png);
		background-position: 4% 40%; /* Vi tri cua background image*/
		background-repeat:no-repeat;		
	}
	.txtContent3{
		font-family:Arial, Helvetica, sans-serif;
		font-size:9pt;		
		color:#FFFFFF;
		text-align:justify;			
		line-height:17px;
	}
/* ----------------------PRODUCT----------------------------*/
#wrapper_product{
	width:auto;	
	background-image:url(../images/bgProduct.jpg);
	background-repeat:repeat-x;	
}
	#product{
		width:900px;
		height:282px;
		margin:0 auto;		
	}
		#tbfeature{	background-color:#FFFFFF; text-align:center;}
		.imgProduct { padding:3px; border:1px #999999 solid;}
		#tbContact{ 
			background-color:#FFFFFF;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;			
		}
		.anglevan{
			font-size:13px;
			color:#0000FF;
			font-weight:bold;
			border-bottom: 1px dotted;
		}
		.npsys{
			font-family:Tahoma, Helvetica, sans-serif;
			font-size:15px;			
			font-weight:bold;
			text-decoration:underline;			
		}
		.tenCailuong{
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			font-weight:bold;
		}
		.info{
			font-size:10px;
			font-family:Arial, Helvetica, sans-serif;
		}
	
	#footer{
		width:900px;
		height:33px;
		margin:0 auto;
	}
	
/* ----------------------SERVICES----------------------------*/
#wrapper_services{
	width:auto;
	background-color: #e2e0e1;
	height:435px;				
}
#services{
		width:900px;
		height:400px;		
		margin:0 auto;
		background-image:url(../images/bgServ.jpg);
		background-repeat:no-repeat;	
}
#services li {list-style:circle;}
	#serv1{
		float:left;
		width:430px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:9pt;
		padding-top:15px;
		padding-left:25px;
	}
	#serv2{
		float:right;
		width:430px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:9pt;
		padding-top:15px;
	}
	
.titleServ{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
	text-decoration:underline;
	color:#000000;
}
.listText{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
}
#basic{
	float:left;
	width:410px;
	padding-top:15px;	
}

/*---------------------PRICING--------------------------------*/
#wrapper_pricing{
	width:auto;
	background-color: #e2e0e1;
	height:640px;				
}
#pricing{
		width:900px;
		height:605px;		
		margin:0 auto;
		background-image:url(../images/bgServ.jpg);
		background-repeat:repeat-y;	
}
#pricing li {list-style:circle;}
	#pricing1{
		float:left;
		width:430px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:9pt;
		padding-top:15px;
		padding-left:25px;
	}
	#pricing2{
		float:right;
		width:430px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:9pt;
		padding-top:15px;		
		padding-right:5px;
	}
.txtPrice{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
	color:#0000FF;
	font-weight:bold;
}
.price {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	color:#FF0000;
	border: 1px #FF0000 dotted;
	width:96%;	
	text-align:center;
}
/* ----------------------Portfolio---------------------------- */
#wrapper_portfolio{
	width:auto;
	background-color: #e2e0e1;
	height:630px;
}
#portfolio{
		width:900px;
		height:560px;		
		margin:0 auto;
		background-image:url(../images/bgServ.jpg);
		background-repeat:repeat-y;	
}
#tbColum1{
	width:300px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	padding-left:15px;
	padding-top:15px;
}
#tbColum1 img { border:2px solid #CCCCCC; padding:3px; }
#tbColum2{
	width:300px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	padding-top:15px;
}
#tbColum2 img { border:2px solid #CCCCCC; padding:3px; }
#page {
	width:880px;
	height:25px;
	text-align:right;
	padding-right:20px;
	padding-top:8px;
	margin:0 auto;
	border-bottom: 1px dotted;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	background-color:#CCCCCC;	
}
/*--------------------------CONTACT---------------------------------*/
#wrapper_contact{
	width:auto;
	background-color: #e2e0e1;
	height:495px;
}
#contact{
		width:900px;
		height:460px;		
		margin:0 auto;
		background-image:url(../images/bgContact.jpg);		
}
	#contact1{
		float:left;
		width:430px;				
	}	
	#contact2{
		float:right;
		width:430px;		
	}
#contact table {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	padding-left:20px;
	padding-top:20px;
}

.titContact{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
	color:#0000FF;
	font-weight:bold;
}