/* CSS Document */
body
{
padding:0px;
margin:0px;
font-family:Trebuchet MS;
background-color:#CCCCCC;
}
h1,h2,h3,h4,h5,h6,p,div
{
padding:0px;
margin:0px;
font-weight:normal;
}
ul,li,a,span,input
{
padding:0px;
margin:0px;
border:none;
}
img
{
border:none;
}
#main
{
width:1000px;
margin:auto;
}

#main_frame
{
padding:0px;
margin:0px;
width:1000px;
float:left;
background-color:#FFFFFF;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border:2px solid #000000;
user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
}


#header
{
padding:0px;
margin:0px 0px 10px 0px;
float:left;
width:1000px;
height:122px;
background:url(../images/header.png) no-repeat;
}
#srch
{
padding:0px;
margin:80px 0px 0px 780px;
float:left;
height:43px;
width:140px;
}
.search_box
{
float: right;
background:url(../images/search_box.png) no-repeat;
height:20px;
width:126px;
margin:0px  0px 0px 0px;
}
.txtarea_search
{
background: none;
height:20px;
width:90px;
float: left;
margin:0px 0px 0px 0px;
border:none;
color:#000000;
font-weight: normal;
font-family:Trebuchet MS;
font-size:10px;
text-indent:0px;
padding-left:3px;
}
.search_box_button
{
background:url(../images/search_button.png) no-repeat;
height:30px;
width:30px;
float: left;
margin:-5px 0px 0px  0px;
border:none;
}
.search_box_button:hover
{
cursor: pointer;
}
.logo
{
width:146px;
height:110px;
float:left;
margin:10px 0px 0px 17px;
-moz-border-radius:3px 3px 3px 3px;
-webkit-border-radius:3px 3px 3px 3px;
border-radius:3px;
position:relative;
z-index:1;
background:#666666;
}

.menu
{
width:1000px;
height:37px;
float:left;
margin:0px 0px 0px 0px;
background:url(../images/menu_bg.png) no-repeat;
}
 
.menu ul{

	height: auto;
	list-style:none;
	margin:-10px 0px 0px 220px;
	padding:0px 0px 0px 0px;
	width:auto;
	text-shadow:none;	
	}
.menu li{
		float:left;
		padding:0px 0px 0px 0px;
		margin:0px 0px 0px 0px;
		background: none;
		width:166px;
		height:49px !important;
		font-weight: normal;
	}
		
		.menu li:hover{
height:49px;
color:#FFFFFF!important;
		}

.menu li a{
		
		color:#FF0707;
		display:block;
		font-size:14px;
		
		margin:0px;
		padding:20px 0px 0px 14px;
		margin:0px 0px 0px 10px;
		text-decoration:none;
		width:166px;
		height:49px;
		font-family:Trebuchet MS;
		background:url(../images/main_menu.png) no-repeat;
		text-align:center;
		
		font-weight:bold; 
		
		}
		.menu li a:hover, .menu ul li:hover a{			
			color:#FFFFFF;
			text-decoration:none;
			background:url(../images/menu_hover.png) no-repeat;
	 
			}
.menu li ul{

		display:none;
		height:auto;
		padding:0px;
		margin:0px 0px 0px 40px;
		border:0px;
		position:absolute;
		width:170px;
		z-index:999;
		border-radius:15px;
		-moz-border-radius:15px;
       -webkit-border-radius:15px;
		
		
		/*top:1em;
		/*left:0;*/
		}
.menu li:hover ul{
		display:block;
		background:#000000!important;
		margin-top:-23px;
		
		}
		.menu li:hover ul li:hover ul{
		display:block;
		background:#000000!important;
		margin:0px 0px 0px 140px;
		}
.menu li li {
background:#B3B3B3;
		display:block !important;
		float: left;
		margin:0px 0px 5px 5px;
		padding:0px 0px 2px 10px;
		width:150px;
		height:20px !important;
		border-radius:15px;
		-moz-border-radius:15px;
       -webkit-border-radius:15px;
	 

	  }
	  
	  
		.menu li li:hover {
		background:#FF0707;
		color:#FFFFFF!important;
		text-decoration:none;
		width:150px;
		height:20px !important;
		border-radius:15px;
		-moz-border-radius:15px;
       -webkit-border-radius:15px;
		
		}
	.menu li:hover li a{
		background:none;
		color:#FFFFFF!important;
		display:block !important;
		float: left;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		width:200px;
		height:22px !important;
		border-radius:15px;
		-moz-border-radius:15px;
       -webkit-border-radius:15px;
	   font-weight:bold;
	   
		}
	.menu li ul a{
		display:block;
		height:20px;
		font-size:14px;
		font-style:normal;
		font-weight:normal;
		margin:0px;
		padding:0px 0px 0px 0px;
		text-align:left;
		width:150px;
		border-radius:15px;
		-moz-border-radius:15px;
       -webkit-border-radius:15px;
	 
	   
		}
		.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:0px;
		background: #B3B3B3 !important;
		
		}
		.menu  li ul li ul li:hover ul {
		display: block !important;
		position:relative;
		visibility: visible;
		margin:0px 0px 0px 130px !important;
		float:left;
		
		
		}
		
		.menu li ul li ul li 
		{
		background:#B3B3B3!important;
		
		
		}
		.menu li ul li ul li:hover 
		{
		background: #B60101!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:200px;
		height:20px !important;
		margin:0px 0px 0px 0px;
		padding:0px 0px 4px 0px;
		}
		.menu li ul li:hover ul{
		display:block;
		position:absolute;
		visibility: visible;
		margin:5px 0px 0px 130px;
		
		}
		
		.menu li ul li ul li:hover a{
		
			background: none;
			color: #FFFFFF !important;
			text-decoration:none;
			width:200px;
		height:20px !important;
		margin:0px 0px 0px 0px;
		padding:0px 0px 4px 0px;
				
			}
	.menu p{
		clear:left;
		}	
#show
{
color:#FFFFFF;
background:url(../images/menu_hover.png) no-repeat;
}




#sliderFrame 
{
    width:1000px;
    margin:170px 0px 0px 0px ; /*this makes the image slider center-aligned. Remove this line if you want to align the whole slider to the left side*/
    padding:0px;
    height:211px;
	background:#CCCCCC;
	
	}
     

#slider {
    width:1000px;height:211px;/* Make it the same size as your images */
	background: url(loading.gif) no-repeat 50% 50%;
	position:relative;
	margin:0px 0px 0px 0px;/*make the image slider center-aligned */
	
}       


#slider img {
	position:absolute;
	border:none;
	visibility:hidden;

}



/* Caption styles */
div.mc-caption-bg, div.mc-caption-bg2 {
	position:absolute;
	width:400px;
	height:auto;
	padding:10px;
	left: 100px; /*if the caption needs to be aligned from right, specify by right instead of left. i.e. right:20px;*/
	bottom: -40px;/*if the caption needs to be aligned from top, specify by top instead of bottom. i.e. top:150px;*/
	z-index:3;
	overflow:hidden;
	font-size:0;
}
div.mc-caption-bg {
	background:transparent; /*Caption background color. Can be set to "background:transparent;", or set to semi-transparent through the sliderOptions.captionOpacity setting in the javascript.*/
}
div.mc-caption {
	font:bold 13px/16px Arial;
	color:#ccc;
	z-index:4;
	text-align:center;
}
div.mc-caption a { 
	color:#66FFFF;
}


/* ------ built-in navigation bullets wrapper that is relative to the #slider ------*/
div.navBulletsWrapper  {
	display:none;
}


#slider 
{
	transform: translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
}


.strip
{
padding:0px;
margin:0px;
float:left;
height:5px;
width:1000px;
background:url(../images/strip_b.png);
}




#profile
{
padding:0px;
margin:0px;
float:left;
height:auto;
width:1000px;
}

#profile p
{
padding:0px;
margin:10px 20px 10px 20px;
float:left;
width:960px;
height:auto;
text-align:justify;
font-size:14px;
font-family:Trebuchet MS;
color:#333333;
font-style:normal;
}
.profile
{
padding:0px;
margin:20px 0px 0px 0px;
float:left;
width:193px;
height:40px;
}

.read_more a
{
padding:0px;
margin:0px 0px 10px 850px;
float:left;
width:150px;
height:auto;
text-decoration:none;
color:#FF0707;
font-style:normal;
font-size:14px;
font-weight:bold;
}
.img1
{
padding:0px;
margin:0px 0px 0px 20px;
float:left;
width:915px;
height:9px;

}

#products
{
padding:0px;
margin:0px;
float:left;
height:auto;
width:1000px;
}


.image_gallary1
{
margin:0px 0px 0px 0px;
float:left;
width:1000px;
height:auto;
}
.image_gallary1 div
{
float:left;
margin-bottom:50px;
width:140px;
height:137px;
margin-right:0px;
opacity:1;
margin-left:20px;
margin-top:20px;

}
.image_gallary1 div b
{
text-align:center;
float:left;
color:#333333;
font-size:14px;
margin:15px 0px 6px 0px;
width:140px;
height:30px;
text-shadow:none;
line-height:14px;
font-weight:bold;
}
.image_gallary1 div img
{
float: none;
opacity: 1;
z-index:1;
-webkit-transition-duration: 0.8s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.8s; /*Mozilla duration version*/
-o-transition-duration: 0.8s;
width:140px;
height:137px;
vertical-align:middle;

}
.image_gallary1 div img:hover
{
-webkit-transform:scale(1.2); 
-moz-transform:scale(1.2);
-o-transform:scale(1.2);
z-index:1;
color: #FFFFFF;
}

#company_contact
{
padding:0px;
margin:0px;
float:left;
width:1000px;
height:70px;
}

#company_contact
{
padding:0px;
margin:10px 20px 10px 20px;
float:left;
width:960px;
height:auto;
text-align:justify;
font-size:14px;
font-family:Trebuchet MS;
color:#333333;
font-style:normal;
}
#footer
{
background:url(../images/footer_bg.png);
width:1000px;
height:31px;
float:left;
text-shadow: 4px 5px 5px rgba(0, 0, 0, 0.25);
-moz-border-radius:0px 0px 12px 12px;
-webkit-border-radius:0px 0px 12px 12px;
margin:0px 0px 0px 0px;

}
#footer img
{
float:left;
}
.footer_menu
{
width:700px;
height:20px;
float:left;
margin:0px 0px 0px 50px;
}
.footer_menu ul
{
list-style-type:none;
padding:0px 0px 0px 0px;
}
.footer_menu li
{
float:left;
margin:0px 0px 0px 120px;
text-align:center;
padding-top:0px;
font-family: Arial;
font-size:9px;
font-weight:bold;
color:#FFFFFF;
-webkit-transition-duration: 0.4s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.4s; /*Mozilla duration version*/
-o-transition-duration: 0.4s;
}
.footer_menu li:hover
{
-webkit-transform:scale(1.5); 
-moz-transform:scale(1.5);
-o-transform:scale(1.5);
z-index:1;
color:#FFFFFF;
}



.enquiry_form
{
height:495px;
width:480px;
float: left;
margin:8px 0px 15px 10px;
background:none;
-moz-border-radius:10px 0px 0px 10px;
-webkit-border-radius:10px 0px 0px 10px;
border-radius:10px 0px 0px 10px;
background:#000000;
padding:15px 20px 10px 30px;
border-right:4px solid #FD3828;
}
.enquiry_form div
{
width:466px;
float: left;
height:auto;
color: #ffffff;
font-size:14px;
font-family:Trebuchet MS;
margin-top:4px;
font-weight: normal;
margin-right:13px;
position:relative;
display:block;
margin-bottom:5px;
text-shadow:none;
font-weight:bold;
}
.enquiry_form input
{
-moz-box-shadow: 0px 1px 0px #777;
-webkit-box-shadow: 0px 1px 0px #777;
background: #ddd url('img/inputSprite.png') no-repeat 4px 5px;
background: url('img/inputSprite.png') no-repeat 4px 5px, -moz-linear-gradient(
           center bottom,
           rgb(225,225,225) 0%,
           rgb(215,215,215) 54%,
           rgb(173,173,173) 100%
           );
	  background:  url('img/inputSprite.png') no-repeat 4px 5px, -webkit-gradient(
          linear,
          left bottom,
          left top,
          color-stop(0, rgb(225,225,225)),
          color-stop(0.54, rgb(215,215,215)),
          color-stop(1, rgb(173,173,173))
          );
color:#333;
text-shadow:0px 1px 0px #FFF;
-moz-border-radius:8px;
-o-border-radius:8px;
border-radius:8px;
-webkit-border-radius:8px;
}
.enquiry_form input:hover
{
background:#FF0707;
}
.txt_box
{
color:#000000;
font-family:Arial;
font-size:11px;
font-weight: normal;
height:50px;
width:356px;
float:right;
margin:0px;
background:#CCCCCC;
-moz-border-radius:8px;
-o-border-radius:8px;
border-radius:8px;
-webkit-border-radius:8px;
}
.txt_area
{
color:#000000;
font-family:Arial;
font-size:11px;
font-weight: normal;
height:23px;
width:356px;
float:right;
margin:0px;
}
.enquiry_form  select 
{
height:23px;
width:360px;
float:right;
color: #000000;
font-family:Trebuchet MS;
font-size:11px;
font-weight: normal;
-moz-border-radius:8px;
-o-border-radius:8px;
border-radius:8px;
-webkit-border-radius:8px;
background:#CCCCCC;
}
.enquiry_form  textarea 
{
color:#000000;
font-family:Arial;
font-size:11px;
font-weight: normal;
height:50px;
width:356px;
float:right;
margin:0px;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px ;
background:#CCCCCC;
}
.enquiry_form textarea:hover
{
background:#FF0707;
}
.enquiry_form select:hover
{
background:#FF0707;
}
.button
{
height:25px;
width:80px;
border:none;
cursor:pointer;
color:#FFFFFF!important;
font-family: Arial!important;
 border:2px solid #FF0707;
 font-weight:bold;
box-shadow: 0px 3px 0px #B60101 !important;
-moz-box-shadow: 0px 3px 0px  #FF0707!important;
-webkit-box-shadow: 0px 3px 0px #FF0707 !important;
float:right !important;
margin-top:5px !important;
margin-right:5px !important;
}

#contact
{
height:500px;
width:430px;
float: left;
margin:8px 0px 8px 0px;
-moz-border-radius:0px 10px 10px 0px;
-webkit-border-radius:0px 10px 10px 0px;
border-radius:0px 10px 10px 0px;
background:#000000;
padding:10px 0px 10px 10px;
}
#contact a
{
color:#CCCCCC;
}
#contact a:hover
{
color:#CCCCCC;
text-decoration:underline;
}
#contact h3
{
height: auto;
width:410px;
float:left;
margin:0px 0px 20px 0px;
background: none;
padding:5px 5px 6px 0px;
text-align:left;
color:#FFFFFF;
font-size:18px;
font-weight:normal;
border-bottom:2px solid #B60101;
}
#contact font
{
font-family: Trebuchet MS;
font-size:14px;
color: #ffffff;
font-weight:bold;
width:295px;
float:left;
margin:10px 0px 10px 0px ;
height:40px;
}
#contact b
{
font-size:15px;
color:#B60101;
font-weight:bold;
float:left;
width:120px;
margin:10px 0px 0px 0px ;
height:40px;
}



.img4
{
padding:0px;
margin:10px 400px 10px 0px;
float:left;
height:40px;
width:193px;
}



#about_us
{
padding:0px;
margin:0px;
float:left;
height:auto;
width:1000px;
}
#about_us h2
{
padding:0px;
margin:10px 20px 10px 20px;
float:left;
height:auto;
width:950px;
font-size:18px;
font-family:Trebuchet MS;
color:#FF0707;
text-decoration:underline;
}

#about_us p
{
padding:0px;
margin:10px 20px 10px 20px;
float:left;
height:auto;
width:960px;
font-size:16px;
font-family:Trebuchet MS;
color:#333333;
text-align:justify;
}

#about_us h1
{
padding:0px 0px 0px 20px;
margin:15px 0px 0px 0px;
float:left;
width:980px;
height:auto;
font-family:Trebuchet MS;
font-size:18px;
font-style:normal;
text-align:justify;
color:#FF0707;
font-weight:bold;
text-decoration:underline;
}

#about_us span
{
padding:0px;
margin:10px 20px 15px 0px;
float:left;
width:700px;
height:auto;
font-family:Trebuchet MS;
font-size:16px;
font-style:normal;
text-align:justify;
color:#000000;
}
#table
{
padding:0px;
margin:20px 0px 20px 250px;
float:left;
width:600px;
height:auto;
color:#4e4e52;
font-weight:bold;
}
.pic
{
padding:0px;
margin:0px;
float:left;
height:220px;
width:220px;
}

#video
{
padding:0px;
margin:20px 0px 40px 290px;
float:left;
height:356px;
width:427px;
background:#CCCCCC;
}

#video1
{
padding:0px;
margin:20px 0px 40px 290px;
float:left;
height:315px;
width:560px;
background:#CCCCCC;
}

.certi_images
{
padding:0px;
margin:10px 200px 20px 400px;
float:left;
width:250px;
height:250px;
}


.request_button
{
padding:0px;
margin:10px 0px 30px 420px;
float:left;
width:200px;
height:40px;
}


.read_more1
{
padding:0px;
margin:0px 0px 20px 800px;
float:left;
width:120px;
height:auto;
color:#FF0707;
font-weight:bold;
text-decoration:none;
}


.pdf
{
padding:0px;
margin:0px 20px 0px 0px;
float:left;
height:50px;
width:50px;
}