@charset "utf-8";
/* CSS Document */
body
{
padding:auto;margin:auto;width:100%;height:auto; background:#bf550d; }

#main_frame
{
padding:auto;margin:auto;width:990px;-moz-border-radius:15px;-webkit-border-radius:15px;display:table;user-select:none;-moz-user-select:none;-webkit-user-select:none;
}
#main_header
{
padding:0px;margin:0px;width:100%;height:100%; background:url(../images/img1.png) repeat;}

.header{
float:left;width:990px;height:60px; background:url(../images/img1.png) repeat; 
}

.header h2
{
float:left;
width:auto;
height:auto;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
margin:20px 15px 0px 10px;
text-align:left;
color:#FFF;
padding-bottom:5px;

}

.company_logo
{
	float:left;
	width:496px;
	height:77px;
	background:#FFF;
	margin:15px 0px 0px 260px;
}



.menu{float:left; margin:10px 0px 0px 150px; height:37px; width:640px;}
.menu ul{float:left; margin:0px 0px 0px 0px; width:auto; height:0px; }
.menu ul li{margin:0px 0px 0px 10px; padding:0px; list-style:none; display:inline; }
.menu ul li a{margin:0px 0px 0px 0px; padding:8px 10px 0px 5px; 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:#ff8c04; padding:8px 10px 0px 5px; }
.menu li ul{

		display:none;
		height:auto;
		padding:0px;
		margin:0px 0px 0px 0px;
		border:0px;
		position:absolute;
		width:190px;
        padding-top:0px;background:#ff8801!important;
        border-radius:5px;
		border:1px solid #7fdaf7;
		
		
	
	
		/*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 2px 0px;
		padding:3px 0px 3px 10px;
		width:190px;
		height:10px !important;
		
		}
		.menu li li:hover {
		background:#2d4d98;
		color:#000!important;
		text-decoration:none;
		border:none !important;
		width:180px;
		height:10px !important;
		padding:3px 0px 3px 10px;
       
	}
	.menu li:hover li a{
		background:;
		color:#FFFFFF!important;
		display:block !important;
		float: left;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		width:190px;
		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_company
{
padding:0px;margin:0px;width:100%;height:100%; background:#bf550d;}

.company{
float:left;width:990px;height:100px; background:#FFF; 
}



#main_banner
{
padding:0px;margin:0px;width:100%;height:100%; background:#bf550d;}

.banner{
float:left;width:990px;height:309px; background:#FFF; margin:0px 0px 0px 0px; border:2px solid #3156a9;
}
.banner_slide{
float:left;width:990px;height:309px; background:url(../images/banner-bg.png) no-repeat; margin:0px 0px 0px 0px;
}

#slider1 {
    width:650px; /* important to be same as image width */
   height:350px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */ float:left;
	margin:0px 0px 0px 30px; 
 }

#slider1Content {
    width: 650px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0; float:left; margin:0px 0px 0px 0px;
}
.slider1Image {
    float: left;
    position: relative;
	display: none;margin:30px 0px 0px -60px;
}
.slider1Image span {
    position: absolute;
	font: 12px/18px Arial, Helvetica, sans-serif;
    padding: 20px 0px;
    width: 894px;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.9;
    color: #fff;
    display: none;
	
	font-size:16px;
}
.clear {
	clear: both;
}
.slider1Image span strong {
    font-size: 16px; margin:0px 0px 0px 40px; color:#000000;
}
.left {
	top: 0;
    left: 0;
	width: 400px !important;
	height: 280px;
	color:#3A5E81;
	
}
.right {
	right: 0;
	bottom: 0;
	width: 90px !important;
	height: 290px;
}
ul { float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;}


.quality
{
	float:right;
	width:290px;
	height:309px;
	margin:-5px 10px 0px 0px;
	
}

.quality ul
{
	float:right;
	width:280px;
	height:309px;
	
}


.quality ul li
{
	float:right;
	width:280px;
	height:97px;
	background:url(../images/img2.png);
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-decoration:none;
	text-align:center;
	line-height:100px;
	color:#5d6068;
}

.quality ul li a
{
	float:right;
	width:280px;
	height:97px;
	background:url(../images/img2.png);
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-decoration:none;
	text-align:center;
	line-height:100px;
	color:#5d6068;
}

.quality ul li a:hover
{
	float:right;
	width:280px;
	height:97px;
	background:url(../images/img2-hover.png);
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-decoration:none;
	text-align:center;
	line-height:100px;
	color:#FFF;
}


#main_wrapper{width:auto; margin:auto;  background:#bf550d;}

.wrapper{float:left; margin:0px 0px 0px 0px; height:auto; width:990px;background:#FFF;}

.wrapper h1
{
float:left;
width:960px;
height:auto;
font-size:18px;
font-family:Arial, Helvetica, sans-serif;
margin:20px 15px 0px 10px;
text-align:left;
color:#2f519f;
border-bottom:2px dotted #3156a9;
padding-bottom:5px;
}

.wrapper h2
{
float:left;
width:960px;
height:auto;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
margin:20px 15px 0px 10px;
text-align:left;
color:#f87300;
border-bottom:2px dotted #3156a9;
padding-bottom:5px;

}

.wrapper p
{
float:left;
width:960px;
height:auto;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
margin:0px 0px 10px 10px;
text-align:justify;
border-radius:3px;
padding:5px 5px 5px 5px;
color:#777272;
}

.wrapper p img
{
width:200px; 
height:73px;
float:left;
margin-right:5px;
}


.right_wrap
{
	width:750px;
	height:auto;
	float:left;
	
}


.right_wrap h1
{
float:left;
width:720px;
height:auto;
font-size:18px;
font-family:Arial, Helvetica, sans-serif;
margin:10px 15px 0px 10px;
text-align:left;
color:#2f519f;
border-bottom:2px dotted #3156a9;
padding-bottom:5px;
}



.right_wrap h2
{
float:left;
width:720px;
height:auto;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
margin:10px 15px 0px 10px;
text-align:left;
color:#2f519f;
border-bottom:2px dotted #3156a9;
padding-bottom:5px;

}


.right_wrap p
{
float:left;
width:720px;
height:auto;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
margin:0px 0px 0px 10px;
text-align:justify;
border-radius:3px;
padding:5px 5px 5px 5px;
color:#777272;
}

.image_gallery
{
	float:left;
	width:750px;
	height:auto;
	margin:5px 0px 0px 0px;
}

.image_gallery div
{
	float:left;
	width:180px;
	height:149px;
	margin:0px 0px 0px 5px;
	background:#f87300;
}



.image_gallery div:hover
{
	float:left;
	width:180px;
	height:149px;
	margin:0px 0px 0px 5px;
	background:#2c4c96;
	
	
}


/*MORPH*/
.morph {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
 
.morph:hover {
  border-radius: 10%;
  -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
		  
}




.left_wrap
{
	width:240px;
	height:auto;
	float:left;
	
}


.left_wrap h1
{
float:left;
width:230px;
height:auto;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
margin:20px 15px 0px 0px;
text-align:left;
color:#2f519f;
border-bottom:2px dotted #3156a9;
padding-bottom:5px;
}

.img3
{
	float:right;
	width:220px;
	height:79px;
	margin:10px 10px 0px 0px;
}

.img4
{
	float:right;
	width:220px;
	height:95px;
	margin:10px 10px 0px 0px;
}

#main_foot
{
padding:auto;
margin:auto;
width:100%;
/*height:100%;*/
display:table;
background:#bf550d;

}

.footer
{
padding:0px;
margin:0px 0px 0px 0px;
float:left;
height:auto;
width:990px;
background:#FFF;
border-top:5px solid #000;


}


.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:#1b4d77;
width:660px;

}

.logo
{
margin:5px 10px 0px 10px;
float:right;
width:80px;
height:30px;
}	

.logo_1
{
margin:5px 5px 0px 0px;
float:right;
width:49px;
height:39px;
}	






#table
{
	float:left;
	width:600px;
	height:auto;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#777272;
	margin:20px 0px 10px 200px;
}


.enquiry_form
{
height:495px;
width:420px;
float: left;
margin:0px 180px 60px 20px;

}

.enquiry_form h1
{
height: auto;
width:440px;
float:left;
margin:0px 0px 20px 0px;
padding:0px 0px 0px 0px;
text-align:left;
color:#747474;
font-size:14px;
font-weight:normal;
font-family: Trebuchet MS;
border-bottom:#CCCCCC 1px solid;
}
.enquiry_form div
{
width:450px;
float: left;
height:auto;
color:#2c4c96;
font-size:14px;
font-family:Trebuchet MS;
font-weight: normal;
margin:10px 0px 0px 60px;
position:relative;
display:block;
margin-bottom:5px;
text-shadow:none;
font-weight:bold;
}
.enquiry_form input
{
color:#535651;
}
.enquiry_form input:hover
{

}
.txt_box
{
color:#67575F; background:#fff !important;
font-family:Arial;
font-size:11px;
font-weight: normal;
height:50px;
width:406px;
float:right;
margin:0px; border:1px solid #000;

}
.txt_area
{
color:#67575F;
font-family:Arial;
font-size:11px;
font-weight: normal;
height:23px;
width:326px;
float:right;background:#fff !important;
margin:0px; border:1px solid #000;
}
.enquiry_form  select 
{
height:23px;
width:330px;
float:right;
color:#67575F;background:#fff !important;
font-family:Trebuchet MS;
font-size:11px; 
font-weight: normal; border:1px solid #000;

}
.enquiry_form textarea 
{
color:#67575F;
font-family:Arial;
font-size:12px;
font-weight: normal;
height:50px;
width:326px;
float:right;
margin:0px; border:1px solid #000;

}
.enquiry_form textarea:hover
{

}
.enquiry_form select:hover
{
}
.button
{
height:25px;
width:80px;
border:none;
cursor:pointer;background:#fff !important;
color:#747474!important;
font-family: Arial!important;
 border:2px solid #747474;
 font-weight:bold;
float:right !important;
margin-top:0px !important;
margin-right:5px !important;
}
.button:hover
{
 color:#262016!important;
 border:2px solid #262016;

}