html, body, div{
	margin: 0;
	padding: 0;

}

body{ 	
	font-family: Arial, Tahoma, sans-serif;
	font-size : 13px;
	line-height:15px;
	color:#757575;
	background:#757575;	
	
}

img{ border:none; }
:focus { outline:0; }
a:active { outline:none; }
.word-wrap {
word-wrap: break-word;
} 
.clear{ clear:both; }
.left{ float:left; }
.right{ float:right; }
.box{ display:block; position:relative; }
.center{ text-align:center; }

.table{ display:table; }
.table-row{ display:table-row; }
.table-cell{ display:table-cell; }

/*---------- text-link ----------*/
a:link{text-decoration : none; color : #ffffff;}
a:visited {text-decoration : none; color : #ffffff;}
a:hover {text-decoration: none; color : #ffffff;}

a.txtLink:link {text-decoration : none; color : #0079c2;}
a.txtLink:visited {text-decoration : none; color : #0079c2;}
a.txtLink:hover {text-decoration:underline; color : #0079c2;}

.content{ display:block; width:1000px; margin:0 auto; position:relative; }
#content-black{ display:block; position:relative;  background:#000; min-height:300px;  }

#header{ display:block; position:relative; height:151px; border-bottom:#cccccc solid 1px; background:#FFF; }
.header-logo{ display:block; text-align:center; padding:30px 0 32px; }
.header-nav{ display:block; position:relative; }
.header-nav-bottom{ display:block; height:13px; background:url(../img/bg-nav-bottom.gif) bottom center no-repeat; }

a.m-about{ display:block; width:65px; height:11px; background:url(../img/m-about.gif) no-repeat; float:left; margin-left:54px; }
a.m-about:hover{ background-position:0 -11px; }
a.m-about-activ{ display:block; width:65px; height:11px; background:url(../img/m-about.gif) no-repeat; float:left; margin-left:54px; background-position:0 -11px;  }

a.m-products{ display:block; width:70px; height:11px; background:url(../img/m-products.gif) no-repeat; float:left; margin-left:74px; }
a.m-products:hover{ background-position:0 -11px; }
a.m-products-activ{ display:block; width:70px; height:11px; background:url(../img/m-products.gif) no-repeat; float:left; margin-left:74px; background-position:0 -11px;  }

a.m-technology{ display:block; width:89px; height:11px; background:url(../img/m-technology.gif) no-repeat; float:left; margin-left:56px; }
a.m-technology:hover{ background-position:0 -11px; }
a.m-technology-activ{ display:block; width:89px; height:11px; background:url(../img/m-technology.gif) no-repeat; float:left; margin-left:56px; background-position:0 -11px;  }

a.m-service{ display:block; width:54px; height:11px; background:url(../img/m-service.gif) no-repeat; float:left; margin-left:65px; }
a.m-service:hover{ background-position:0 -11px; }
a.m-service-activ{ display:block; width:54px; height:11px; background:url(../img/m-service.gif) no-repeat; float:left; margin-left:65px; background-position:0 -11px;  }

a.m-location{ display:block; width:63px; height:11px; background:url(../img/m-location.gif) no-repeat; float:left; margin-left:78px; }
a.m-location:hover{ background-position:0 -11px; }
a.m-location-activ{ display:block; width:63px; height:11px; background:url(../img/m-location.gif) no-repeat; float:left; margin-left:78px; background-position:0 -11px;  }

a.m-career{ display:block; width:51px; height:11px; background:url(../img/m-career.gif) no-repeat; float:left; margin-left:81px; }
a.m-career:hover{ background-position:0 -11px; }
a.m-career-activ{ display:block; width:51px; height:11px; background:url(../img/m-career.gif) no-repeat; float:left; margin-left:81px; background-position:0 -11px;  }

a.m-contact{ display:block; width:62px; height:11px; background:url(../img/m-contact.gif) no-repeat; float:left; margin-left:79px; }
a.m-contact:hover{ background-position:0 -11px; }
a.m-contact-activ{ display:block; width:62px; height:11px; background:url(../img/m-contact.gif) no-repeat; float:left; margin-left:79px; background-position:0 -11px;  }

/* footer */
#footer{ display:block; background:#757575; min-height:205px; font-size:12px; line-height:18px; border-top:#ffffff solid 1px;  }
.footer-top{ display:block; height:8px; background:url(../img/bg-footer-top.gif) top center no-repeat; }
.footerbox{ display:block; position:relative; padding:12px 0 0; }

.footerbox1{ display:block; width:141px; float:left; margin-left:86px; }
.footerbox1 a{ color:#ffffff; text-decoration:none; }
.footerbox1 a:hover{ color:#c2c2c2; text-decoration:none; }

.footerbox2{ display:block; width:256px; float:left; }
.footerbox2 a{ color:#ffffff; text-decoration:none; }
.footerbox2 a:hover{ color:#c2c2c2; text-decoration:none; }
.footerbox2-sub{ display:block; padding-left:10px; }


.footerbox3{ display:block; width:136px; float:left; margin-left:17px; }
.footerbox3 a{ color:#ffffff; c2c2c2-decoration:none; }
.footerbox3 a:hover{ color:#989898; text-decoration:none; }

.footerbox4{ display:block; width:138px; float:left; }
.footerbox4 a{ color:#ffffff; text-decoration:none; text-transform:uppercase; }
.footerbox4 a:hover{ color:#a07e46; text-decoration:none; }

.footerbox5{ display:block; width:78px; float:left; margin-left:127px; }
.icon-fb{ display:block; width:19px; height:19px; background:url(../img/icon-facebook.png) no-repeat; }
.icon-fb:hover{ background-position:0 -19px; }

.footer-contact{ position:relative; top:11px; left:-59px; }

.footer-copy{ display:block; margin:50px 0 0; font-size:11px; color:#b1b1b1; padding-bottom:20px; }
.footer-copy a{ color:#b1b1b1; }
.footer-copy a:hover{ text-decoration:underline; }

#btn_top{ display:block; width:28px; height:28px; background:url(../img/top.png) no-repeat; }

/* homepage */
.home-contact{ display:block; position:absolute; z-index:9; bottom:11px; right:0px; }
.content-white{ display:block; position:relative; background:#ffffff; }


/* about us*/
.box-about{ display:block; width:896px; position:relative; padding:40px 0 40px 52px; }
.about-txt{ display:block; position:relative; padding:46px 0 0 3px;  }
.about-txt span{ font-weight:bold; text-transform:uppercase; color:#b59157; font-size:12px; }


/* products */
#page-product{ display:block; position:relative; width:100%; background:#f3f3f3; min-height:440px; }
.box-product{ display:block; position:relative; width:956px; margin:0 auto;  }


.product-left{ display:table-cell; width:205px; vertical-align:top; background:#FFF; }
.product-right{ display:table-cell; width:751px; vertical-align:top; }

.product-box{ display:block; width:163px; margin:0 auto; padding:20px 0 20px;  }
.product-h{ display:block; text-transform:uppercase; font-weight:bold; color:#999999; padding:0 0 10px; }
.product-h-activ{ 
  display:block; text-transform:uppercase; font-weight:bold; color:#4c4c4c; padding:0 0 10px;
}
.product-h a{  color:#999999; }
.product-h a:hover{ color:#4c4c4c; }
.product-h a.activ{ color:#4c4c4c; }

.product-top{ display:block; width:163px; height:7px; background:url(../img/product-top.gif) no-repeat; }
.product-bottom{ display:block; width:163px; height:8px; background:url(../img/product-bottom.gif) no-repeat; margin-bottom:10px; }

.product-list{ display:block; width:141px; margin:0 auto; padding:6px 0; line-height:20px; }
.box-procat{ display:block; color:#999999; } 
.box-procat a{ color:#999999; }
.box-procat a:hover{ color:#4c4c4c; }
.box-procat a.activ{ color:#4c4c4c; }

.box-prosub{ display:block;  padding:6px 0; }
.box-prosub a{ color:#999999; display:block; }
.box-prosub a:hover{ color:#4c4c4c; }
.box-prosub a.activ{ color:#4c4c4c; }


.mpro-list {	
	width: 141px; margin:0 auto; display:block; position:relative; 
}
.mpro-head {
	cursor: pointer; padding:6px 0; color:#999999;  
	background:url(../img/mpro-down.gif) top right no-repeat; border-bottom:#e2e2e2 solid 1px;
}
.boxmpro-h{ display:block; width:141px; position:relative; }
.mpro-body { display:none; }
.mpro-detail{ display:block; position:relative; background:#ffffff; border-bottom:#e2e2e2 solid 1px;   }


.product-gallery{ display:block; width:751px; height:440px; position:relative; }
div#boxGallery {
	width: 751px; 
	margin: 0 auto;
	text-align: left; display:block; 
	
}
div#container {
	overflow: hidden; 
}
div.contentg {
	display: none;
	clear: both; width:751px; height:440px; margin:0 auto; position:relative; 
}

div.contentg a, div.navigation a {
	text-decoration: none;
}
div.contentg a:hover, div.contentg a:active {
	text-decoration: underline;
}

a.pageLink {
	height:45px;
	width:22px; 
}

div.slideshow-container,
div.loader,
div.slideshow a.advance-link {
	width: 751px; /* This should be set to be at least the width of the largest image in the slideshow with padding */
	
}

div.loader,
div.slideshow a.advance-link,
div.caption-container {
	height: 440px; /* This should be set to be at least the height of the largest image in the slideshow with padding */	
	
}

div.slideshow-container {
	position: relative;
	clear: both;
}


div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;

}
div.slideshow a.advance-link {
	display: block;
	line-height: 0px;/* This should be set to be at least the height of the largest image in the slideshow with padding */
	text-align: center;
	display: table-cell;
    vertical-align: middle;
    width: 751px;
    height: 440px;
	
}

div.slideshow a.advance-link:hover,
div.slideshow a.advance-link:active,
div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow a.advance-link:focus {
	outline: none;
}

div.slideshow img {
	margin:0; padding:0; 
	vertical-align:middle; max-width:751px; max-height:440px;
}

div.caption-container {
	float: right;
	position: relative;
	margin-top: 0px;
}
span.image-caption {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}


.navigation-container{ display:block; background:url(../img/bg-thumbg.png) no-repeat; width:489px; position:absolute; bottom:10px; left:131px;  }

div.navigation {
	width:489px; 
	height:45px;  display:block; overflow:hidden; 
}
div.navigation a.prev {
	position:relative; top:0; right:0px; background: url(../img/prog-prev.png) no-repeat; width:22px; height:45px;
}
div.navigation a.prev:hover{ background-position:0 -45px; }
div.navigation a.next {
	position:absolute; top:0; left:0px; background: url(../img/prog-next.png) no-repeat;
}
div.navigation a.next:hover{ background-position:0 -45px; }

div.navigation a.pageLink {
	display: block;
	position: relative;
	float: left;
	margin: 0;
	width: 22px;
	background-repeat:no-repeat;
}
div.navigation a.pageLink:focus {
	outline: none;
}

ul.thumbs {
	position: relative;
	float: left;
	margin: 0;
	padding: 0; margin-top:0px; 
	
	
}
ul.thumbs li {
	float: left;
	padding: 0; width:41px; height:41px;
	list-style: none; overflow:hidden; 
	margin-right:5px;  border:#ffffff solid 2px;

}
a.thumb {
	display: block; width:41px; height:41px; overflow:hidden;
}

.thumb-resize{
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  position: relative;
}
.thumb-resize img {
  top: 0; max-height:60px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  min-width: 50%;
  min-height: 50%;
  position: absolute; text-align:center;
}

a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	 /*max-width:41px; max-height:41px; */
}
div.pagination {

}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {

}
div.pagination a:hover {
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
}

.image-wrapper .current{ background:#000000 !important;}

/* Panel Tab/button */
.tabtop{
	width:343px; background: url(../img/bg-panel.png); min-height:55px;  
	position: relative; left:0px;
    top: 0;
    z-index: 999;
}

.tabtop a.open, .tabtop a.close {
	height: 55px;
	cursor: pointer;
	display: block;
	width: 343px;
	position: relative;
	top: 0; left:0px;
}

#toppanel {
	display:block;
    position:absolute;
    width: 343px; height:44px; 
    z-index: 999;
    margin-left: auto;
    margin-right: auto; top:0px; right:0px;
}

#panel {
	width: 100%;
	height:auto;
	color: #ffffff; text-align:center; background: url(../img/bg-panel.png);
	overflow: hidden; font-size:12px; 
	position: relative;
	z-index: 3;
	display: none; 
}
.product-text{ display:block; position:relative; width:301px; margin:0 auto; padding:0 0 18px;  }
.product-text-top{
	display:block; width:301px; height:9px; background:url(../img/product-linetop.png) no-repeat; 
}
.product-text-box{ display:block; width:281px; margin:0 auto; padding:3px 0; }
.product-text-bottom{
    display:block; width:301px; height:9px; background:url(../img/product-linebottom.png) no-repeat; 
}

.open{ 
   display:block; width:343px; min-height:55px; background:url(../img/product-open.png) 92% center no-repeat;  
}
.close{ 
   display:block; width:343px; min-height:55px; background:url(../img/product-close.png) 92% center no-repeat;
}

.panel-txt{ 
   display:block; width:281px; margin:0 auto; font-weight:bold; text-align:center;  color: #ffffff;
   font-size:18px; line-height:16px; padding:18px 0 16px; text-transform:uppercase; 
}


/*  service */
.box-service{ display:block; position:relative; width:893px; margin-left:86px; height:440px;  }
.service-left{ display:block; float:left; width:278px; height:440px; background:#757575; }
.service-right{ display:block; width:608px; float:left; }
.service-txt{ display:block; position:relative; width:228px; margin:0 auto; padding:70px 0 0; color:#ffffff;  }
.service-txt-h{ font-size:24px; padding-bottom:6px; line-height:20px; }



/* career */

.box-career{ display:block; position:relative; width:896px; margin:0 auto; padding:45px 0 52px; min-height:440px; }

.career-trh{ display:block; position:relative; font-weight:bold; color:#b59157; border-bottom:#a07e46 solid 1px; padding:0 0 6px; }
.career-tdh01{ display:block; width:60px; float:left; }
.career-tdh02{ display:block; width:172px; float:left; }
.career-tdh03{ display:block; width:360px; float:left; }
.career-tdh04{ display:block; width:90px; text-align:center; float:left; }
.career-tdh05{ display:block; width:110px; float:left; }
.career-tdh06{ display:block; width:104px; float:left; }

.career-tdh03-txt{ padding:0 0 0 16px; }
.career-tdh05-txt{ padding:0 0 0 3px; }

a.career-tr{ display:block; position:relative; color:#757575;  }
.career-td01{ width:60px; padding:9px 0; float:left;  }
.career-td02{ width:172px; padding:9px 0; float:left;  }
.career-td03{ width:360px; background:#b3986b; padding:9px 0; color:#ffffff; float:left;  }
.career-td04{ width:90px; text-align:center; padding:9px 0; float:left;  }
.career-td05{ width:110px; padding:9px 0; float:left; }
.career-td06{ width:104px; padding:9px 0; float:left;  }

.career-td01-txt{ padding-left:12px; }
.career-td03-txt{ padding-left:16px; }
.career-td05-txt{ padding-left:3px; }

.career-td01-line{ display:block; position:relative; height:1px; background:#cccccc; width:232px; float:left; }
.career-td02-line{ display:block; position:relative; height:1px; background:#a08559; width:360px; float:left; }
.career-td03-line{ display:block; position:relative; height:1px; background:#cccccc; width:304px; float:left; }

a.career-tr:hover > div.career-td01{ background:#f5f2ec; }
a.career-tr:hover > div.career-td02{ background:#f5f2ec; }
a.career-tr:hover > div.career-td03{ background:#a07e46; }
a.career-tr:hover > div.career-td04{ background:#f5f2ec; }
a.career-tr:hover > div.career-td05{ background:#f5f2ec; }
a.career-tr:hover > div.career-td06{ background:#f5f2ec; }

.career-page{ display:block; position:relative; padding:26px 0 39px; text-align:center; width:432px; margin:0 auto; font-size:12px; }

a.btn-applynow{ display:block; width:85px; height:16px; background:url(../img/btn-applynow.png) no-repeat; margin:0 auto; }
a.btn-applynow:hover{ background-position:0 -16px; }

.career-page-dd{ display:block; float:left; width:202px; height:27px; margin:0 6px 0 11px; background:url(../img/bg-select.jpg) no-repeat;  }
.career-page-pn{ display:block; float:left; width:67px; height:27px; margin-right:9px;  }
.career-page-item{ display:block; float:left; width:137px; height:27px; text-align:left; }

.page-prev{ display:block; float:left; width:33px; height:27px; }
.page-prev a{ display:block; width:33px; height:27px; background:url(../img/page-prev.png) no-repeat; background-position:0 -27px; }
.page-prev a:hover{ background-position:0 -54px; }
.page-prev span{ display:block; width:33px; height:27px; background:url(../img/page-prev.png) no-repeat; }

.page-line{ display:block; float:left; width:1px; height:27px; background:#f2f2f2; }

.page-next{ display:block; float:left; width:33px; height:27px; }
.page-next a{ display:block; width:33px; height:27px; background:url(../img/page-next.png) no-repeat; background-position:0 -27px; }
.page-next a:hover{ background-position:0 -54px; }
.page-next span{ display:block; width:33px; height:27px; background:url(../img/page-next.png) no-repeat; }

#careerpageform .selected{ display:block; position:relative; width:202px; height:27px; margin:0 auto;  }
#careerpageform .selected select {
   /* background: transparent; */ 
   font-family:Arial, Tahoma, sans-serif !important; font-size:12px !important; color:#ffffff; 
   width: 180px;  background:transparent; cursor:pointer;
   padding: 4px 0 0 0; text-align:left;
   height: 27px; border:none;
}
#careerpageform .selected option {
    border:none !important; font-family:Arial, Tahoma, sans-serif !important; font-size:12px; color:#ffffff; line-height:16px;
	background:#757575; 
	
}
#careerpageform .selected {
   width: 162px;
   height: 27px;
   overflow: hidden;   
   background: url(../img/select.png) top right no-repeat;
}
#careerpageform .selected:hover {
   width: 162px;
   height: 27px;
   overflow: hidden;   
   background: url(../img/select.png) top right no-repeat; background-position: right -27px;
}

#career-popup{ display:block; position:relative; padding:34px; }
.career-popup-box{
	display:block; position:relative; padding-bottom:20px; margin-bottom:20px; border-bottom:#ebebeb solid 1px; line-height:20px;  
}
.career-popup-box ul{ padding-left:15px; }
.career-popup-box img{ max-width:700px; }
.career-popup-box a{ color:#666666; text-decoration:underline; }
.career-popup-box b{ color:#000000; }


/* contact */
.boxcontact{ display:block; position:relative; width:500px; float:left; min-height:440px; }
.contact-left{ display:block; position:relative; padding:30px 0 48px 23px; color:#8b8b8b; }

.star{ color:#a07e46; }
.con-txt{ padding:6px 0 0;}
#contactform{ font-size:12px;}
#contactform label { display:block; padding:0; margin:0;}
#contactform label.error{ margin-left: 0px; color:#9d372e; font-size:11px; font-style:italic;  }

#contactform input{ 
	display:block; border:0; height:24px; border-bottom:#8b8b8b solid 1px; width:99%; font-size:12px; color:#8b8b8b; vertical-align:bottom; 
}
#contactform input.error{  border-bottom:#f8dbdb solid 1px; }

#contactform textarea{  display:block; border:0; resize: none; width:100%; height:46px; border-bottom:#8b8b8b solid 1px; margin-bottom:6px;  color:#8b8b8b; font-size:12px; border-bottom:#8b8b8b solid 1px; padding:6px 0 0;   }
#contactform textarea.error{ border-bottom:#f8dbdb solid 1px; }

#contactform input[type="image"]{ width:49px; height:15px; background:none; border:0; padding:0; margin:0; }

.contact-right{ display:block; position:relative; padding:30px 0 0 136px; color:#757575; }


/*  location */
.box-location{ display:block; position:relative; width:956px; margin:0 auto; padding:10px 0 24px; min-height:440px; line-height:16px; }

.location-box{ display:block; position:relative; padding:0 0 16px; border-bottom:#cccccc solid 1px; }

.location-left{ display:block; width:700px; float:left; margin-right:21px; }
.location-right{ display:block; width:235px; float:left; }

.box-location-add{ display:block; padding:40px 0 0; }
.box-location-add b{ color:#a07e46; text-transform:uppercase; }

a.btn-print{ display:inline-block; width:48px; height:15px; background:url(../img/btn-print.gif) no-repeat; }
a.btn-print:hover{ background-position:0 -15px;}


/*  tachnology  */
.tachno-printing{ 
   display:block; position:relative; width:1000px; margin:0 auto; background:url(../img/bg-tachno-home.jpg) no-repeat; min-height:397px;
}
.tachno-nav{ display:block; position:relative;  background:#7a7a7a; height:45px;  }
.boxtachno-nav{ display:block; text-align:center; padding:14px 0 0;  }
.boxtachno-nav span{ color:#ffffff; cursor:pointer;  }
.boxtachno-nav span:hover{ color:#c09042; }
#tachno-menu{ 
   width:100%;  height:45px; position:fixed; background:#7a7a7a; top:0px;
   display:none;  z-index:99; 
}

#pre-press{ display:block; min-height:450px; position:relative; background:#333333; }
#press{ display:block; position:relative; min-height:450px; background:#ffffff url(../img/bg-tachno-press.jpg) top center no-repeat;  }
#lamination{ display:block; position:relative; min-height:450px; background:#333333; }
#finishing{ display:block; position:relative; min-height:450px; background:#ffffff; }
#film{ display:block; position:relative; min-height:618px; background:#333333; } 

.press-box{ display:block; position:relative; padding:242px 0 0 86px; font-size:12px; }
.press-txtleft{ display:block; width:402px; margin-right:23px; float:left; }
.press-txtright{ display:block; width:400px; float:left; }