/* Reset styles */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1;color: black;}
ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/*-------------------------
root styles
-------------------------*/

body {
    background-color: #fff;
    font-family: "Verdana", sans-serif;
    font-size: 12px;
    color: #666666;
}

	p {
		line-height: 14px;
		margin-bottom: 12px;
	}
		strong { font-weight: bold; }
		em { font-style: italic; }
	
	h1 {
		font-size: 16px;
		font-weight: bold;
		color: #555A8A;
		line-height: 30px;
		margin-bottom: 5px;
	}
	h2 {
		font-size: 14px;
		font-weight: bold;
		color: #CC9900;
		margin: 15px 0 8px;
	}
	 
    #content a, #content a:link {
        color: #3C3C3C;
        text-decoration: underline;
		font-size: 12px;
		margin: 0;
		line-height: 14px;
    }
    #content a:visited { color: #666666; }
    #content a:hover, #content a:active, #content a:focus { color: #CC9900; }
	
	#content ul {
		list-style: inside disc;
		margin: 0 15px 10px;
	}
		#content li {
			margin-bottom: 10px;
		}
			#content ul.secondary_list li {
				margin: 3px 10px 3px;
			}
	ol {
		list-style: outside decimal;
		margin: 8px 15px 10px;
		line-height: 14px;
	}
		ol ol {
			list-style: outside lower-alpha;
			margin-left: 20px;
		}
			ol ol ol {
				list-style: inside lower-roman;
			}

/*-------------------------
clearing divs
-------------------------*/
#main:after {
    display:block;
    visibility:hidden;
    content:".";
    width:100%;
    height:0.1px;
    clear:both;
}


/*-------------------------
header
-------------------------*/
#header {
	height: 86px;
	width: 1000px;
	background: url(header.png) no-repeat;
}

/*-------------------------
nav bar
-------------------------*/



#nav {
	height: 65px;
	width: 541px;
	position: relative;
	top: 0;
	left: 302px;
}
	.navlinks {
		height: 65px;
		margin-right: 2px;
		float: left;
	}
	#navlinks_about { width: 97px; background-image: url(nav_about.png); }
	#navlinks_about:hover, .about #navlinks_about { width: 97px; background-image: url(nav_about_hover.png); }
		#navlinks_about ul { width: 97px; }
		
	#navlinks_products { width: 109px; background-image: url(nav_products.png); }
	#navlinks_products:hover, .products #navlinks_products { background-image: url(nav_products_hover.png); }
		#navlinks_products ul { width: 109px; }
		
	#navlinks_awards { width: 101px; background-image: url(nav_awards.png); }
	#navlinks_awards:hover, #awards #navlinks_awards { background-image: url(nav_awards_hover.png); }
		#navlinks_awards ul { width: 101px; }
		
	#navlinks_contact { width: 101px; background-image:  url(nav_contact.png); }
	#navlinks_contact:hover, .contact #navlinks_contact  { background-image: url(nav_contact_hover.png); }
		#navlinks_contact ul { width: 101px; }
		
	#navlinks_onlineclients { width: 123px; background-image: url(nav_online.png); }
	#navlinks_onlineclients:hover, #online_clients #navlinks_onlineclients { background-image: url(nav_online_hover.png); }
		#navlinks_onlineclients ul { width: 123px; }
		
		.navlinks_label {  /* main link label */
			position: relative;
			top: 45px;
			background-color: #fff;
			opacity: 0.8;
			color: #555A8A;
			height: 16px;
			text-align: center;
			font-size: 10px;
			margin: 0;
			cursor: default;
		}
			.navlinks_label p { 
				text-align: center;
				position: relative;
				top: 5%;
				font-size: 10px;
				margin: 0;
				cursor: default;
				line-height: 12px;
			}
			.navlinks_label a:link, a:visited {
				font-size: 10px;
				text-decoration: none;
			}

		.navlinks span {    /* drop-down menu (the whole list) */
			display: none;
		}
		.navlinks:hover span {
			display: block;
			position: absolute;
			top: 65px;
			background: url(blank.gif);
			overflow: hidden;
		}
			.navlinks li {   /* each drop-down list item */
				height: 19px;
				background-color: #EDF1F8;
				margin-bottom: 2px;
			}
			.navlinks li:hover {
				background-color: #DCE6EF; /*e4ecf3*/
			}
				
				.navlinks a, .navlinks a:link, .navlinks a:visited, .navlinks a:hover {
					font-size: 10px;
					text-decoration: none;
					margin-left: 10px;
					color: #555A8A;
					position: relative;
					top: 10%;
				}

/*-------------------------
body
-------------------------*/
#wrapper {
	width: 1000px;
}
	#main {
		width: 1000px;
		background-color: #fff;
	}
		#sidebar {
			width: 105px;
			height: 450px;
			float: left;
			margin: 0 0 0 -772px;
			background-repeat: no-repeat;
		}
		#about #sidebar { background-image: url(side_about.jpg); }
		#environmental #sidebar { background-image: url(side_environmental.jpg); }
		#products_commercial #sidebar { background-image: url(side_commercial.jpg); }
		#products_security #sidebar { background-image: url(side_security.jpg); }
		#products_postage #sidebar { background-image: url(side_postage.jpg); }
		#prepress_specs #sidebar { background-image: url(side_specs.jpg); }
		#contact #sidebar { background-image: url(side_contact.jpg); }
		#quotation #sidebar { background-image: url(side_quotation.jpg); }
		#online_clients #sidebar { background-image: url(side_online.jpg); }
		#termsconditions #sidebar { background-image: url(side_terms.jpg); }


		#content {
			min-height: 420px;
			width: 610px;
			float: left;
			margin: 20px 0 0 104px; /*161*/
			background-color: #fff;
			padding: 0 0 20px 57px;
			border-left: 1px solid #555A8A;
		}



/*-------------------------
awards page
-------------------------*/




#awards {
	background-color: #ebe6d8;
}
	#awards_main {
		width: 600px;
		height: auto;
		background-color: #fff;
		margin: 0 auto;
		padding: 12px 0;
	}
	
		.awards_strip {
			height: 15px;
			width: 600px;
			background-color: #dddee8;
		}
			.awards_strip img {
				float: left;
				clear: none;
				position: relative;
				top: -5px;
				left: 10px;
				margin-right: 15px;
			}
		#awards_header_img {
			height: 420px;
			width: 416px;
			margin: 0 auto;
			background-image: url(awards_header_img.png);
		}
		
		#awards_content {
			width: 450px;
			margin: 25px auto;
		}
		
		#awards_content table {
			margin: 10px 0;
			border-top: 1px dashed #ebe6d8;
			border-bottom: 1px dashed #ebe6d8;
		}			
			#awards_content table tr.rowhighlight {
				background-color: #faf7ee;
			}
			#awards_content table .rowhighlight td {
				padding: 3px 10px;
			}
			#awards_content table td {
				padding: 8px 10px;
			}
			#awards_content table td.firstcolumn {
				padding-right: 25px;
			}



/*-------------------------
footer
-------------------------*/
#footer {
	height: 98px;
	width: 1000px;
	background: url(footer_bg.png) repeat-y;
	margin-top: 20px;
}
	#footer a, a:link {
			text-decoration: none;
			color: #575B8B;
			font-size: 9px;
			margin-left: 13px;
	}
	#footer a:hover { color: #fff; }
	.footerlinks {
		width: 150px;
		height: 78px;
		float: left;
		clear: none;
		padding-left: 22px;
		margin: 10px 0;
	}
	.footerlinks_middle {
		border-left: 1px solid #CDCDCD;
		border-right: 1px solid #DADADA;
	}
		#footerlinks_about { background: url(footerlinks_about.png) no-repeat; }
		#footerlinks_products { background: url(footerlinks_products.png) no-repeat; }
		#footerlinks_contact { background: url(footerlinks_contact.png) no-repeat; }
			.footerlinks_headers {
				visibility: hidden;
				display: block;
				margin-bottom: 5px;
			}
	#footer_copyright {
		position: relative;
		top: 80px;
		font-size: 9px;
	}