body {
	margin: 0;
	padding: 0;
	width: auto;
	font-family: Trebuchet, Arial, Verdana, Geneva, sans-serif;
	font-size: small;
	line-height: 1.4em;
	color: #575757;
	background-color: #1f2024; 
}

html, div, ul, ol, li, h1, h2, h3, h4, a, img {
	padding:0; 
	margin:0;
	border:none;
	outline:none;
	}

form, input, textarea {
	font-family: Trebuchet, Arial, Verdana, Geneva, sans-serif;
	font-size: small;
	margin: 0;
	padding: 0;
	border:none;
	outline:none;
}

p { margin: 0 0 14px 0; }

a { color: #ffffff; outline:none; text-decoration:none; }
a:hover { color: #ffffff; outline:none; text-decoration:underline; }
a:focus { outline: none; }

h1 {
	font-size: 120%;
	margin: 0 0 16px 0;
	padding: 0;
	color: #ffffff;
}

h2 {
	font-size: 110%;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 0;
}

hr {
	border: 0;
	color: #575757;
	background-color: #575757;
	height: 2px;
	padding: 0;
	margin: 0;
}

ul {
	list-style-type: disc;
	list-style-position: outside;
	margin: 0 0 14px 0;
	text-indent: 0;
	font-size: 90%;
}

.clear {
	clear: both;
	height: 1px;
	overflow: hidden;
}

#print-head { display: none; }

.no-print {}
.print-only { display: none; }

/* ------------------------------------------------------------------------------- */
.legal {
	font-size: xx-small;
	line-height: 1.4em;
	margin: .5em 0 .5em 0;
}

/* ------------------------------------------------------------------------------- */
#page { /* page is overall container, main holds content areas below the header */
	display: block;
	position: relative;
	width: 900px;
	padding: 0;
	margin: 0 auto;
	margin-top: 20px;
}
/* ------------------------------------------------------------------------------- */
#page-top { /*logo and mainNav */
	margin: 0 auto;
	position: relative;
	display:block;
	padding: 0;
	width: 900px;
	height: 108px;
	color: #ffffff;
	background: #ffffff url(../images/pageTop.jpg) top right no-repeat;
}
#logo { 
	position: relative;
	float: left;
	display:block;
	margin: 0;
	padding: 0;
	width: 266px;
}
/* ------------------------------------------------------------------------------- 
uploadButton
---------------------------------------------------------------------------------- */
#uploadButton {
	position: relative;
	float: right;
	padding: 0;
	margin: 0;
	width: 158px;
	height: 42px;
	background-color: #ffffff;
}

#uploadButton ul {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: auto;
	height: 42px;
}

#uploadButton li {
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0;
}

#uploadButton a {
	float: right;
	padding: 42px 0 0 0;
	overflow: hidden;
	height: 0;
}

#uploadButton a:hover { background-position: 0 0;}

#uploadButton1-0 a {
	width: 158px;
	background: url(../images/uploadButton.jpg) 0 -42px no-repeat;
}

/* ------------------------------------------------------------------------------- 
nav1: main nav horizontal button bar inside of page-top 
note: the buttons are set to "on" via js function SetSection. If folder names are changed the function (and nav) will be broken.
---------------------------------------------------------------------------------- */
#nav1 {
	position: relative;
	float: right;
	padding: 0;
	margin: 38px 0 0 0;
	width: 518px;
	height: 28px;
	color: #ffffff;
}

#nav1 ul {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: auto;
	height: 28px;
}

#nav1 li {
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0;
}

#nav1 a {
	float: left;
	padding: 28px 0 0 0;
	overflow: hidden;
	height: 0;
}

#nav1 a:hover { background-position: 0 0; }

#nav1-0 a {
	width: 65px;
	background: url(../images/homeBtn.gif) 0 -28px no-repeat;
}
#nav1-1 a {
	width: 74px;
	background: url(../images/aboutUsBtn.gif) 0 -28px no-repeat;
}
#nav1-2 a {
	width: 87px;
	background: url(../images/capabilitiesBtn.gif) 0 -28px no-repeat;
}
#nav1-3 a {
	width: 109px;
	background: url(../images/salesBtn.gif) 0 -28px no-repeat;
}
#nav1-4 a {
	width: 68px;
	background: url(../images/supportBtn.gif) 0 -28px no-repeat;
}
#nav1-5 a {
	width: 115px;
	background: url(../images/contactBtn.gif) 0 -28px no-repeat;
}

/* ------------------------------------------------------------------------------- */
#page-main-home, #page-main-interior {
	margin: 0 auto;
	padding: 0;
	display:block;
	width: 900px;
	height: 241px;
	color: #a4a4a6;
	background: #ffffff url(../images/homePageMainFlashbacker.jpg) top left no-repeat;
	z-index: 2;
}
#page-main-interior {
	background: none;
	height: auto;
}

#page-main-inner-text p { 
	position: absolute;
	left: 590px;
	top:185px;
	width: 215px;
	display: block;
	font-weight: bold;
	font-size:80%;
	line-height: 1.25em;
}

/* ------------------------------------------------------------------------------- */
#page-bottom-home {
	width: 900px;
	position: relative;
	display: block;
	float: left;
	min-height: 280px;
	height: 280px;
	margin: 0 auto;
	padding: 0;
	background: #ffffff url(../images/homePageBottom.jpg) top left no-repeat;
}

/* ------------------------------------------------------------------------------- */
#page-bottom-interior { 
	width: 900px;
	position: relative;
	display: block;
	margin: 0 auto;
	padding: 0;
	color: #a4a4a6;
	background: transparent url(../images/interiorGrowthBacker.jpg) top left repeat-y;
}
#page-full-width { 
	width: 860px;
	min-height: 560px;
	height: 560px;
	overflow: visible;
	position: relative;
	display: block;
	margin: 0 auto;
	padding: 20px;
	color: #a4a4a6;
	background: #313235;
}
#page-bottom-interior-left {
	width: 382px;
	position: relative;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	background-color: #c8cacc;
}
#page-bottom-interior-right, #page-bottom-interior-right2 {
	width: 472px;
	position: relative;
	display: inline;
	float: right;
	font-size: 90%;
	margin: 0;
	padding: 10px 23px 10px 23px;
	background-color: #313235;
}
#page-bottom-interior-right a, #page-bottom-interior-right2 a {
	color:#ffffff;
	text-decoration:underline;
	}
#page-bottom-interior-right a:hover, #page-bottom-interior-right2 a:hover {
	color:#ffffff;
	text-decoration:underline;
	}
#page-bottom-interior-right2 {
	background: #313235 url(../images/interiorTextBacker.jpg) top left no-repeat;
}

#page-bottom-interior-right h2, #page-bottom-interior-right2 h2, #page-full-width h2, #form th, .callout {
	font-size: 120%;
	line-height: 1.6em;
	font-weight: bold;
	font-style: italic;
	background: transparent url(../images/underscoreDot.gif) bottom left repeat-x;
	padding: 10px 0 3px 0;
	width: 100%;
	color: #d8d9d8;
}
.callout {
	font-size: 110%;
	line-height: 1.3em;
	background: transparent;
	text-decoration: none;
}

#page-bottom-interior-right2 .callout a {
	text-decoration: none;
}
#page-bottom-interior-right2 .callout a:hover {
	text-decoration: underline;
	color:#ffffff;
}

ol {
	margin-left: 8%;
	margin-bottom: 14px;
}


/* ------------------------------------------------------------------------------- 
nav2: horizontal button bar on Home Page only within page-bottom-home
---------------------------------------------------------------------------------- */
#nav2 {
	position: relative;
	float: right;
	padding: 0;
	margin: 0;
	height: 35px;
	color: #ffffff;
}

#nav2 ul {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: auto;
	height: 35px;
}

#nav2 li {
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0;
}

#nav2 a {
	float: left;
	padding: 35px 0 0 0;
	overflow: hidden;
	height: 0;
}

#nav2 a:hover { background-position: 0 0; }

#nav2-0 a {
	width: 282px;
	background: url(../images/convPrintingBtn.gif) 0 -35px no-repeat;
}
#nav2-1 a {
	width: 243px;
	background: url(../images/digitalPrintingBtn.gif) 0 -35px no-repeat;
}
#nav2-2 a {
	width: 277px;
	background: url(../images/promoProductsBtn.gif) 0 -35px no-repeat;
}
/* ------------------------------------------------------------------------------- 
intros are the 3 baskets on the Home Page within page-bottom-home
------------------------------------------------------------------------------- */
#intros {
	position: relative;
	float: left;
	display: block;
	padding: 0 0 0 141px;
	margin: 0 0 0 0;
}
#intros img {
	padding: 14px 14px 6px 14px;
}

#intros p {
	margin: 0 14px 6px 14px;
	width: 208px;
}

#intros a { 
	color: #1e5a9d; 
	margin: 0;
	padding: 0;
 }
#intros a:hover { color: #1e5a9d; }

#intros1, #intros2, #intros3 {
	position: relative;
	float: left;
	display: inline;
	padding: 0;
	margin: 0;
	background: transparent url(../images/dotBacker.gif) 0 0 repeat-y;
}
#intros1 {
	background: none;
	padding-right: 3px;
}
#intros2 {
	padding-left: 3px;
}
#intros3 {
	margin-left: 4px;
	padding-left: 3px;
}
/* ------------------------------------------------------------------------------- 
location pages
---------------------------------------------------------------------------------- */
#location {
	font-weight: bold;
	font-size:110%;
}
#location h3 {
	font-size:120%;
	font-weight: bold;
	color:#d8d9d8;
	margin: 20px 0 14px 0;
}
/* ------------------------------------------------------------------------------- */
#footer {
	margin: 6px auto 0 auto;
	padding: 0 0 20px 0;
	display: inline;
	float: left;
	width: 900px;
	color: #a4a4a6;
	font-size:70%;
	font-weight: bold;
}

#copyright {
	display: block;
	float: left;
	width: 150px;
}
/* ------------------------------------------------------------------------------- 
nav3: horizontal button bar inside of page-top
---------------------------------------------------------------------------------- */
#nav3 {
	position: relative;
	float: right;
	display: block;
	padding: 0;
	margin: 0;
	color: #a4a4a6;
}

#nav3 ul {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: auto;
	height: 28px;
}

#nav3 li {
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0;
}

#nav3 a {
	float: left;
	padding: 0 0 0 20px;
	color: #a4a4a6;
}

#nav3 a:hover { text-decoration: underline; }

/* ------------------------------------------------------------------------------- 
navSecondary1: capabilities vertical dropdown 
navSecondary2: locations vertical dropdown (only difference is absolute positioning)
code dwells at bottom of page
---------------------------------------------------------------------------------- */
#navSecondary1, #navSecondary2 {
	position: absolute;
	display: block;
	top: 108px;
	left: 505px; 
	margin: 0;
	width: auto;
	padding: 0;
	color: #1f2024;
	font-size: 95%;
	background-color: #bcbec1;
	z-index: 1001;
}
#navSecondary2 {
	left: 605px; 
	z-index: 1002;
}

#navSecondary1 ul, #navSecondary2 ul {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
}

#navSecondary1 li, #navSecondary2 li {
	list-style-type: none;
	display: block;
	margin: 0;
	padding: 0 5px;
	text-align: center;
	border-bottom: 1px solid #1f2024;
}
#navSecondary1 li.lastItem, #navSecondary2 li.lastItem {
	border-bottom: 1px solid #bcbec1;
}

#navSecondary1 li ul {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0 8px;
	font-size: 95%;
}

#navSecondary1 li ul li {
	list-style-type: none;
	display: block;
	margin: 0;
	padding: 0;
	text-align: left;
	border-top: 1px solid #6d717f;
	border-bottom: none;
}

#navSecondary1 a, #navSecondary2 a {
	color: #1f2024;
	text-decoration: none;
	padding: 0;
	height: 0;
}

#navSecondary1 a.on, #navSecondary1 a:hover, #navSecondary2 a.on, #navSecondary2 a:hover { color: #ffffff; }

/* ------------------------------------------------------------------------------- 
form: upload form (based on page-bottom-interior-right) contact class refers to contact page form
---------------------------------------------------------------------------------- */
#uploader { 
	display: block;
	position: relative;
	width: 695px;
	margin: 20px auto;
	padding: 105px 0 0 0;
	background: #c8cacc url(../images/form_bkg.jpg) top center no-repeat;
}

#form { /*css for the main table */
	display: block;
	position: relative;
	width: 675px;
	padding: 0;
	margin: 0 auto;
	font-size: 80%;
	color: #000;
	text-align: left;
}
#form.contact {
	width: 100%;
	font-size:90%;
	margin:0;
	color: #a4a4a6;
}

.table { /*kluge for Safari */
	font-size: 100%;
	color: #000;
}
#form a { 
	color: #000;
	text-decoration: underline;
	font-weight: bold;
}
#form a:hover { 
	color: #fff;
	text-decoration: none;
}

#form th, #form tr, #form td {
	vertical-align: top;
}

#form td {
	padding-bottom: 10px;
}
#form th, #form td {
	border-collapse: collapse;
	border-spacing: 0;
	padding-right: 15px;
	padding-left: 15px;
}
#form.contact td {
	border-left: none;
	padding: 7px 0;
}
/* trying to keep the table within the table from taking over the form */
#form td table.table td { 
	padding-bottom: 0;
	padding-left:0;
}
#form th { 
	width: 40%;
	height: 28px;
	color: #000;
	padding: 5px 0 0 0;
	margin: 0 10px;
	font-size: 120%;
	line-height: 1em;
	font-weight: bold;
	font-style: italic;
	background: transparent url(../images/underscoreDot.gif) top left repeat-x;
	}
#form label { 
	font-weight: bold;
	line-height: 120%;
}
#form.contact label { 
	font-weight: normal;
}
#form.contact input, #form.contact textarea { 
	padding-left: 2px;
	background-color: #c8cacc;
	color: #000;
	width: 100%;
}
#form input { 
	margin: 4px 0;
}
#form textarea { 
	margin: 0;
	padding: 0;
	width: 80%; /* Kludge for IE7, normal browser spec follows */
}
#table#form>tbody>tr>td>textarea { 
	width: 100%;
}
#form select option.salesReps { 
	font-size: 65%;
}
#form select option:hover { 
	background-color: #c8ccd8;
}
#form select option:active { 
	background-color: #9fa2ac;
}
#form.contact button {
	color: #313235;
	margin-bottom:10px;
}
iframe {
	overflow-x: hidden;
	overflow-y: scroll;
} 
/* ------------------------------------------------------------------------------- 
specials: off the old site with adjustments
---------------------------------------------------------------------------------- */

#gallery {position:relative; width:686px; margin:40px auto; padding:10px; border:6px solid #fff; background:#AAA}
#images {border:2px solid #9ac1c9; height:225px; background:#eef5f6; margin-bottom:20px}
#image {position:relative; width:672px; height:295px; padding:5px; border:2px solid #666; background:#FFF url(../images/loading.gif) center center no-repeat}
#image img {position:absolute; top:5px; left:5px}
#thumbwrapper {margin-top:10px; padding:5px 0; width:682px; height:78px; border:2px solid #666; background:#FFF}
#thumbarea {position:relative; overflow:hidden; height:78px; width:682px; }
#thumbs {position:absolute; list-style:none; margin-left:5px; height:78px; width:10000px; border-right:5px solid #FFF;overflow: auto;}
#thumbs li {float:left; margin-right:5px; cursor:pointer}
.imgnav {position:absolute; height:295px; width:20%; z-index:100; height:375px; width:20%; z-index:100; outline:none; cursor:pointer}
#previmg {left:0; background:url(../images/left.gif) left center no-repeat; border-left:5px solid #FFF}
/*#previmg:hover {opacity:1; filter:alpha(opacity=100)}*/
#nextimg {right:0; background:url(../images/right.gif) right center no-repeat; border-right:5px solid #FFF}
/*#nextimg:hover {opacity:1; filter:alpha(opacity=100)}*/