/* ------------------Grid System--------------- */ 
.zerogrid{ width: 960px; position: relative; margin: 0 auto; padding: 0px;}
.zerogrid:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

.zerogrid .row{}
.zerogrid .row:before,.row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.zerogrid .row:after{clear: both; }
.zerogrid .row{zoom:1;}

.zerogrid .wrap-col{margin:10px;}

.zerogrid .col-1-2, .zerogrid .col-1-3, .zerogrid .col-2-3, .zerogrid .col-1-4, .zerogrid .col-2-4, .zerogrid .col-3-4, .zerogrid .col-1-5, .zerogrid .col-2-5, .zerogrid .col-3-5, .zerogrid .col-4-5, .zerogrid .col-1-6, .zerogrid .col-2-6, .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6{float:left; display: inline-block;}

.zerogrid .col-full{width:100%;}

.zerogrid .col-1-2{width:50%;}

.zerogrid .col-1-3{width:33.33%;}
.zerogrid .col-2-3{width:66.66%;}

.zerogrid .col-1-4{width:25%;}
.zerogrid .col-2-4{width:50%;}
.zerogrid .col-3-4{width:75%;}

.zerogrid .col-1-5{width:20%;}
.zerogrid .col-2-5{width:40%;}
.zerogrid .col-3-5{width:60%;}
.zerogrid .col-4-5{width:80%;}

.zerogrid .col-1-6{width:16.66%;}
.zerogrid .col-2-6{width:33.33%;}
.zerogrid .col-3-6{width:50%;}
.zerogrid .col-4-6{width:66.66%;}
.zerogrid .col-5-6{width:83.33%;}

/*@media only screen and (min-width: 768px) and (max-width: 959px) {*/

@media all and (min-width: 800px) and (max-width: 1024px) {
	.zerogrid{width:768px;}
}


@media all and (min-width: 320px) and (max-width: 780px) {
/*@media only screen and (max-width: 767px) {
	.zerogrid{width:100%;}
}

@media only screen and (min-width: 620px) and (max-width: 767px) {
	*/
	.zerogrid{width:100%;}
	
	section{
	width:100%;
	padding:0px;
	margin:0px;	
	 
		}
	
#hom_prd{
	float:left;
	margin-right:0px;
	 margin-left:-30px;
	line-height:20px;
	font-family:Tahoma, Geneva, sans-serif;
	 }

	
 #hom_prd h1{
	 margin:0px;
	 font-size:105%;
	 line-height:24px;
	 color:#4e7eb7;
	 border-bottom:#099 2px dotted ;
	 padding:5px 00px 8px 0px;
	 font-family:Tahoma, Geneva, sans-serif;
	 }
	
	#hom_prd ul{
	width:100%;
	float:left;
	margin:0px 0px;
	line-height:20px;
	list-style:none;
	
	}	
	#hom_prd ul li a{
	width:100%;
	padding:8px 0px 8px 5px;
	text-decoration:none;
	color:#000;
	background-color:#FFF;
	font-size:110%;	
	float:left;	
	border-bottom:dotted 2px #CCCCCC
	
	}
	
	#hom_prd ul li a:hover{
	background-color:#f3f1f1;
	width:99%;
	}
	

#right_side{
	width:100%;
	height:auto;
	float:left;
	margin:0px;
}


	
	
#welcome {
float:left;
padding:0px 0px;
margin:12px 0px;


}


.news_events{
width:100%;
height:auto;
float:left;
clear:both;
}

.news_1 {
	width:100%;
	float:left;
	height:auto;
	padding:10px;
	margin-right:0px;
	border-right:solid 0px #999999;
	text-align:center;
	 line-height:18px;
	}
	

.news_2 {	
	width:100%;
	float:left;
	height:100px;
	padding:10px;
	text-align:center;
	line-height:20px;
	}
	
	
	
.news_3 {
	width:100%;
	float:left;
	height:100px;
	padding:10px;
	margin:25px 0px 0px 0px;
	font-size:15px;
	}


	
	
	
}

@media only screen and (min-width: 480px) and (max-width: 619px) {
	.zerogrid{width:100%;}
	.zerogrid .col-1-3, .zerogrid .col-2-3{width:100%;}
	.zerogrid .col-1-4{width:50%;}
	.zerogrid .col-1-6, .zerogrid .col-2-6, .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6{width:100%;}
	
	html, body {
	background-image:none;
	}
	

header b {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#03C;
	float:left;
	margin:40px 0px 0px 50px;
	width:90%;
	height:50px;
	background-size:100%;
	background-image:url(../img/ihpl.png);
	
	background-repeat:no-repeat;
	}	
	

section{
	width:100%;
	padding:0px;
	margin:0px;	
		}
	
#hom_prd{
	float:left;
	margin-right:0px;
	 margin-left:-30px;
	line-height:20px;
	font-family:Tahoma, Geneva, sans-serif;
	 }

	
 #hom_prd h1{
	 margin:0px;
	 font-size:105%;
	 line-height:24px;
	 color:#4e7eb7;
	 border-bottom:#099 2px dotted ;
	 padding:5px 00px 8px 0px;
	 font-family:Tahoma, Geneva, sans-serif;
	 }
	
	#hom_prd ul{
	width:100%;
	float:left;
	margin:0px 0px;
	line-height:20px;
	list-style:none;
	
	}	
	#hom_prd ul li a{
	width:100%;
	padding:8px 0px 8px 5px;
	text-decoration:none;
	color:#000;
	background-color:#FFF;
	font-size:110%;	
	float:left;	
	border-bottom:dotted 2px #CCCCCC
	
	}
	
	#hom_prd ul li a:hover{
	background-color:#f3f1f1;
	width:99%;
	}
	

#right_side{
	width:100%;
	height:auto;
	float:left;
	margin:0px;
}


	
	
#welcome {
float:left;
padding:0px 0px;
margin:12px 0px;


}


.news_events{
width:200px;
height:auto;
float:left;
}

.news_1 {
	width:100%;
	float:left;
	height:auto;
	padding:10px;
	margin-right:0px;
	border-right:solid 0px #999999;
	text-align:center;
	 line-height:18px;
	}
	

.news_2 {	
	width:100%;
	float:left;
	height:auto;
	padding:10px;
	text-align:center;
	line-height:20px;
	}
	
	
	
.news_3 {
	width:100%;
	float:left;
	height:auto;
	padding:10px;
	margin:25px 0px 0px 0px;
	font-size:15px;
	}


	
}

@media only screen and (max-width: 479px) {
	.zerogrid, .zerogrid .col-1-2, .zerogrid .col-1-3, .zerogrid .col-2-3, .zerogrid .col-1-4, .zerogrid .col-2-4, .zerogrid .col-3-4, .zerogrid .col-1-5, .zerogrid .col-2-5, .zerogrid .col-3-5, .zerogrid .col-4-5, .zerogrid .col-1-6, .zerogrid .col-2-6, .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6{width:100%;}
	
	html, body {
	background-image:none;
	}
	
	
	
#container {
		width:100%;
		height:100%;
		margin:0px auto;
		
		}	

header .logo {
		width:80px;
		height:auto;
		margin:10px 0px;
		float:left;
		}





header b {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#03C;
	float:left;
	width:300px;
	height:auto;
	background-size:100%;
	background-image:url(../img/ihpl.png);
	background-repeat:no-repeat;
	}
	

		
	
	
section{
	width:100%;
	padding:0px;
	margin:0px;	
	 float:left;
	background-color:#000;
		}
	
#hom_prd{
	float:left;
	margin-right:0px;
	 margin-left:-30px;
	line-height:20px;
	font-family:Tahoma, Geneva, sans-serif;
	 }

	
 #hom_prd h1{
	 margin:0px;
	 font-size:105%;
	 line-height:24px;
	 color:#4e7eb7;
	 border-bottom:#099 2px dotted ;
	 padding:5px 00px 8px 0px;
	 font-family:Tahoma, Geneva, sans-serif;
	 }
	
	#hom_prd ul{
	width:100%;
	float:left;
	margin:0px 0px;
	line-height:20px;
	list-style:none;
	
	}	
	#hom_prd ul li a{
	width:100%;
	padding:8px 0px 8px 5px;
	text-decoration:none;
	color:#000;
	background-color:#FFF;
	font-size:110%;	
	float:left;	
	border-bottom:dotted 2px #CCCCCC
	
	}
	
	#hom_prd ul li a:hover{
	background-color:#f3f1f1;
	width:99%;
	}
	

#right_side{
	width:100%;
	height:100%;
	float:left;
	margin:0px;
	
}

.home {
width:100%;	
margin:0px;
padding:0px;
}
	
	
#welcome {
width:100%;
float:left;
padding:0px;
margin:0px;
}

#quality {
widt:100%;
float:left;
padding:0px 0px;
 margin:12px 0px;


}

.news_events{
width:100%;
height:auto;
float:left;
}

.news_1 {
	width:200px;
	float:left;
	height:auto;
	padding:10px;
	margin-right:10px;
	border-right:solid 0px #999999;
	text-align:center;
	 line-height:18px;
	 clear:both;
	}
	

.news_2 {
	
	width:100%;
	float:left;
	height:100px;
	padding:10px;
	 text-align:center;
	 line-height:20px;
	}
	
	
	
.news_3 {
	width:100%;
	float:left;
	height:100px;
	padding:10px;
	margin:25px 0px 0px 10px;
	font-size:15px;
	background-color:#00C;
	}
	
}