@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; }

@font-face { font-family: "Formata Light"; src: url(Formata-Light.otf); src: local("Format Light"), url(Formata-Light.otf) format("opentype"); }
@font-face { font-family: "Formata"; src: url(Formata-Regular.otf); src: local("Format"), url(Formata-Regular.otf) format("opentype"); }

/* Then use it like you would any other font */  
body { background: #0d3a7b url(images/img-bg-tiled.gif) left top repeat-x; color: #fff; text-align: center; font: 12px/18px Verdana, Geneva, sans-serif; }

h1, h2, h3, h4, h5, h6, p, ol, ul { margin-bottom: 12px; }
h1 { border-bottom: 1px solid #888673; color: #0d3a7b; font: 28px/24px Formata, "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif; text-shadow: #aaa 0 1px 1px; padding-bottom: 3px; letter-spacing: -1px; margin: 30px 0 12px 0; }
h2 { border-bottom: 1px solid #e8e7d6; color: #0d3a7b; font: bold 16px/18px Formata, "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif; margin-top: 18px; margin-bottom: 6px; text-shadow: #aaa 0 1px 1px; }
h3 { color: #0d3a7b; font: bold 14px/18px Formata, "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif; margin-bottom: 0; }
h4 { } 
h5 { }
h6 { }
p { }

ol { margin-left: 30px; }
	ol li { margin-bottom: 6px; }
ul { margin-left: 30px; }
	ul ul { margin-top: 6px; margin-bottom: 6px; }
	ul li { margin-bottom: 6px; }
dl { }
	dl dt { font-weight: bold; }
	dl dd { margin-left: 30px; }

a img { border: none; }
a:link, a:visited { color: #295493; }
a:hover, a:active { color: #416eb0; }
	#about a:link, #about a:visited { color: #d1d0ae; }
	#about a:hover, #about a:active { color: #fff; }
	#footer a:link, #footer a:visited { color: #d1d0ae; text-decoration: none; }
	#footer a:hover, #footer a:active { color: #fff; text-decoration: underline; }
	#subnav a:link, #subnav a:visited { color: #eae9cb; font: 14px/18px Formata, "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif; text-decoration: none; text-transform: uppercase; font-weight: bold; padding-left: 15px; }
	#subnav a:hover, #subnav a:active { color: #fff; text-decoration: none; }

/* Forms */
.form-field { }
	.form-field label { }
input.text, 
textarea { background: #ccc; border: 1px solid #999; }

.address { width: 210px; float: right; }
img.mainImage { float: right; position: relative; top: -70px; margin-bottom: -50px; }
.required { color: #c00; font-weight: bold; }
.note { font-style: italic; color: #666; font-size: 11px; }

.industries { list-style-type: none; margin: 0; padding: 0; }
	.industries li { margin: 0 0 15px 0; padding: 0 0 0 155px; min-height: 105px; position: relative; }
		.industries li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
		.industries li.long { padding: 0 0 0 285px; }
		* html .industries li { height: 105px; }
	.industries li h3 { font-size: 16px; margin-bottom: 5px; }
	.industries li p { }
	.industries li img { position: absolute; top: 0; left: 0; }

/* Tables */
table { clear: both; border: none; border-collapse: collapse; margin-bottom: 12px; }
	table th, 
	table td { border-top: 1px solid #e8e7d6; border-bottom: 1px solid #e8e7d6; vertical-align: center; padding: 5px 0; }
	table th { vertical-align: top; width: 180px; }
		table td ol, 
		table td ul, 
		table td li { margin-bottom: 0; }
		table td ol { list-style-type: lower-alpha; }

/* Page Layout */
#container { width: 960px; background: url(images/img-bg.jpg) left top no-repeat; margin: 0 auto; text-align: left; min-height: 700px; }

#toprow { height: 40px; }
	#toprow p { color: #fff; font: 12px/40px Formata, "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif; margin-bottom: 0; float: left; }
	#toprow #phone { float: right; line-height: 36px; }
		#toprow #phone strong { font-size: 18px; font-weight: bold; }

#header { height: 155px; position: relative; }
	#header #logo a { background: url(images/american-printpak.gif) bottom right no-repeat; display: block; width: 123px; height: 127px; text-indent: -9999px; padding-top: 15px; padding-left: 15px; }

	#subnav { position: absolute; right: 0; bottom: 15px; }

#nav { height: 73px; }
	#nav ul { margin: 0; padding: 0; list-style-type: none; }
		#nav ul li { margin: 0; padding: 0; float: left; }
		#nav ul a { background: url(images/img-nav.gif) 0 0 no-repeat; display: block; width: 160px; height: 58px; text-indent: -9999px; }
		#nav #nav-tape a:link, #nav #nav-tape a:visited { background-position: 0 0; }
		#nav #nav-tape a:hover, #nav #nav-tape a:active { background-position: 0 -116px; }
			#nav #nav-tape.active a:link, #nav #nav-tape.active a:visited, 
			#nav #nav-tape.active a:hover, #nav #nav-tape.active a:active { background-position: 0 -58px; }
		#nav #nav-touchseal a:link, #nav #nav-touchseal a:visited { background-position: -160px 0; }
		#nav #nav-touchseal a:hover, #nav #nav-touchseal a:active { background-position: -160px -116px; }
			#nav #nav-touchseal.active a:link, #nav #nav-touchseal.active a:visited, 
			#nav #nav-touchseal.active a:hover, #nav #nav-touchseal.active a:active { background-position: -160px -58px; }
		#nav #nav-preformed a:link, #nav #nav-preformed a:visited { background-position: -320px 0; }
		#nav #nav-preformed a:hover, #nav #nav-preformed a:active { background-position: -320px -116px; }
			#nav #nav-preformed.active a:link, #nav #nav-preformed.active a:visited, 
			#nav #nav-preformed.active a:hover, #nav #nav-preformed.active a:active { background-position: -320px -58px; }
		#nav #nav-heatseal a:link, #nav #nav-heatseal a:visited { background-position: -480px 0; }
		#nav #nav-heatseal a:hover, #nav #nav-heatseal a:active { background-position: -480px -116px; }
			#nav #nav-heatseal.active a:link, #nav #nav-heatseal.active a:visited, 
			#nav #nav-heatseal.active a:hover, #nav #nav-heatseal.active a:active { background-position: -480px -58px; }
		#nav #nav-coldseal a:link, #nav #nav-coldseal a:visited { background-position: -640px 0; }
		#nav #nav-coldseal a:hover, #nav #nav-coldseal a:active { background-position: -640px -116px; }
			#nav #nav-coldseal.active a:link, #nav #nav-coldseal.active a:visited, 
			#nav #nav-coldseal.active a:hover, #nav #nav-coldseal.active a:active { background-position: -640px -58px; }
		#nav #nav-heatsealcoated a:link, #nav #nav-heatsealcoated a:visited { background-position: -800px 0; }
		#nav #nav-heatsealcoated a:hover, #nav #nav-heatsealcoated a:active { background-position: -800px -116px; }
			#nav #nav-heatsealcoated.active a:link, #nav #nav-heatsealcoated.active a:visited, 
			#nav #nav-heatsealcoated.active a:hover, #nav #nav-heatsealcoated.active a:active { background-position: -800px -58px; }

#content { background: #fff; border-bottom: 5px solid #092c65; color: #333; width: 660px; margin-bottom: 15px; padding: 15px 15px 5px; float: left; }

	#content .formField { position: relative; min-height: 1em; padding-left: 170px; margin-bottom: 5px; }
		* html #content .formField { height: 1em; }
		#content .formField.space { margin-bottom: 15px; }
	#content .formSubmit { padding-left: 169px; }
	#content label { color: #666; text-transform: uppercase; font-size: 10px; position: absolute; left: 0; width: 165px; text-align: right; }
	#content input.text, 
	#content textarea { background: #eee; border: 1px solid #999; color: #333; font: 11px/18px Verdana, Geneva, sans-serif; padding: 2px; width: 250px; }
	#content input.short { width: 125px; }

#categories { background: #fff; border-bottom: 5px solid #092c65; color: #333; margin-bottom: 15px; float: left; width: 100%; }
	#categories h1 { background: url(images/hdr-packaging-materials.gif) left top no-repeat; border: none; color: #fff; display: block; font: 20px/18px "Formata Light", "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif; height: 38px; padding: 20px 0 0 12px; margin: 0 0 10px; text-shadow: #757357 0 1px 1px; letter-spacing: 0; }
	#categories ul { margin: 0; padding: 0; list-style-type: none; }
	#categories ul li { float: left; width: 160px; margin-bottom: 10px; }
		#categories ul li a { display: block; text-decoration: none; color: #666; }
	#categories ul li h2 { font-size: 16px; margin: 0 15px; line-height: 16px; }
		#categories ul li h2 a { color: #0d3a7b; text-decoration: none; }
	#categories ul li p { color: #666; font-size: 10px; margin: 0 5px 5px 15px; line-height: 16px; }
		#categories ul li p.more { border-top: 1px solid #e8e7d6; margin-right: 15px; text-transform: uppercase; text-align: right; font-size: 10px; }
		#categories ul li p.more a { padding-right: 16px; background: url(images/img-arrow-bullet.gif) 100% 50% no-repeat; text-decoration: none; font-weight: bold; color: #333; }

#sidebar { width: 250px; float: right; margin-bottom: 15px; }
	#home #sidebar { width: 100%; float: none; }
	#sidebar p { color: #fff; font-size: 11px; line-height: 15px; }

#currency, 
#quote { margin-bottom: 20px; }
	#currency a, 
	#quote a { background: url(images/img-currency-bg.gif) top left no-repeat; color: #333; display: block; width: 193px; height: 43px; text-decoration: none; padding: 12px 5px 5px 52px; font-size: 10px; line-height: 12px; }
	#quote a { background: url(images/img-quote-bg.gif) top left no-repeat; height: 42px; }
		#currency a strong, 
		#quote a strong { color: #fff; display: block; font: 16px/18px Formata, "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif; text-shadow: #686753 0 1px 0; }
		#currency a strong { text-shadow: #277030 0 1px 0; }

#about { width: 330px; float: left; margin-right: 20px; display: inline; }

#question { }
	#home #question { width: 330px; float: left; }
	#about h2, 
	#question h2 { border-bottom: 1px solid #295493; color: #eae9cb; text-shadow: #092c65 0 1px 0; padding-bottom: 3px; margin-bottom: 8px; }
	#question p { }
	#question .form-field { position: relative; min-height: 1em; padding-left: 70px; margin-bottom: 5px; }
		* html #question .form-field { height: 1em; }
	#question .form-submit { padding-left: 69px; }
	#question label { color: #fff; text-transform: uppercase; font-size: 10px; position: absolute; left: 0; width: 65px; text-align: right; }
	#question input.text, 
	#question textarea { background: #092c65; border: 1px solid #295493; color: #fff; font: 11px/18px Verdana, Geneva, sans-serif; padding: 2px; width: 95%; }

#quicklinks { float: right; width: 250px; }

#footer { background: #092c65; border-top: 5px solid #0c3674; border-bottom: 5px solid #0c3674; clear: both; padding: 10px 15px; }
	* html #footer { height: 1em; }
	#footer p { color: #d1d0ae; font-size: 10px; line-height: 18px; margin: 0; }
		#footer p span { color: #fff; padding: 0 3px; }
		#footer p#sitemap { float: right; text-align: right; }
	#footer strong { color: #fff; }