@charset "utf-8";

@font-face {
        font-family: "Palatino Linotype";
        src: url('415588379-palab_2.eot');
        src: url('415588379-palab_2.eot?#iefix') format('embedded-opentype'),
        url('415588379-palab_2.svg#Palatino Linotype') format('svg'),
        url('415588379-palab_2.woff') format('woff'),
        url('415588379-palab_2.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }
	
	body{
	font-family: "Palatino Linotype";
	direction: ltr;
	}

/* CSS Document */
*{ margin:0; padding:0; list-style:none; text-decoration:none; border:none; font-family: "Palatino Linotype";}
.spacer{ clear:both;}
hr{ border:0px; height:10px; }
br{ line-height:3px;}
#header{ width:1000px; display:block; margin:auto;}
#header .logo{ width:150px; display:block; float:left; height:105px; margin-top:10px;}

#header .iso{ width:275px; display:block; position:relative; top:5px; float:right; height:51px; background:url(images/isologo.jpg) no-repeat center;}

.drop_menu {
	
	
width:750px;
float:right;
 margin-top:15px;
	
	z-index:9999;
	position:absolute;
	top: 50px;
	left:618px;
	
}
.drop_menu li { float:left; }
.drop_menu li a {
	color:#000;
	 font-size:16px; 
	  display:block;
	  padding: 15px;
}

/* Submenu */
.drop_menu ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
	list-style-type:none;
}




.drop_menu li a:hover { position:relative;  color:#ccc;background:#003951;   -webkit-transform: skew(20deg);
  -moz-transform: skew(-16deg);
  -ms-transform: skew(-16deg));
  -o-transform: skew(-16deg);
  transform: skew(-16deg); 

  -webkit-transition: background 0.2s;
  -moz-transition: background 0.2s;
  -ms-transition: background 0.2s;
  -o-transition: background 0.2s;
  transition: background 0.2s;}
  
  
.drop_menu li a.active{ position:relative;  color:#ccc; background: #333333;  -webkit-transform: skew(20deg);
  -moz-transform: skew(-16deg);
  -ms-transform: skew(-16deg));
  -o-transform: skew(-16deg);
  transform: skew(-16deg); 
 

  -webkit-transition: background 0.2s;
  -moz-transition: background 0.2s;
  -ms-transition: background 0.2s;
  -o-transition: background 0.2s;
  transition: background 0.2s;
  }

.drop_menu li:hover ul {
	left:61px;
	top:50px;
	background:#003951;
	padding:0px;
	
}

.drop_menu li:hover ul li{ float:none; left:150px!important;}
.drop_menu li:hover ul li a {

-moz-transform: skew(0deg);
  -ms-transform: skew(0deg));
  -o-transform: skew(0deg);
  transform: skew(0deg); 

  -webkit-transition: background 0.2s;
  -moz-transition: background 0.2s;
  -ms-transition: background 0.2s;
  -o-transition: background 0.2s;
  transition: background 0.2s;
  color:#FFFFFF;


	padding:5px;
	display:block;
	width:168px;
	text-indent:15px;
	
}



.drop_menu li:hover ul li a:hover {background-color:#0099FF; }


#banner{ width:100%; display:block; background:#003951; height:403px;}

#machine{width:100%;display:block;height:156px; background-color:#003951; margin:auto;}
#machine .mabg{width:1000px;display:block;height:156px; background-color:#003951; margin:auto;}

#container{ width:1000px; display:block; margin:10px auto;}
#container .left{ width:600px;display:block; float:left; font-size:16px;  margin:10px auto; }
#container .left p{font-size:15px; line-height:20px; text-align:justify}
#container .right{ width:380px;display:block; float: right; margin:10px auto;}
#container .sidebar{ width:310px;  display:block; float:right;font-size:16px; line-height:20px;  border:#ccc solid 1px; border-radius:7px; background:#4b4b4b; padding:15px; color: #FFFFFF}

#client{ width:100%; margin:auto; background: #f2f8fb; margin-top:10px; height:71px;}
#client .clibg{ width:1000px; margin:auto;}
#client .clibg1{ width:210px; height:71px; float:left; background-image:url(images/ourclient.jpg);}
#client .clibg2{ width:790px; height:71px; float:right;}
.ima{float:left;}

#footer{ width:100%; display:block; margin:auto; height:72px; background:#003951; color:#FFFFFF; background-image:url(images/footer.jpg);}
#footer .footerst{width:1000px; display:block;; margin:auto}
#footer .footerleft{ width:220px; padding-top:22px; display:block; float:left}
#footer .footercenter{ width:490px; display:block; height:72px; float:left;}
#footer .footerright{ width:250px; padding-top:22px; display:block; float:right}


#banner{ width:100%; height:120px;}

#machineries{ width:230px; height:220px; display:inline-block; padding:5px; text-align:center;}
.box{ width:220px; height:180px; border:2px solid #CCCCCC; margin:5px;}


a{ color:#FFFFFF;}
a:hover{color:#FFCC00;}


.products{
width:295px;
height:200px;
margin:15px;
display:inline-block;
border:1px solid #CCCCCC;

}

.images{margin:5px;


}



.pagination {
   
    padding: 10px;
    font: 14px/24px sans-serif;
	margin:auto;	
	
}

.page {
    display: inline-block;
    padding: 0px 9px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}

.page:hover, .page.gradient:hover {
    background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}

.page.active {
    border: none;
    background: #616161;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}

.page.gradient {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e9e9e9));
    background: -moz-linear-gradient(0% 0% 270deg,#f8f8f8, #e9e9e9);
}

.pagination.dark {
    background: #414449;
    color: #feffff;
}

.page.dark {
    border: solid 1px #32373b;
    background: #3e4347;
    box-shadow: inset 0px 1px 1px rgba(255,255,255, .1), 0px 1px 3px rgba(0,0,0, .1);
    color: #feffff;
    text-shadow: 0px 1px 0px rgba(0,0,0, .5);
}

.page.dark:hover, .page.dark.gradient:hover {
    background: #3d4f5d;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#547085), to(#3d4f5d));
    background: -moz-linear-gradient(0% 0% 270deg,#547085, #3d4f5d);
}

.page.dark.active {
    border: none;
    background: #2f3237;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .1);
}

.page.dark.gradient {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#565b5f), to(#3e4347));
    background: -moz-linear-gradient(0% 0% 270deg,#565b5f, #3e4347);
}

.send{ margin:3px; width:180px; border:1px #D6D6D6 solid; padding:8px;}


h1{ color:#217cc2;}
h2{ color:#0099CC;}
h4{ color:#29a8df;}

table.container1 {
 	font-size:14px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
	text-align:center;
}
table.container1 th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #fff; color:#fff;
	background-color: #217cc2;
}
table.container1 td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #29a8df;
	background-color: #ffffff;
}




table.container1 { margin:15px;  }

 
table.container1 tr.alt td {
	background-color: #aae5ff;
	color: #000;
	
}



/* General Styling */



.outerWrapper {
	text-align: left;
	position:relative;
	margin: auto;
	 
	width:600px;
}

.item {
	float:left;
	margin-right:8px;
	width:150px;
	
	height:50px;
	
}

.item div {
	
	
	
	color:white;
	color:#b3b3b3;
	text-align:center;
	


}

.left-nav-btn, .right-nav-btn {
	position:absolute;
	width:37px;
	height:37px;
	position: absolute;
	top:20px;
	
	cursor:pointer;
	opacity: 0.8;
	background: url(images/arrows.png) top left no-repeat;
	-webkit-transition:opacity 0.2s linear;
  	-moz-transition:opacity 0.2s linear;
  	-o-transition:opacity 0.2s linear;
  	transition:opacity 0.2s linear;
}

.left-nav-btn {
	left:-40px;
	
	
}

.right-nav-btn {
	right:-80px;
	background-position: top right;
}

.left-nav-btn:hover, .right-nav-btn:hover {
	opacity: 1;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
#footer .footerleft{margin-top:-8px;!important } 
#footer .footerright{margin-top:-8px;!important } 
 #footer .footercenter table,tr,td{ margin-top:10px;!important}
}