@charset "UTF-8";
/* CSS Document */

/*background image*/
body, html {
	width:100%;
	height:100%;
	background-image: url(../image/backimage.gif);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	background-position:top;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align:center;
	font-family:Helvetica, sans-serif;
	font-size:12px;
}
p {
	font-family:Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	line-height:16px;
	margin-top:0;
	margin-bottom:15px;
}
h1 {
	font-size:14px;
	font-weight:bold;
	text-align:left;
	line-height:17px;
	margin-top:0;
	margin-bottom:15px;
}
em {
	color:#666666;
	font-weight:bold;
}
a, a:visited {
	color: #666666;
	text-decoration:none;
	font-weight:bold;
}
a:hover {
	color:#000000;
	text-decoration: underline;
	font-weight:bold;
}
#page-container,
#content-wrapper {
	margin: 0 auto;
	width: 840px;
}
#content-wrapper {
	background: url(../images/content_bk.jpg) repeat-y;
	display:block;
	position:relative;
}
#content-wrapper-header {
	background: url(../images/head_bk.jpg) no-repeat;
	height:347px;
	width:840px;
	margin:0 auto;
}
#content-wrapper-footer {
	background: url(../images/footer_bk.jpg) no-repeat;
	background-color:#FFFFFF;
	padding-bottom:225px;
	height: 28px;
	position:relative;
	display:block;
}
#navbar {
	position:absolute;
	top:64px;
	left:310px;
	height:27px;
	margin:0;
	padding:0;
}
#navbar ul {
	margin:0;
	position:relative;
}
#navbar ul li {
	display:inline;
	float:left;
	position:relative;
	border:0;
	margin:0;
	width:91px;
}
li.home {
	background-image:url(../images/home.png);
}
#navbar ul li.home a:hover,
li.home_o {
	background-image:url(../images/home_O.png);
}
#navbar ul li.home ul li a:link,
#navbar ul li.company ul li a:link,
#navbar ul li.home ul li a:visited,
#navbar ul li.company ul li a:visited,
#navbar ul li.home_o ul li a:link,
#navbar ul li.company_o ul li a:link,
#navbar ul li.home_o ul li a:visited,
#navbar ul li.company_o ul li a:visited {
	background-image:none;
	background-color:#CCCCCC;
	color:#333333;
}
#navbar ul li.home ul li a:hover,
#navbar ul li.company ul li a:hover,
#navbar ul li.home_o ul li a:hover,
#navbar ul li.company_o ul li a:hover {
	background-image:none;
	background-color:#EEEEEE;
	color:#999999;
}
li.company {
	background-image:url(../images/company.png);
}
#navbar ul li.company a:hover,
li.company_o {
	background-image:url(../images/company_O.png);
}
li.printing {
	background-image:url(../images/printing.png);
}
#navbar ul li.printing a:hover,
li.printing_o {
	background-image:url(../images/printing_O.png);
}
#navbar ul li.printing ul li a:link,
#navbar ul li.printing ul li a:visited,
#navbar ul li.printing_o ul li a:link,
#navbar ul li.printing_o ul li a:visited {
	background-image:none;
	background-color:#c9252b;
}
#navbar ul li.printing ul li a:hover,
#navbar ul li.printing_o ul li a:hover {
	background-image:none;
	background-color:#ff7d82;
}
li.engineering {
	background-image:url(../images/engineering.png);
}
#navbar ul li.engineering a:hover,
li.engineering_o {
	background-image:url(../images/engineering_O.png);
}
#navbar ul li.engineering ul li a:link,
#navbar ul li.engineering ul li a:visited,
#navbar ul li.engineering_o ul li a:link,
#navbar ul li.engineering_o ul li a:visited {
	background-image:none;
	background-color:#2e3192;
}
#navbar ul li.engineering ul li a:hover,
#navbar ul li.engineering_o ul li a:hover {
	background-image:none;
	background-color:#9093ff;
}
li.scanning {
	background-image:url(../images/scanning.png);
}
#navbar ul li.scanning a:hover,
li.scanning_o {
	background-image:url(../images/scanning_O.png);
}
#navbar ul li.scanning ul li a:link,
#navbar ul li.scanning ul li a:visited,
#navbar ul li.scanning_o ul li a:link,
#navbar ul li.scanning_o ul li a:visited {
	background-image:none;
	background-color:#007236;
}
#navbar ul li.scanning ul li a:hover,
#navbar ul li.scanning_o ul li a:hover {
	background-image:none;
	background-color:#1ab162;
}
#navbar ul li a {
	font-family: Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	width:91px;
	height:27px;
}

#navbar ul li:hover ul,
#navbar ul li a:hover ul {
	visibility:visible;
}


/* column container */
.colmask,
.colmask2,
.colmask3,
.colmask4,
.colmask5 {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	margin:0 auto;
	top:-225px;
	margin-bottom:-210px;
	width:800px;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
.colmask2,
.colmask3,
.colmask5 {
	top:0px;
	clear:none;
	margin-bottom:0px;
	height:320px;
	overflow:hidden;
}
.colmask { top:-205px; }
.colmask3 {
	height:80px;
}
.colmask4 {
	height:auto;
}
.colmask5 {
	height:30px;
}
.colmask3 p,
.colmask4 p,
.colmask5 p {
	font-family:Helvetica, sans-serif;
	font-size:8px;
	font-weight:bold;
	line-height:8px;
	margin-top:8px;
	color:#666666;
	text-align:center;
}
/* common column settings */
.colright,
.colmid,
.colleft,
.colmid2,
.colleft2,
.colmid3,
.colleft3,
.colmid4,
.colleft4 {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}
.middlecolumn,
.firstcolumn,
.thirdcolumn,
.doublecolumn,
.singlecolumn,
.rightgrey,
.leftwhite,
.thinone,
.largeone,
.thintwo {
	float:left;
	position:relative;
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
}
/* 3 Column settings */
.threecol {
	background:#fff;		/* right column background colour */
}
.threecol .colmid {
	right:266px;			/* width of the right column */
	background:#fff;		/* center column background colour */
}
.threecol .colleft {
	right:266px;			/* width of the middle column */
	background:#fff;	/* left column background colour */
}
.threecol .middlecolumn {
	width:240px;			/* width of center column content (column width minus padding on either side) */
	left:813px;				/* width of the middle column */
	background:#fff;		/* 100% plus left padding of center column */
}
.threecol .firstcolumn {
	width:240px;			/* Width of left column content (column width minus padding on either side) */
	left:308px;				/* width of the middle column */
	background:#fff;		/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .thirdcolumn {
	width:240px;			/* Width of right column content (column width minus padding on either side) */
	left:597px;				/* width of the middle column */
	background:#fff;		/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
.threecol .doublecolumn {
	width:505px;			/* Width of left column content (column width minus padding on either side) */
	left:548px;				/* width of the middle column */
	background:#fff;		/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .singlecolumn {
	width:240px;			/* Width of right column content (column width minus padding on either side) */
	left:572px;				/* width of the middle column */
	background:#fff;		/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

.threecol .colmid2 {
	right:166px;			/* width of the right column */
	background:none;		/* center column background colour */
	border-right:solid 1px #FF0000;
}
.threecol .colleft2 {
	right:420px;			/* width of the middle column */
	background:none;	/* left column background colour */
	border-right:solid 1px #FF0000;
}
.threecol .colmid3 {
	right:166px;			/* width of the right column */
	background:none;		/* center column background colour */
	border-right:solid 1px #476ab3;
}
.threecol .colleft3 {
	right:420px;			/* width of the middle column */
	background:none;	/* left column background colour */
	border-right:solid 1px #476ab3;
}
.threecol .colmid4 {
	right:166px;			/* width of the right column */
	background:none;		/* center column background colour */
	border-right:solid 1px #7dc242;
}
.threecol .colleft4 {
	right:420px;			/* width of the middle column */
	background:none;	/* left column background colour */
	border-right:solid 1px #7dc242;
}
.threecol .largeone {
	width:400px;			/* width of center column content (column width minus padding on either side) */
	left:810px;				/* width of the middle column */
	background:none;		/* 100% plus left padding of center column */
}
.threecol .thinone {
	width:190px;			/* Width of left column content (column width minus padding on either side) */
	left:200px;				/* width of the middle column */
							/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .thintwo {
	width:140px;			/* Width of right column content (column width minus padding on either side) */
	left:640px;				/* width of the middle column */
	background:none;		/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
.threecol .rightgrey {
	width:184px;			/* Width of right column content (column width minus padding on either side) */
	left:555px;				/* width of the left column */
	background:#CCCCCC;
	font-family: Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	line-height:19px;
	color:#FF0000;
	display:block;
	margin:8px;
	text-align:left;
	padding:8px;
}
.threecol .leftwhite {
	width:555px;			/* Width of left column content (column width minus padding on either side) */
	left:548px;				/* width of the middle column */
	background:#fff;		/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.thinone.red {
	background:#ffcbcb;
}
.thinone.blue {
	background:#dbdaf8;
}
.thinone.green {
	background:#c8f5a2;
}

.singlecolumn p {
	text-align:right;
}
.largeone p, .thinone p {
	font-family: Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#0033CC;
	display:block;
	margin:8px;
	line-height:13px;
	text-align:left;
}
.largeone p {
	font-size:12px;
	line-height:16px;
	font-weight:normal;
	color:#333333;
	margin:0;
}
.thinone h1, .largeone h1 {
	font-family: Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	line-height:19px;
	color:#FF0000;
	display:block;
	margin:8px;
	text-align:left;
}
.largeone h1 {
	margin:0;
	margin-bottom:12px;
}
.largeone h2 {
	margin:0;
	margin-bottom:12px;
	text-align:center;
	font-family: Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height:17px;
	color:#000000;
	display:block;	
}
.thinone h2 {
	font-family: Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height:17px;
	color:#FF0000;
	display:block;
	margin:8px;
	margin-top:18px;
	text-align:left;
}
.thinone a, .thinone a:visited {
	color: #0033CC;
	text-decoration:underline;
	font-weight:bold;
}
.thinone a:hover {
	color:#000000;
	text-decoration: none;
	font-weight:bold;
}
.productcol1 {
	float:left;
}
.productcol2 {
	float:left;
	width:100px;
}
/* Two column layout for new oages starts here */
.twocolumnlayout {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	margin-left:30px;
	top:-225px;
	margin-bottom:-210px;
	width:800px;			/* width of inner page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
.twocolumnlayout h1 {
	font-family: Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	line-height:19px;
	color:#2e3192;
	display:block;
	text-align:left;
	margin:0;
	margin-top:20px;
	margin-left:5px;
}
.twocolumnlayout h2 {
	font-family: Helvetica, sans-serif;
	font-size:15px;
	font-weight:normal;
	line-height:18px;
	color:#ff0000;
	display:block;
	text-align:left;
	margin:0;
}
.rightgrey h2 {
	font-size:18px;
	margin-top:0px;
}
.rightgrey p {
	margin-top:-10px;
	border-bottom:#999999 thin solid;
}
.twocolumnlayout h3 {
	font-family: Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	line-height:18px;
	color:#ff0000;
	display:block;
	text-align:left;
	margin:0;
	margin-bottom:10px;
}
.twocolumnlayout p {
	font-family: Helvetica, sans-serif;
	font-size:9px;
	font-weight:normal;
	line-height:12px;
	color:#666666;
	display:block;
	text-align:left;
	margin:0;
}
.twocolumnlayout a, .twocolumnlayout a:link, .twocolumnlayout a:active, .twocolumnlayout a:hover, .twocolumnlayout a:visited {
	font-family: Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:14px;
	color:#2e3192;
	display:block;
	text-align:left;
	text-decoration:underline;
	margin:0;
	margin-top:10px;
}
.twocolumnlayout a:hover {
	color:#999999;
	text-decoration:none;
}

.column_tab1, .column_tab2 {
	width:370px;
	float:left;
	margin-left:2px;
}
.column_tab2 {
	margin-left:25px;
}
.twocolumnlayout hr {
	width:370px;
	color:#000066;
	height:1px;
}
.item_tab {
	width:370px;
	float:left;
}
.item_tab tr td {
	padding:10px;
	vertical-align:top;
}
.item_img {
	width:20px;
}


#orangeboxcontainer {
	display:block;
	width:400px;
	height:31px;
	margin-bottom:25px;
}
#orangebox {
	position:relative;
	margin:0;
	padding-top: 7px;
	padding-right: 20px;
	padding-bottom: 7px;
	padding-left: 20px;
	background-color:#CC6600;
	color:#FFFFFF;
	font-family: Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height:17px;
	text-align:left;
	float:left;
}
#greenbox {
	position:relative;
	margin:0;
	margin-bottom:15px;
	padding:10px;
	font-family: Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height:17px;
	text-align:center;
	background-color:#C8FFBD;
}
#greenbox p {
	font-family: Helvetica, sans-serif;
	font-size:13px;
	line-height:17px;
	font-weight:bold;
	margin:0;
	color:#ff0000;
}
#greenbox h1 {
	font-family: Helvetica, sans-serif;
	font-size:17px;
	font-weight:bold;
	line-height:19px;
	text-align:center;
	color:#ff0000;
}