body {
	margin: 0;
	padding: 0;
	width: auto;
	font-family: Trebuchet, Arial, Verdana, Geneva, sans-serif;
	font-size: 100%;
	line-height: 1.4em;
	color: #000;
}

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

img { display: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: #000; outline:none; text-decoration: underline; }

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

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

hr {
	border: 0;
	color: #000;
	background-color: #000;
	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 img { display: block; }

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

/* ------------------------------------------------------------------------------- */
.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;
}
/* ------------------------------------------------------------------------------- */
#page-top { /*logo and mainNav */
	margin: 0 auto;
	position: relative;
	display:block;
	padding: 0;
	width: 900px;
	height: 108px;
	color: #000;
}
#logo { 
	position: relative;
	float: left;
	display:block;
	margin: 0;
	padding: 0;
	width: 266px;
}
/* ------------------------------------------------------------------------------- 
uploadButton
---------------------------------------------------------------------------------- */
#uploadButton {
	display: none;
}


/* ------------------------------------------------------------------------------- 
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 {
	display: none;
}

/* ------------------------------------------------------------------------------- */
#page-main-home, #page-main-interior {
	margin: 0 auto;
	padding: 0;
	display:block;
	width: 900px;
	height: 241px;
	color: #000;
	background: transparent 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:100%;
	line-height: 1.25em;
}

/* ------------------------------------------------------------------------------- */
#page-bottom-home {
	width: 900px;
	position: relative;
	display: block;
	float: left;
	margin: 0 auto;
	padding: 0;
}

/* ------------------------------------------------------------------------------- */
#page-bottom-interior { 
	width: 900px;
	position: relative;
	display: block;
	margin: 0 auto;
	padding: 0;
	color: #000;
}
#page-full-width { 
	width: 860px;
	overflow: visible;
	position: relative;
	display: block;
	margin: 0 auto;
	padding: 20px;
	color: #000;
}
#page-bottom-interior-left {
	display: none;
	width: 0;
	margin: 0;
	padding: 0;
}
#page-bottom-interior-right, #page-bottom-interior-right2 {
	position: relative;
	display: block;
	width: 860px;
	float: left;
	font-size: 100%;
	margin: 0;
	padding: 10px 23px 10px 23px;
}
#page-bottom-interior-right a, #page-bottom-interior-right2 a {
	color:#000;
	text-decoration:underline;
	}
#page-bottom-interior-right a:hover, #page-bottom-interior-right2 a:hover {
	color:#000;
	text-decoration:underline;
	}

#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: #000;
}
.callout {
	font-size: 110%;
	line-height: 1.3em;
	background: transparent;
	text-decoration: none;
}

#page-bottom-interior-right2 img {
	display:block;
}
#page-bottom-interior-right2 .callout a {
	text-decoration: none;
}
#page-bottom-interior-right2 .callout a:hover {
	text-decoration: underline;
	color:#000;
}

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;
	display:block;
}

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

#intros a { 
	color: #000; 
	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:#000;
	margin: 20px 0 14px 0;
}
/* ------------------------------------------------------------------------------- */
#footer {
	display: none;
}

#copyright {
	display: none;
}
/* ------------------------------------------------------------------------------- 
nav3: horizontal button bar inside of page-top
---------------------------------------------------------------------------------- */
#nav3 {
	display: none;
}


/* ------------------------------------------------------------------------------- 
navSecondary1: capabilities vertical dropdown 
navSecondary2: locations vertical dropdown (only difference is absolute positioning)
codes dwells at bottom of page
---------------------------------------------------------------------------------- */
#navSecondary1, #navSecondary2 {
	display: none;
}

/* ------------------------------------------------------------------------------- 
form: upload form (based on page-bottom-interior-right) contact class refers to contact page form
---------------------------------------------------------------------------------- */
#uploader { 
	display: block;
	position: relative;
	width: 695px;
	margin: 0;
	padding: 0;
}

#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: #000;
}

.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.contact button {
	color: #000;
	margin-bottom:10px;
}
iframe {
	overflow-x: hidden;
	overflow-y: scroll;
} 
.accordion {
display:block;

}