@font-face {font-family:cambria; src: url('../fonts/Candara.ttf');}	
	
@font-face {font-family:"arial"; src: url('../fonts/arial.ttf');}	
	
body{
margin: 0px;
padding: 0px;
background-color: #FFF;
font-family: "Open Sans";
font-size: 13px;
color: #020202;


}


.underline{
text-decoration:underline;

}




#container{
width:1024px;
overflow:hidden;
margin:0px auto;
background:white;
}
#header{
width:1024px;
overflow:hidden;
background:white;
}
#header_logo{
margin-left:20px;
float:left;
}
#header_logo img{
margin-top:21px;
width:380px;
height:auto;
}
#header_info{
width:400px;
height:auto;
float:right;
background:;
margin-left:px;
font-family:cambria;
font-size:20px;
margin-right: 13px;
}



.contt{
text-align: justify;
}


.tabl{
width: 280px;
}




.viewmor{margin-left: 2em;}








#h1{
width:350px;
height:33px;
margin-top:28px;
float:left;
margin-left: 45px;
background:;
font-family:cambria;
}
.h1A{
margin-left:30px;
width:100px;
height:28px;
background:;
font-family:cambria;
font-weight:bold;
}
.h1B{
margin-left:38px;
width:100px;
height:28px;
background:;
font-family:cambria;
}

#h2{
width:360px;
height:33px;
margin-top: -4px;
float:left;
margin-left: 45px;
background:;
font-family:cambria;
}
.h2A{
margin-left:30px;
width:100px;
height:28px;
background:;
font-family:cambria;
font-weight:bold;
}
.h2B{
margin-left:24px;
width:100px;
height:28px;
background:;
font-family:cambria;
}

#h3{
width:350px;
height:33px;
margin-top: -5px;
float:left;
margin-left: 45px;
background:;
}
.h3A{
margin-left: 30px;
width: 90px;

float: left;
font-weight: bold;

margin-top: 9px;
width: 117px;
}
.h3B img{
margin-left: 17px;
width:29px;
height:30px;
background:;
float:left;
}
.h3C img{
margin-left:15px;
width:29px;
height:30px;
background:;
float:left;
}

#contant{
width:1152;
height:auto;
background:white;
}
#line{
width:1024px;
background:black;
height:05px;
}
.view{
font-weight:bold; 
color:red;
margin-top:px;
border-radius:3px;
text-decoration:none;
}
.view:hover{
text-decoration:underline;

}
/*************menu************************/

/* main menu styles */
#menu{
margin-top:03px;
width:1024px;
height:60px;
z-index:331;
position: relative;
}

ul {
border-radius:5px;
margin-left:225px;
background:#b70100;
  text-align:center;
  display: inline;
  padding: 15px 4px 17px 0;
  list-style: none;
}
ul li {
  border-right:2px solid #ccc;
  color:white;
  font-size:15px;
  font-family:cambria;
  display: inline-block;
  margin-right: -4px;
  position: relative;
  padding: 15px 45px;
  background:#b70100;
  cursor: pointer;
}
ul li:hover {
  background:black;
  color:#FFBF00;
  font-size: 15px;
font-family: cambria;
}
ul li ul {
  color:white;
  font-size:15px;
  margin-left:-0px;
  padding: 0;
  position: absolute;
  top: 48px;
  left: 0;
  width: 250px;
  display: none;
  visibility: hidden;
}
ul li ul li {
  color:white;
  font-size:15px; 
  border:1px solid white;
  background:#b70100; 
  display: block; 
  color: white;
}
 ul li a{
 color:white;
text-decoration:none;
}
 ul li a:hover{
color:#FF8000;
text-decoration:none;
font-family: cambria;
}

ul li:hover ul {
  display:block;
  opacity:1;
  visibility:visible;
}


ul li ul li>ul li{
display: none;
}

ul li ul li:hover > ul li{
display:block;
position:relative;
top:-47px;
left:252px;
width:200px;

}

ul li ul li:hover> a{
color:#CC0000;
}







/******************************************************/
#contant2{
width:1024px;
overflow:hidden;
background:white;
padding-top: 13px;
}
#tx1{
width:1024px;
height:40px;
background:;
margin-left:40px;
font-size:30px;
font-family:cambria;
}
.txA{
width:60;
height:50;
font-family:cambria;
size:30;
color:black;
background:;

}
.txB{
width:90;
height:50;
font-family:cambria;
font-size:30;
color:red;
background:;
}
#contant_img1{
width:1024px;
background:;
overflow:hidden;
margin-left:35px;
font-size:30px;
margin-top: -21px;
margin-bottom: -65px;
}


#contant_img_px{
width:1024px;
background:;
overflow:hidden;
font-size:30px;
margin-top: -21px;
margin-bottom: -65px;
}




#contant_img1A{
width:900;
height:185px;
background:;
margin-left:0px;
}
#contant_imgA{
width: 228px;
height:202px;
background:;
margin:5px;
float:left;
border:1px solid #ccc;
}
#contant_imgB{
width:250;
height:85px;
background:;
margin-left:0px;
float:left;
margin:05px;
}
#contant_imgC{
width:250;
height:85px;
background:;
margin-left:0px;
margin:05px;
float:left;
}
#contant_imgD{
width:250;
height:85px;
background:;
margin-left:0px;
margin:05px;
float:left;
}
#contant_imgA img{
width:200px;
height:200px;
}
#contant_imgB img{
width:230px;
height:200px;
}
#contant_imgC img{
width:230px;
height:200px;
}
#contant_imgD img{
width:230px;
height:200px;
}

#contant_img2A{
width:10242px;
height:270px;
background:;
margin-left:px;
font-size:30px;
margin-top:28px;
}
#contant_img1A{
width:960px;
height:210px;
background:;
margin-left:0px;
}
#contant_imgE{
width:250;
height:85px;
background:;
margin:05px;
float:left;
}
#contant_imgF{
width:250;
height:85px;
background:;
margin-left:0px;
float:left;
margin:05px;
}
#contant_imgG{
width:250;
height:85px;
background:;
margin-left:0px;
margin:05px;
float:left;
}
#contant_imgH{
width:250;
height:85px;
background:;
margin-left:0px;
margin:05px;
float:left;
}
#contant_imgE img{
width:260px;
height:200px;
}
#contant_imgF img{
width:260px;
height:200px;
}
#contant_imgG img{
width:260px;
height:200px;
}
#contant_imgH img{
width:260px;
height:200px;
}

#contant_txt1{
height:0 auto;
margin-top: 82px;
margin-left:40px;
width:900px;
}
#contant_txt2{
font-family:cambria;
}
#contant_txt3{
width:945px;
height:120px;
font-family:arial;
margin-left:06px;
font-size:12px;
background:;
}
.contant_txt1A{
font-size:30px;
color:black;
font-family:;

}
.contant_txt1B{
font-size:30px;
color:red;
font-family:;
}
.contant_txt1C{
font-size:30px;
color:red;
}

#menu2{
width:1024px;
height:45px;
background:#ce0a0c;
float:left;
}
#menu2A{
width:1024px;
height: 45px;
background:;
margin-top:px;
margin-left:;
}
#m1{
margin-top:15px;
float:left;
width:86px;
margin-left:270px;
background:;
font-size:12px;
color:white;
border-right:1px solid white;
font-family:arial;
}
#m2{
float:left;
width:86px;
margin-left:35px;
margin-top: 15px;
background:;
font-size:12px;
color:white;
border-right:1px solid white;
font-family:arial;
}
#m3{
float:left;
width:86px;
margin-left:35px;
margin-top: 15px;
background:;
font-size:12px;
color:white;
font-family:arial;
border-right: 1px solid #FFF;
}
#m4{
float:left;
width:86px;
margin-left:35px;
margin-top: 15px;
background:;
font-size:12px;
color:white;
border-right:1px solid white;
font-family:arial;
}
#m5{
float:left;
width:86px;
margin-left:35px;
margin-top: 15px;
background:;
font-size:12px;
color:white;
border-right:1px solid white;
font-family:arial;
}
#m1 a{
text-decoration:none;
color:white;
margin-left:22px;
}
#m1 a:hover{
color:#ffd505;
}
#m2 a{
text-decoration:none;
color:white;
margin-left:-8px;
}
#m2 a:hover{
color:#ffd505;
}
#m3 a{
text-decoration:none;
color:white;
margin-left: -3px;
}
#m3 a:hover{
color:#ffd505;
}
#m4 a{
text-decoration:none;
color:white;
margin-left: -5px;
}
#m4 a:hover{
color:#ffd505;
}
#m5 a{
text-decoration:none;
color:white;
margin-left: -5px;
}
#m5 a:hover{
color:#ffd505;
}
#footer{
width:1024px;
height:49px;
background:#323031;
float:left;
}
#foot1{
width:1024;
height: 62px;
background:;
margin-left:10px;
font-family:arial;
size:30px;

}
#footA{
width:350px;
height:40px;
background:;
float:left;
margin-left: 37px;
margin-top: 14px;
color:white;
font-family:arial;
font-size:13px;
}
#footB{
width:310px;
height:40px;
background:;
float:right;
margin-left:11px;
margin-top: 14px;
color:white;
font-family:arial;
font-size:13px;
}
.yesh{
color:#FFB400;
text-decoration:none;
}
.yesh:hover{
color:#a6c736;
text-decoration:none;
}
/*********start about us*********/
#aboutus{
width:965px;
margin-left:10px;
margin-top:70px;
}
#about_us1{
width:900px;
margin-left:30px;
margin-top:50px;
font-family:"Poor Richard";
font-size:18px;
color:#5b5b5b;
}

.intro{
font-family:Myriad Pro;
font-size:17px;
color:#b92459;
}

.intro_text{
font-family:arial;
font-size:22px;
}

#contant_about_txt1{
height: 469px;
margin-top: 9px;
margin-left: 24px;
width: 978px;
background:;
}
#contant_about_txt2{
font-family:arial;
}
#contant_about_txt3{
width: 969px;
height: 88px;
font-family: arial;
margin-left: 6px;
font-size: 12px;
background:;
}


/********End about us*********/



/*******start contact*******/
#contact{
 width:1024px;
 height:auto;
 margin-left:px;
 margin-top:10px;
 background:;
 }
#contact h2{
 width:600px;
 height:40px;
 background:;
 margin-left:33px;
 font-family:arial;
 margin-top:-12px;
 padding-top:20px;
}
#contant_top{
 width:1024px;
 height:510px;
 background:;
 margin:auto;
}
.text{
color:red;
margin-left: 98px;
font-weight: bold;
font-size: 20px;
font-family:arial;
padding-top:20px;
 
}
.text1{
    font-family: arial;
    font-size: 19px;
    margin: 20px;
    margin-top: 48px;
}
#contact_left{
 width:400px;
 height:440px;
 margin-top:20px;
 margin-left:22px;
 float:left;
 border-radius:10px;
 
 	background-color:#ffeaea;
	background: -webkit-linear-gradient(#ffeaea, #fffbfb); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#ffeaea, #fffbfbd); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#ffeaea, #fffbfb); /* For Firefox 3.6 to 15 */

}

#contact_right{
 margin-top:20px;
 width:540px;
 height:500px;
 margin-right:22px;
 background:white;
 float:right;
 border-radius:20px;
}
#contant_bottom{
 width:980px;
 height:300px;
 margin-left:22px;
 margin-top:18px;
 background:#ccc;

 border-radius:5px;
}
/*******************************/
.contact_page_right{
	float:right;
 	background-color:#ffeaea;
	background: -webkit-linear-gradient(#ffeaea, #fffbfb); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#ffeaea, #fffbfbd); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#ffeaea, #fffbfb); /* For Firefox 3.6 to 15 */
	margin:;
	border-radius:10px;
	float:left;
	width:540px;
		
}

.add{
	font-family:Verdana;
	font-size:20px;
	color:red;
	text-align:center;
	padding-top:10px;
}



.add_add{
	font-family:Verdana;
	font-size:20px;
	color:red;
	text-align:center;
		
	}

.add_c20{
	line-height:30px;
	margin-left:30px;
	font-family:Verdana;
	font-size:15px;
	color:black;
	}
.con_page{
	margin:10px 10px 10px 10px;
	border-radius: 10px;
	height:315px;
	font-family:Arial;
	font-size:15px;
	}	
.comapny_text_text{
	background-color: #006AA4;
	
	border: 1px solid #006AA4;
	font-family:Verdana;
	font-size:15px;
	color:#fff;
	border-radius: 10px;
	padding:5px;
	padding-left:10px;
	margin-left:20px;
	width:630px;
	} 
 
 .input_type{
 width:200px;
 float:right;
 margin-right:151px;
 
 
 }
 
 .name_name_name{
 width:150px;
 	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	margin-left:30px;
	color:black;
	}
/*-------------start_product-----------------------*/
#product{
width:1024px;
overflow:hidden;
background:;
margin:0 auto;
}
#product_left{
width: 212px;
    overflow: auto;
    margin: 23px auto 0px 23px;
    float: left;
    border-radius: 10px;
    background-color: #fef8ba;



}
.hct{
margin-top:0px;
background:#b70100;
padding:7px;
text-align:center;
font-family:arial;
color:white;
}
#product_right{
background:;
width:750px;
overflow:hidden;
background:;
background:;
margin:0 auto;
float:right;
margin-top: 12px;
margin-right:20px;
}
.p_text1{
width:213px;
height: 25px;
margin-left:-1px;
margin-top:1px;
font-size:21px;
text-align:center;
font-family:arial;
border-top:1px dotted #FE2E2E;
border-bottom:1px dotted #FE2E2E;
background:;
}
.p_text1:hover{
background:#b70100;
color:white;
}
.p_text1 a{
text-decoration:none;
width:213px;
height:25px;
color:black;
}
.p_text1 a:hover{
color:white;
}
#product_top{
width: 163px;
height: 192px;
background:#CCC;
float: left;
margin: 12px;}
.product_topA{
}
.product_topA img{
width:151px;
height:151px;
margin:5px;
float:left;
}
.product_topB1{
width:127px;
float: left;
margin-top:px;
font-size: 17px;
font-family: arial;
background:black;
padding-left:20px;
padding-right:15px;
padding-top:4px;
padding-bottom:4px;
border-radius:2px;
color:white;
}

/*************************start_CLients**********************************/
#clients{
width:1024px;
background:white;
margin:0 auto;
margin-top:05px;
}

#clients2{
width:1024px;
height:auto;
background:white;
margin:0 auto;
float:left;
margin-top:05px;
}

.discription{
font-family:arial;
line-height:25px;
font-size:15px;
padding-left:30px;
padding-right:30px;
padding-bottom:15px;
}

#pro{
width:1024px;
height:auto;
float:left;
background:white;
}

.clients1{
    margin: 10px;
    width: 200px;
    height: 39px;
    background:;
    float: left;
    font-family: arial;
}
#clients_header{
width:990px;
overflow:hidden;
background:;
margin:0 auto;
float:left;
margin-top:px;
margin-left:20px;
background:;
}

.c_headerA{


}
.c_headerA img{
width: 230px;
height: 237px;
float: left;
margin: 7px;
border:1px solid black;
}
.c_headerB{


}
.c_headerB img{
width: 230px;
height: 237px;
float: left;
margin: 7px;
border:1px solid black;
}
.c_headerC{


}
.c_headerC img{
width: 230px;
height: 237px;
float: left;
margin: 7px;
border:1px solid black;
}
.c_headerD{


}
.c_headerD img{
width: 230px;
height: 237px;
float: left;
margin:7px;
border:1px solid black;
}
/*****************************Start_category_product*****************************/
#category{
width:1024px;
overflow:hidden;
background:;
margin:0px auto;
}
#roght_category_product{
width:700px;
overflow:hidden;
float:right;
border:2px solid black;
margin:0px auto;
margin-top:22px;
margin-bottom:10px;
margin-right:15px;
margin-left:15px;
background:;
}
#roght_category_product1{
width:700px;
overflow:400px;
float:right;
border:2px solid black;
}

#category_img{
width:270px;
height:270px;
float:left;
margin:10px;
background:black;
}
#category_img img{
width:270px;
height:270px;
}

#category_txt{
width:375px;
float:right;
margin:10px;
margin-top:10px;
font-size:15px;
text-align: justify;
font-family:arial;

}
.h22{
padding:7px;
margin-top:-0px;
background:#b70100;
margin-left:0px;
color:white;
}
.h22 a{
text-align:center;
color:white;
}
.bottom{
width:122px;
height:20px;
padding-top:4px;
padding-bottom:4px;
padding-left:10px;
padding-right:10px;
background:red;
float:right;
margin-top:20px;
margin-right:10px;
border-radius:5px;
text-align:center;
color:white;
}
.bottom1{
width:122px;
height:20px;
padding-top:4px;
padding-bottom:4px;
padding-left:10px;
padding-right:10px;
background:red;
float:left;
margin-top:20px;
margin-right:10px;
border-radius:5px;
text-align:center;
color:white;

}


.new_submit:hover {
color:#000;
background-color: #ccc;
}


.new_submit{
color: #fff;
background-color: #CE0A0C;
border: solid 1px;
border-radius: 2px;
width: 10em;
height: 3em;
font-size: 14px;
margin-top: 20px;

}{
color: #202020;
background-color: red;
border: solid 1px;
border-radius: 2px;
width: 24em;
height: 3em;
font-size: 14px;

}






/*	--------------------POPUP------------------------------*/
		
	.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.8);
		z-index: 100;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {
		visibility: hidden;
		top: 90px; 
		left: 56%;
		margin-left: -300px;
		width: 600px;
		background: #eee url(modal-gloss.png) no-repeat -200px -80px;
		position: absolute;
		z-index: 101;
		padding: 30px 40px 34px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		}
		
	.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}
	
	.reveal-modal .close-reveal-modal {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: 8px;
		right: 11px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		} 


		
	#slider_home{
	margin-top: -63px;
    width:1024px;
	height:709px;/* Must be the same size as the slider images */
}





.input_type_input{
border-radius: 5px;
color: #ccc;
border: solid 1px;
width: 24em;
height: 3em;


}

.input_type_input_new{

border-radius: 5px;
color: #ccc;
border: solid 1px;
width: 55.5em;
height: 10em;
margin-top: 24px;

}


.input_type_input:hover{
border-radius: 5px;
color: #CE0A0C;
border: solid 1px;
width: 24em;
height: 3em;


}

.input_type_input_new:hover{

border-radius: 5px;
color: #CE0A0C;
border: solid 1px;



}




	
		