@charset "utf-8";
/* CSS Document */


body
{
padding:auto;margin:auto;width:100%;height:100%; background:url(../images/main_bg.png);   }

#main_frame
{
padding:auto;margin:auto;width:990px;-moz-border-radius:15px;-webkit-border-radius:15px;display:table;
}
#main_header
{
padding:0px;margin:0px;width:100%;height:100%;background:#e5e6e8;}

.header
{
float:left;width:990px;height:auto; background:#e5e6e8; 
}

.header h3
{
	float:right; width:auto; height:auto; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin:30px 10px 0px 0px;
}

.company_logo
{
	float:left;
	width:300px;
	height:62px;
	margin:10px 0px 0px 15px;
	padding:0px 0px 10px 0px;
	

}

.certi_logo
{
	float:right;
	width:150px;
	height:64px;
	margin:5px 20px 0px 0px;
	
}


#main_menu
{
padding:0px;margin:0px;width:100%;height:100%; background:url(../images/menu_bg.png);}

.menu_bar
{
float:left;width:990px;height:48px; background:url(../images/menu_bg.png) no-repeat;
}

.menu_bar h3
{
	float:right; width:auto; height:auto; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin:20px 10px 0px 0px; color:#FFF;
}


.menu{float:left; margin:15px 0px 0px -20px; height:auto; width:750px; background:#F00;}
.menu ul{float:left; margin:0px 0px 0px 0px; width:auto; height:0px; }
.menu ul li{margin:0px 5px 0px 0px; padding:0px; list-style:none; display:inline;  }
.menu ul li a{margin:0px 0px 0px 0px; padding:5px 5px 0px 5px; line-height:25px; border-bottom:2px dotted #FFF; width:250px; font-family:Arial, Helvetica, sans-serif; font-size:11px !important; color:#FFF; text-decoration:none;border-radius:5px!important; font-weight:bold;}
.menu ul li a:hover{color:#000; padding:5px 5px 0px 5px;  }
.menu li ul{

		display:none;
		height:auto;
		padding:0px;
		margin:-3px 0px 0px 0px;
		border:0px;
		position:absolute;
		width:220px!important;
        padding-top:0px;
		background:#353334!important;
        border-radius:5px;
		z-index:999;
		color:#096;
		
		
	
	
		/*top:1em;
		/*left:0;*/
		}
.menu li:hover ul{
		display:block;
		
		
}
		.menu li:hover ul li:hover ul{
		display:block;
		background:!important;
		margin:0px 0px 0px 100px;
		}
.menu li li {

		display:block !important;
		float: left;
		margin:10px 0px 0px 2px;
		padding:0px 0px 15px 0px;
		width:220px;
		height:10px !important;
		color:#000 !important;
		
		}
		.menu li li:hover {
		background:;
		color:#000!important;
		text-decoration:none;
		border:none !important;
		width:220px;
		height:10px !important;
		padding:0px 0px 15px 2px;
       
	}
	.menu li:hover li a{
		background:;
		color:#FFFFFF!important;
		display:block !important;
		float: left;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 2px;
		width:220px;
		height:20px !important;
		
	   font-weight:bold;
		}
	.menu li ul a{
		display:block;
		height:20px;
		font-size:12px;
		font-style:normal;
		font-weight:normal;
		margin:0px;
		padding:0px 0px 0px 0px;
		text-align:left;
		width:190px;
		font-family:Arial, Helvetica, sans-serif;
		
		}
		.menu li ul li ul{
		display:none;
		position:relative;
		visibility:hidden;
		margin-top:0px;
		
		}
		.menu  li ul li ul li ul {
		display:none !important;
		position:relative;
		visibility:hidden;
		margin-top:-40px;
		background:#e46c0a;
		border-radius:5px;
		-moz-border-radius:5px;
       -webkit-border-radius:5px;
	
		}
		.menu  li ul li ul li:hover ul {
		display: block !important;
		position:relative;
		visibility: visible;
		margin:-40px 0px 0px 180px !important;
		float:left;
		
		
		
		}
		
		.menu li ul li ul li 
		{
		background: !important;
		
		
		}
		.menu li ul li ul li:hover 
		{
		background: !important;
		
		
		}
		.menu li ul li ul li a
		{
		background: none !important;
		
		
		}
		.menu li ul li ul li a:hover
		{
		color: #ffffff!important;
		text-decoration:none;
		width:190px;
		height:20px !important;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		}
		.menu li ul li:hover ul{
		display:block;
		position:absolute;
		visibility: visible;
		margin:0px 0px 0px 0px;
		
		}
		
		
	.menu p{
		clear:left;
		}	

#show 
{
color:#e46c0a;
			text-decoration:none;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background:url(../images/menuhover.png) top no-repeat;
}




#main_slide
{
padding:0px;margin:0px;width:100%;height:100%; background:url(../images/slider_bg.png) repeat-x;}

.slide
{
float:left;width:990px;height:auto; background:;
}


.slider_box
{
	float:left;
	width:964px;
	height:341px;
	margin:10px 0px 10px 16px;
	
}




#main_wrapper{width:auto; margin:auto; background:#FFF; }
.wrapper{float:left; margin:0px 0px 10px 0px; height:auto; width:990px; background:#FFF;}
.wrapper h1{float:left; margin:0px 0px 0px 0px; height:auto; width:990px; text-align:center; color:#000; padding:10px 0px 10px 0px; font-size:18px !important;}
.wrapper h3{float:left; margin:20px 0px 0px 20px; height:auto; width:960px; text-align:left; color:#6c391d; font-size:16px; border-bottom:1px dashed #FFF;}
.wrapper h2{float:left; margin:20px 0px 0px 18px; height:auto; width:990px;  color:#6c391d; font-size:14px;}
.wrapper h2 a{float:left; margin:0px 0px 0px 0px; height:auto; width:950px; color:#363638; text-align:justify; font-family:Arial, Helvetica, sans-serif;
font-size:12px; text-decoration:none;}
.wrapper h2 a:hover
{
	float:left; color:#F00;
}


.wrapper p{float:left; margin:10px 10px 0px 16px; height:auto; width:950px; color:#363638; text-align:justify; font-family:Arial, Helvetica, sans-serif;
font-size:12px;}

.wrapper p a
{
float:left;
width:auto;
height:auto;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
padding:0px 5px 10px 5px;
color:#453c37;
font-weight:bold;
}


.wrapper p a:hover
{
float:left;
width:auto;
height:auto;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
padding:0px 5px 10px 5px;
color:#663216;
font-weight:bold;
}



.wrapper p img
{
	border:2px #000 dotted;
}

.wrapper p img:hover
{
	border:2px #E71616 dotted;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0, .65);
-moz-box-shadow: 0 0 5px rgba(0,0,0, .65);
box-shadow: 0 0 5px rgba(0,0,0, .65);
}

.wrap_box{float:left; margin:10px 5px 0px 10px; height:200px; width:310px; background:#e1d7c9;}
.wrap_box  h1{float:left; margin:0px 0px 0px 5px; height:auto; width:300px; text-align:left; color:#6c391d; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
.wrap_box  p{float:left; margin:10px 5px 0px 5px; height:auto; width:300px; color:#363638; text-align:justify; font-family:Arial, Helvetica, sans-serif;
font-size:12px;}



#main_details
{
padding:0px;margin:0px;width:100%;height:100%;background:#000; margin-top:10px;}

.details
{
float:left;width:990px;height:auto; margin:0px 0px 0px 0px; 
}


.product_catalogue
{float:left; margin:0px 0px 0px 0px; height:auto; width:200px; text-align:left; color:#fb2f24;  padding:0px 0px 0px 0px; font-size:18px;}


.product_catalogue h1
{float:left; margin:5px 0px 5px 20px; height:auto; width:200px; text-align:left; color:#fb2f24;  padding:0px 0px 0px 0px; font-size:14px;}



.pro_detail{float:left; margin:-40px 0px 0px 10px; height:auto; width:250px;}
.pro_detail ul{float:left;width:250px; height:auto; margin-left:-30px; }
.pro_detail ul li{margin:0px 0px 0px 0px; padding:0px; list-style:none;  width:230px; height:0px;  }
.pro_detail ul li a{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;  width:230px; height:auto; font-family:Arial, Helvetica, sans-serif; ; font-size:11px !important; color:#FFF; text-decoration:none; }
.pro_detail ul li a:hover{color:#EA1919; padding:0px 0px 0px 0px; }


.View
{
	float:left;
	width:256px;
	height:39px;
	margin:0px 0px 0px 340px;
	
}




#main_foot
{
padding:auto;
margin:auto;
width:100%;
/*height:100%;*/
display:table;
background:#fb2f24;

}

.footer
{
padding:0px;
margin:0px 0px 0px 0px !important;
float:left;
height:48px;
width:990px;
background:#fb2f24;

}


.copyright
{
margin:15px 10px 0px 10px;
float:left;
width:660px;
height:auto;
}

.copyright h5
{
margin:0px 0px 0px 0px;
float:left;
font-size:12px;
font-style:normal;
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
width:660px;
}

.logo
{
margin:5px 100px 0px 10px;
float:right;
width:80px;
height:30px;

}	

.logo_1
{
margin:5px 2px 0px 0px;
float:right;
width:40px;
height:30px;
}



#main_view
{
padding:0px;margin:0px;width:100%;height:100%; background:url(../images/img1.png);}

.view_info
{
	float:left;
	width:990px;
	height:40px;
	
}
	

#contct_details
{
height:auto;
width:400px;
margin:35px 0px 10px 10px;
padding:5px 0px 0px 0px;
float:left;
border-bottom:2px dotted #000;
}

#contct_details a
{
color:#FFF;
}

#contct_details h3
{
height: auto;
width:390px;
float:left;
margin:0px 0px 10px 0px;
padding:0px 5px 0px 0px;
text-align:left;
color:#08B7E6;
font-size:21px;
font-weight:normal;
border-bottom:#08B7E6 2px solid;
}
#contct_details h1
{
height: auto;
width:390px;
float:left;
margin:0px 0px 0px 0px;
padding:5px 5px 0px 0px;
text-align:left;
color:#4f4e4e;
font-size:18px;
font-weight:normal;
}
#contct_details h2
{
height: auto;
width:390px;
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
color:#4f4e4e;
font-size:20px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}


#contct_details h4
{
height: auto;
width:390px;
float:left;
margin:0px 0px 10px 0px;
padding:0px 0px 0px 0px;
text-align:left;
color:#FFF;
font-size:14px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}
#contct_details font
{
font-family: Trebuchet MS;
font-size:12px;
color:#FFF;
width:290px;
float:left;
margin:0px 0px 10px 2px ;
}
#contct_details b
{
font-size:13px;
color:#fb2f24;
font-weight:bold;
float:left;
width:100px;
margin:0px 0px 10px 0px ;
}


#main_product
{
padding:0px;margin:0px;width:100%;height:100%;}

.products
{
float:left;width:990px;height:auto; margin:10px 0px 0px 0px;
}

.product_list
{
	float:right;
	width:300px;
	height:235px;
	
}



.product_list {float:right; padding:0px 0px 10px 10px; height:auto; width:250px; margin:0px 0px 0px 0px;}
.product_list h2{float:left; margin:0px 0px 0px 15px; height:auto; width:240px;  color:#6c391d; font-size:16px;}
.product_list ul{float:left;width:250px; height:auto; margin-left:-30px; }
.product_list ul li{margin:0px 0px 0px 0px; padding:0px; list-style:none;  width:230px; height:0px;  }
.product_list ul li a{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;  width:230px; height:auto; font-family:Arial, Helvetica, sans-serif; ; font-size:12px !important; color:#363638; text-decoration:none; }
.product_list ul li a:hover{color:#EA1919; padding:0px 0px 0px 0px;  }


.wrapper h4{float:left; margin:20px 0px 0px 18px; height:auto; width:auto;  color:#6c391d; font-size:14px;}
.wrapper h4 a{float:left; margin:0px 0px 0px 0px; height:auto; width:auto; color:#363638; text-align:justify; font-family:Arial, Helvetica, sans-serif;
font-size:12px; text-decoration:none;}
.wrapper h4 a:hover
{
	float:left; color:#F00;
}

