body{		
  margin: 0;
  padding: 0;
  background-color: #FFF;		
  font-family: Roboto,sans-serif;
  font-size: 11pt;
  color: #7C7C7C;
}

A:link, A:visited{
  font-family: Roboto,sans-serif;
  font-size: 11pt;
  outline: none;
  text-decoration: underline;
  color: #589DD5;
}

A:hover{
  text-decoration: none;
}

p{
  margin: 0;
  padding: 10px 0 0;
  line-height: 150%;	
}

ul{
  margin: 0;
  padding: 0 0 0 20px;
  line-height: 25px;	
}

ul li{
  padding-bottom: 5px;
}

form{
  margin: 0;
  padding: 0;
}

hr{
  border-bottom: 1px solid #DEDEDE;
  border-left: 0;
  border-right: 0;
  border-top: 0;		
}

.wp{
  width: auto;	
  max-width: 1920px;
  _width: 1920px;	  			
}

.wp-small{
  width: auto;	
  max-width: 1280px;
  _width: 1280px;	 	
}

.ma{
  margin-right: auto;
  margin-left: auto;		
}

.header{
  width: 100%;	
  height: 150px;
  background-color: #FFF;		
  position: relative;
  z-index: 2;					
}

.logo{
  float: left;
  padding: 16px 0 0 50px;	
}

.header-b div.logo{
  background-color: #FFF;	
}

.logo A:link, .logo A:visited{
  display: block;	
  width: auto;
  max-width: 335px;
  _width: 335px;	
}

.logo img{
  width: 100%;	
}

.header-R{
  float: right;	
  padding: 10px 50px 0 0;		
}

.pull-wp{
  display: none;
  float: right;
  padding: 10px 0 0 15px;	 
							
}

A#pull:link, A#pull:visited{  
  display: block;	
  width: 20px;
  height: 20px;
  background: url(../images/pull.png) center center no-repeat #6CAEDF;	
  padding: 15px;					
}

.pull-menu{
  display: none;	
  width: 100%;	
  position: absolute;
  right: 0;
  top: 120px;	
  z-index: 10;				
}

.pull-menu A:link, .pull-menu A:visited{
  display: block;
  text-align: right;	
  padding: 10px 15px 10px 5px;
  background: rgba(48,48,48,0.9);
  border-bottom: 1px solid #C3C3C3;	
  text-decoration: none;
  color: #FFF;					
}

.pull-menu A:hover{
  background: rgba(0,0,0,0.7);	
}

.header-phone{
  float: right;	
  width: 215px;	
  height: 40px;
  padding-top: 20px;
  margin-right: 19px;	
  text-align: center;
  border: 6px solid #6CAEDF;
  background: url(../images/icon-phone.jpg) no-repeat 15px center;				
  text-decoration: none;
  color: #6CAEDF;		
}

.top-menu{
  clear: right;	
  float: right;	
  padding-top: 30px;						
}

.tm-main{
  float: right;
  padding-left: 35px;			
}

.tm-link:link, .tm-link:visited{			 
  text-decoration: none;  	
}

.tm-item A.tm-link:link, .tm-item A.tm-link:visited{
  color: #262626;		
}

.tm-item A.tm-link:hover, .tm-itemS A.tm-link:link, .tm-itemS A.tm-link:visited{
  color: #589DD5;		
}

.footer{
  background: url(../images/footer.jpg) no-repeat;		
  background-size: cover;	
  padding: 30px 15px;	
  position: relative;
  z-index: 2;			
  font-size: 8pt;
  color: #FFF;
  font-family: Verdana;	
}

.footer-logo{
  text-align: center;
  padding-bottom: 30px;		
}

.footer A:link, .footer A:visited{
  color: #FFF;
  font-size: 8pt;
  font-family: Verdana;		
}

.ft-block, .ft-inner{
  float: left;
}

.ft-lbl{
  display: block;
  padding: 15px 0 20px;
  text-transform: uppercase;
  font-size: 8pt;
  color: #FFF;
  font-weight: bold;	
}

.ft-sitemap{
  padding-right: 50px;	
}

.ft-sitemap div.ft-inner{
  padding-right: 70px;	
}

.ft-industries{
  padding-right: 120px;	
}

.ft-inner div{
  clear: left;	
  float: left;
  padding: 3px 0;	
}

.ft-block A:link, .ft-block A:visited{
  text-decoration: none;
}

.ft-block A:hover{
  color: #FFA366;
}

.ft-copyright{
  float: right;	
}

.ft-copyright div.ft-inner{
  padding: 41px 0 0 50px;
}

.ft-copyright div.ft-inner div{
  padding-top: 8px;	
}

.footer-m{	
  display: none;	
  width: 100%;
  background-color: #FFF;	
  border-top: 1px solid #DDD;		
  padding: 10px 0 5px;					
  color: #2D2D2D;	
  text-transform: uppercase;
  font-family: Verdana;
  font-size: 7pt;							
}

.footer-m-inner{
  padding-top: 7px;	
}

.footer-item{
  padding: 0 0 5px 10px;		
}

.footer-item A:link, .footer-item A:visited{
  color: #2D2D2D;
  text-transform: uppercase;
  font-family: Verdana;
  font-size: 7pt;			
}

.clear{
  clear: both;	
}

.pb-50{
  padding-bottom: 50px;	
}

.pt-40{
  padding-top: 50px;	
}

.home-industries{
  width: auto;
  max-width: 1490px;
  _width: 1490px;
  padding: 0 15px;								
}

.hi-L{
  float: left;
  width: 36%;
  padding-right: 2%;			
}

.hi-R{
  float: left;
  width: 62%;		
  position: relative;
  z-index: 1;	
  padding-top: 300px;	
}

.hi-R-inner{
  position: absolute;
  left: 0;
  top: -150px;
  z-index: 1;					
}

.hi-L-header{
  width: auto;
  max-width: 350px;
  _width: 350px;		
  padding: 30px 0 50px;	
}

.hi-L-header label{
  display: block;
  padding-bottom: 15px;
  font-size: 18pt;
  color: #2E2E2E;				
}

.hi-item A:link, .hi-item A:visited{
  display: block;
  width: 100%;
  height: 100%;			
  position: relative;
  z-index: 1;
  text-decoration: none;				
}

.hi-item-1 div{
  width: auto;	
  max-width: 541px;
  _width: 541px;		
}

.hi-item-2{
  float: left;	
}

.hi-item-2 div{
  width: auto;	
  max-width: 798px;
  _width: 798px;	
  margin-bottom: 15px;		
}

.hi-item-3 div{	
  float: right;	
  width: auto;	
  max-width: 375px;
  _width: 375px;
  margin-top: 15px;			
}

.hi-item-4{
  float: left;
  width: 54%;	
  padding-right: 3%;		
}

.hi-item-4 div{				
  width: auto;	
  max-width: 497px;
  _width: 497px;			
}

.hi-item-5{
  float: left;
  width: 43%;		
}

.hi-item-5 div{				
  width: auto;	
  max-width: 497px;
  _width: 497px;		
}

.hi-item span{
  display: block;
  cursor: pointer;		
}

.hi-data-lbl-border{
    border: 5px solid #747878;
}

.hi-item span.hi-data-wp{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;	
  background-color: rgba(0, 0, 0, 0.6);		
  transform: translateZ(0);
  transition: all 0.25s ease 0s;
  -webkit-transition: all 0.25s ease 0s;
  -moz-transition: all 0.25s ease 0s;
  -o-transition: all 0.25s ease 0s;
  -ms-transition: all 0.25s ease 0s;
  opacity: 0;						
}

.hi-item-1 span.hi-data-wp, .hi-item-2 span.hi-data-wp, .hi-item-3 span.hi-data-wp{
  height: 94%;						
}

.hi-item-4 span.hi-data-wp{
  height: 96%;						
}

.hi-item-5 span.hi-data-wp{
  height: 95%;						
}

.hi-item span.hi-data{	
  vertical-align: middle;	
  border: 1px solid #E1E3E0;
  padding: 3%;	
  color: #FFF;	
  transition: all 0.7s ease 0s;	
  -webkit-transition: all 0.7s ease 0s;
  -moz-transition: all 0.7s ease 0s;
  -o-transition: all 0.7s ease 0s;
  -ms-transition: all 0.7s ease 0s;	
  opacity: 0;				
}

.hi-item-1 span.hi-data, .hi-item-2 span.hi-data, .hi-item-3 span.hi-data{	
  height: 91%;			
}

.hi-item-4 span.hi-data{	
  height: 94%;			
}

.hi-item-5 span.hi-data{	
  height: 90%;			
}

.hi-item span.hi-ttl{
  padding-bottom: 20px;
  font-size: 20pt;		
}

.hi-item span.hi-txt{	
  font-size: 11pt;
  line-height: 150%;			
}

.hi-item img{
  width: 100%;	
}

.hi-item A:hover span.hi-data-wp{
  opacity: 1;
  width: 96%;
  padding: 2%;
}

.hi-item A:hover span.hi-data{
  opacity: 1;				
}

.home-points{
  width: auto;
  max-width: 320px;
  _width: 320px;
  margin: 20px auto 0;				
  text-align: left;	
}

.home-points li{
  padding-left: 40px;	
  /*background: url(../images/home-arr.png) no-repeat;
  list-style-type: none;*/
}

.pr{
	position:relative;
}

.hi-data-lbl{
  position: absolute; 
  background-color: rgba(0, 0, 0, 0.8); 
  color: #FFF; 
  z-index: 1; 
  padding: 15px; 
  bottom: 20px;
  font-size: 20px;
  right: 0;
  left: 0;
  width: 50%;
  margin: 0 auto;
}

.hi-item A:hover span.hi-data-lbl{
  opacity: 0;
}

.box-shadow{
  -webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.3);	
}

.home{
  width: 100%;
  padding-top: 130px;			
}

.welcome{
  margin: 0;	
  padding: 0 0 20px;	
  color: #1D1D1D;
  font-size: 26pt;
  line-height: 100%;		
  font-weight: normal;	
}

.welcome font{
  color: #589DD5;	
}

.home-txt{
  width: auto;
  max-width: 860px;
  _width: 860px;			
}

.block-ttl{	
  padding: 10px 5% 14px 15%;
  margin: 0;	
  background-color: #73B2E1;		
  color: #FFF;	
  font-weight: normal;
  font-size: 20pt;					
}

.content{
  height: auto;
  min-height: 500px;
  _height: 500px;				
}

.inner-wp{
  width: 85%;
  padding: 40px 0 0 15%;		
}

.inner-txt{
  width: auto;
  max-width: 900px;
  _width: 900px;	
  padding-bottom: 50px;				
}

.company-L{	
  float: left;
  width: 20%;
  padding-right: 3%;			
}

.company-R{
  float: left;
  width: 77%;		
}

#menu:link, #menu:visited {
  display: none;
  float: left;		
  padding: 8px 20px 0 45px;
  background: url(../images/pull.png) 10px 11px no-repeat #73B2E1;
  color: #FFF;  
  font-size: 14pt;
  height: auto;
  min-height: 35px;
  _height: 35px;			
  text-decoration: none;  
}

.company-menu div{
  clear: left;
  float: left;
  padding-bottom: 10px;			
}

.company-menu A:link, .company-menu A:visited{
  display: block;
  padding: 10px 20px;
  text-decoration: none;			
}

.company-menu div.lm-item A:link, .company-menu div.lm-item A:visited{
  color: #FFF;
  background-color: #73B2E1;				
}

.company-menu div.lm-item A:hover, .company-menu div.lm-itemS A:link, .company-menu div.lm-itemS A:visited{
  color: #252525;
  background-color: #F2F3F3;				
}

.not-found{
  text-align: center;
  padding-top: 100px;
  font-style: italic;
  font-size: 14pt;
  color: #FF0000;		 			
}

.main-img img{
  width: 100%;	
}

.company-wp{
  width: auto;
  max-width: 960px;
  _width: 960px;			
}

.inner-ttl{
  padding: 5px 0 5px 20px;	
  margin: 30px 0 20px;	
  border-left: 9px solid #73B2E1;		
  color: #222222;	
  font-weight: normal;
  font-size: 20pt;		
}

.points{
  float: left;
  padding-right: 50px;		
}

.points ul{
  margin: 30px 0 20px;	
}

.data-files{
  width: 100%;
  padding: 10px 0;
}

.data-files div{
  float: left;	
}

.data-files A:link, .data-files A:visited{
  float: left;
  display: block;
  height: 21px;
  padding: 8px 0 4px 45px;
  color: #5E5E5E;
  font-size: 10pt;
  margin: 10px 50px 0 0;
}

.data-doc:link, .data-doc:visited{
  background: url(../images/icons/doc-icon.gif) no-repeat;
}

.data-xls:link, .data-xls:visited{
  background: url(../images/icons/xls-icon.gif) no-repeat;
}

.data-ppt:link, .data-ppt:visited{
  background: url(../images/icons/ppt-icon.gif) no-repeat;
}

.data-pdf:link, .data-pdf:visited{
  background: url(../images/icons/pdf-icon.gif) no-repeat;
}

.data-video:link, .data-video:visited{
  background: url(../images/icon-video.png) left 3px no-repeat;
}

.inner-img{
  padding-top: 30px;	
}

.inner-img img{
  width: 100%;	
}

.industries-wp{
  padding: 0 15px;	
}

.industries-L{	
  float: left;
  width: 20%;
  padding-right: 3%;			
}

.industries-R{
  float: left;
  width: 72%;
  padding-left: 5%;			
}

.industries-menu div{
  padding-bottom: 25px;	
}

.industries-menu A:link, .industries-menu A:visited{
  display: block;
  text-decoration: none;			
}

.industries-menu div.lm-item A:link, .industries-menu div.lm-item A:visited{		
  color: #939393;	
}

.industries-menu div.lm-item A:hover, .industries-menu div.lm-itemS A:link, .industries-menu div.lm-itemS A:visited{
  color: #73B2E1;	
}

.industries-menu span{
  display: block;
  cursor: pointer;		
}

.industries-menu span.im-ttl{
  padding-bottom: 10px;	
  font-size: 14pt;		
}

.industries-menu span.im-txt{
  line-height: 150%;
  font-size: 10pt;			
}

.industries-ttl{
  font-size: 28pt;
  color: #2E2E2E;		
}

.industries-ttl-sub{
  font-size: 18pt;
  color: #589DD5;
  text-transform: uppercase;			
}

.tips{
  width: 100%;
  padding-top: 30px;		
}

.tips div{
  float: left;
  padding: 10px 50px 10px 45px;	
  background: url(../images/tip.png) no-repeat;
  font-size: 14pt;
  color: #1D1D1D;				
}

.industry-gallery{
  width: 100%;
  padding-top: 30px;		
}

.industry-gallery div{
  float: left;
  width: 49%;
  padding: 0 1% 1% 0;			
}

.industry-gallery A:link, .industry-gallery A:visited{
  display: block;
  position: relative;
  z-index: 1;		
  text-decoration: none;		
}

.industry-gallery img{
  width: 100%;	
}

span.enlarge{
  display: block;
  cursor: pointer;		
  position: absolute;
  right: 0;
  bottom: 0;
  width: 44px;
  height: 44px;
  background: url(../images/enlarge.png) no-repeat;						
}

.header-img{
  width: 100%;	
}

.header-img img{
  width: 100%;
}

.facility-txt{
  width: auto;
  max-width: 860px;
  _width: 860px;			
}

.facility-gallery{
  width: 100%;
  padding-top: 30px;		
}

.facility-gallery div{
  float: left;	
  width: 24.8%;
  padding: 0.1%		
}

.facility-gallery A:link, .facility-gallery A:visited{
  display: block;
  position: relative;
  z-index: 1;		
  text-decoration: none;		
}

.facility-gallery img{
  width: 100%;	
}

.quality-wp{
  width: auto;
  max-width: 1160px;
  _width: 1160px;			
}

.quality{
  float: left;
  width: 45%;
  padding-right: 5%;			
}

.quality-gallery{
  width: 100%;
  padding-top: 50px;		
}

.quality-gallery div{
  float: left;	
  width: 41.8%;
  padding: 0.1%		
}

.quality-gallery A:link, .quality-gallery A:visited{
  display: block;
  position: relative;
  z-index: 1;		
  text-decoration: none;		
}

.quality-gallery img{
  width: 100%;	
}

.services-wp{
  width: auto;
  max-width: 875px;
  _width: 875px;	
  padding-bottom: 50px;			
}

.service{
  width: 100%;	
  height: auto;
  min-height: 472px;
  _height: 472px;
  overflow: hidden;					
}

.service-1{
  background-color: #222222;	
}

.service-2{
  background-color: #CFCFCF;	
}

.service-3{
  background-color: #5093B7;	
}

.srvice-txt-L div.service-txt{
  float: left;	
  padding: 5% 5% 0 15%;	
  color: #FFF;	
}

.srvice-txt-L div.service-img{
  float: right;	
}

.srvice-txt-R div.service-txt{
  float: right;	
  padding: 5% 15% 0 5%;	
  color: #222;	
}

.srvice-txt-R div.service-img{
  float: left;	
}

.service-txt{
  width: 30%;		
}

.service-img{
  width: 50%;
  height: 100%;	
  overflow: hidden;		
}

.service-img img{
  height: 100%;	
}

.st-ttl{
  border-left: 9px solid #73B2E1;	
  padding-left: 20px;
  margin-bottom: 15px;		
  font-size: 18pt;  	
}

.form-loading {
  display: none;
  width: 41px;
}

.form-loading img {
  max-width: 100%;
}

@media screen and (max-width: 1270px) {
    .logo{
    	padding-left: 15px;
    }
	.header-R{
    	padding-right: 15px;
    } 
    .tm-main{
		padding-left: 30px;
    } 
    .home{
		padding-top: 100px;
    } 
}

@media screen and (max-width: 1220px) { 
    .home{
		padding-top: 50px;
    } 
}

@media screen and (max-width: 1160px) {
	.header{
		height: 95px;
	}
	.logo{
		width: 290px;
		pading-top: 10px;
	}
    .pull-wp{
		display: block;
	}
	.top-menu{
		display: none;
	} 
	.service-txt{
		width: 40%;
	}
	.srvice-txt-L div.service-txt{
		padding-left: 5%;
	}
	.srvice-txt-R div.service-txt{
		padding-right: 5%;
	}	
}

@media screen and (max-width: 1020px) {
	.hi-R-inner{
		top: -75px;
	}
	.hi-item-4{
		width: 40%;
	}
	.hi-item-5{
		width: 57%;
	}
	.block-ttl{
		padding-left: 15px;
		padding-right: 15px;
	}
	.content-p{
		padding-left: 15px;
	}
	.content-p div.inner-wp{
		width: 100%;
		padding-left: 0;
	}	
	.content-f div.inner-wp{
		width: 90%;
		padding-right: 5%;
		padding-left: 5%;	
	}	
	.industries-wp{
		padding-left: 0;
	}
	.quality-gallery div{
		width: 49.8%;
	}
}

@media screen and (max-width: 860px) {
	.hi-L{
		width: 100%;
		padding-right: 0;
	}
	.hi-R{
		width: 100%;
		padding-top: 15px;
	}
	.hi-R-inner{
		width: 100%;
		position: relative;
		top: 0;
	}	
	.hi-item-1{
		float: left;
		width: 40%;
		padding-right: 2%;
	}
	.hi-item-2{
		width: 100%;
	}
	.hi-item-3{
		float: left;
		width: 39%;
	}
	.hi-item-3 div{
		margin-top: 0;
	}
	.hi-item-4{
		width: 33%;
	}
	.hi-item-5{
		width: 49%;
	}
	#menu:link, #menu:visited{
		display: block;
	}
	.company-L, .industries-L{
		display: none;
		width: 100%;
		padding: 0 0 30px; 
	}
	.company-R{
		width: 100%;
	}
	.industries-R{
		width: 100%;
		padding: 30px 0 0;
	}
	.content-p{
		padding-right: 15px;
	}
	.industries-wp{
		padding-right: 0;
	}	
	.company-menu{
		background-color: #73B2E1;
		padding: 20px 3px 3px;
	}
	.company-menu div{
		float: none;
		padding-bottom: 0;
	}
	.points{
		width: 45%;
		padding-right: 5%;
	}
	.facility-gallery div{
		width: 49.8%;
	}
}

@media screen and (max-width: 800px) {
	.ft-sitemap{
		padding-right: 30px;
	}
	.ft-sitemap div.ft-inner{
		padding-right: 45px;
	}
	.ft-industries{
		padding-right: 50px;
	}
}

@media screen and (max-width: 700px) {
	.header-phone{
		display: none;
	}
	.hi-item-1{
		width: 100%;
		padding: 0 0 15px;
	}
	.hi-item-2 div{
		margin-bottom: 0;
	}
	.hi-item-3{
		width: 100%;
	}
	.hi-item-3 div{
		float: none;
	}	
	.hi-item-4{
		width: 100%;
		padding: 15px 0; 
	}
	.hi-item-5{
		width: 100%;
	}
	.service{
		min-height: auto;
	}
	.service-txt{
		width: 90%;
	}
	.service-img{
		width: 100%;
	}
	.service-img img{
		width: 100%;
		height: auto;
	}	
	.srvice-txt-L div.service-txt, .srvice-txt-R div.service-txt{
		padding-bottom: 5%;
	}
}

@media screen and (max-width: 550px) {
	.footer{
		padding-bottom: 20px;
	}
	.ft-block, .ft-copyright{
		display: none;
	}
	.footer-m{
		display: block;
	}
	.footer-logo{
		padding-bottom: 0;
	}
	.points{
		width: 100%;
		padding-right: 0;
	}
	.points ul{
		margin: 10px 0;
	}	
	.quality{
		width: 100%;
		padding: 0;
	}
	.quality-gallery div{
		width: 99.8%;
	}	
}

@media screen and (max-width: 450px) {
	.header{
		height: auto;
		padding-bottom: 15px;
	}
	.logo{
		width: 65%;
	}
	.industry-gallery div{
		width: 100%;
		padding-right: 0;
	}
}