/*
************************************
Crafted by Creative Soapbox
http://www.creativesoapbox.com
For: Memjet
Updated: May 29 2009

************************************
*/

/* ------------------------------------
	Modified reset derived from Eric Meyer's reset.
	http://meyerweb.com/eric/tools/css/reset
--------------------------------------- */
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-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }/* remember to define focus styles! */
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* ------------------------------------
	Basic styling and resets inspired by mulitple sources.
	Tripoli CSS from http://www.monc.se
--------------------------------------- */
html { font-size: 62.5%; font-family: arial, "microsoft sans serif", helvetica, sans-serif; }
strong, th, thead td, h1, h2, h3, h4, h5, h6, dt { font-weight: bold; }
cite, em, dfn { font-style: italic; }
code {  color: #c33; }
code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea { font-size: 92%; font-family: monaco, "Lucida Console", courier, mono-space; }
pre { white-space: pre; color: #c33; }
pre * { font-size: 100%; white-space: pre; }
del { text-decoration: line-through; color: #666; }
ins, dfn { border-bottom: 1px solid #ccc; }
small, sup, sub { font-size: 85%; }
sup { vertical-align: super; }
sub { vertical-align: sub; }
abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; }
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }
img { border: 0; }
/* Forms */
fieldset { border: 1px solid #6F91BB; padding: 1em; margin: 1.6em 0; } /* padding-top is margin-top for fieldsets in Opera */
legend { background: #fff; padding-left: .8em; padding-right: .8em; }
legend+* { margin-top: 1em; } /* compensates for the opera margin bug */
textarea, input { padding: .3em .4em .15em .4em; }
textarea, input[type='text'], select { border: 1px solid #ccc; background: #fff; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888; outline: 2px solid #ddd; }
input[type='button'], input[type='submit'], input[type='checkbox'], input[type='image'], input[type='radio'], input[type='reset'], select, button { cursor: pointer; }
input[type='hidden'] { display:none; }
/* Quotes */
blockquote { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666; padding: 0 1em; margin: 1.6em 0; }
blockquote > *:before { content: "\201C"; }
blockquote > *:after { content: "\201D"; }
/* Base Sizes */
#container { font-size: 1.2em; line-height: 1.6em; }
h1 { font-size: 1.6em; margin: 1em 0 .5em; }
h2 { font-size: 1.5em; margin: 1.07em 0 .535em; }
h3 { font-size: 1.4em; margin: 1.14em 0 .57em; }
h4 { font-size: 1.3em; margin: 1.23em 0 .615em; }
h5 { font-size: 1.2em; margin: 1.33em 0 .67em; }
h6 { font-size: 1em; margin: 1.6em 0 .8em; }
/* HR */
hr { display: block; background: #aaa; color: #aaa; width: 100%; height: 1px; border: none; margin-bottom: 1.6em; }
/* Lists */
ul, ol { margin-left: 2.2em;  margin-bottom: 1.4em; }
ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; }
ul{list-style: disc outside;}
ol{list-style: decimal outside;}
/* Tables */
table { border-top: 1px solid #ccc;  border-left: 1px solid #ccc; }
th, td { border-bottom: 1px solid #ddd; border-right: 1px solid #ccc; padding: .8em; }
/* Margins and Padding */
p, dl, pre, blockquote, address, table, form { margin-bottom: 1.6em; }
p+p { margin-top: -.8em; }
/* NOTE: Calulate header margins: TOP: line-height/size, BOTTOM: TOP/2 */
caption { padding-bottom: .8em; } /* padding instead of margin for IE */
select { padding: .1em .2em 0 .2em; }
option { padding: 0 .4em .1em; }
a { position: relative; padding: 0.3em 0 .1em 0; } /* for larger click-area */
dt { margin-top: .8em; margin-bottom: .4em; }
form div { margin-bottom: .8em; }
button { padding: 0.3em 0.5em; }
blockquote > * { margin: .8em 0; }
/* Grid  inspired by Grid960 - Nathan Smith http://www.960.gs*/
.one_unit, .two_unit, .three_unit, .four_unit, .five_unit, .six_unit, .seven_unit, .eight_unit, .nine_unit, .ten_unit, .eleven_unit, .twelve_unit, .thirteen_unit, .fourteen_unit, .fifteen_unit, .sixteen_unit { display: inline; float: left; margin: 0 10px; padding: 0; overflow:hidden; }
.one_unit { width: 40px; }
.two_unit { width: 100px; }
.three_unit { width: 160px; }
.four_unit { width: 220px; }
.five_unit { width: 280px; }
.six_unit { width: 340px; }
.seven_unit { width: 400px; }
.eight_unit { width: 460px; }
.nine_unit { width: 520px; }
.ten_unit { width: 580px; }
.eleven_unit { width: 640px; }
.twelve_unit { width: 700px; }
.thirteen_unit { width: 760px; }
.fourteen_unit { width: 820px; }
.fifteen_unit { width: 880px; }
.sixteen_unit { width: 940px; }
.right { float:right; }
.left { float: left; }

/* General
--------------------------------------- */

html { height: 101%; }

body {
	color: #333333;
	background: #ada59a url(../images/bk_slice.jpg) repeat-x 0 0;
	line-height: 1.6em;
}

p {
	color: #fff;
	font-size: 1.3em;
	line-height: 1.5em;
	font-style: normal;
}

a { color: #d9eaea; }

a:link, a:visited, a:active { text-decoration: none; }

a:hover { 
	text-decoration: none; 
	color: #d86e32;
}


h1 { 
	color: #fff;
	font-size: 2.5em;
	margin: 1em 0;
}

h2 {
	color: #fff;
	font-size: 2em;
	line-height: 1.5em;
}


h3 {
	color: #fff;
	font-size: 1.8em;
	line-height: 1.5em;
	margin:1.14em 0 0.27em;
}

/* Header
--------------------------------------- */

#header_wrapper {
	background: #eae6dd url(../images/header_wrap_bk.gif) repeat-x left bottom;
	width: 100%;
	clear: both;
}

#header {	
	height: 176px;
	width: 980px;
	padding: 0 10px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

#logo { display: none; }

#header h2 {
	background: transparent url(../images/logo.png) no-repeat;
	margin: 0;
	padding: 0;
	margin-left: 15px;
	float: left;
	z-index: 0;
}	

#header h2 a {
	display: block;
	color:#999;
	width: 138px;
	height: 176px;
	text-decoration: none;
	text-indent: -9999px;
	border: none;
}

/*\*/ h2 a { overflow: hidden; } /**/
/* Site Nav
--------------------------------------- */
#sitenav {
	position: absolute;
	top: 105px;
	left: 130px; /*J- added in the fixed position from the left and removed the margin from below*/
	z-index: -1;
	margin: 0;
	overflow: hidden;
}

#sitenav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sitenav li {
	padding: 0;
	margin:0;
	float: left;
	height: 33px;
	display: inline;
}

#sitenav li a {
	position: absolute;
	letter-spacing:  0.1em;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 33px;/*J-might use pixels since you are setting the height of the ul in pixels ie. 33px*/
	font-weight: bold;
	font-size: 1.25em;
	color: #47778e;
	text-align: center;
	padding: 0;
	overflow: hidden;
	display: block;
}

li#labels_nav, li#photo_nav, li#wide_nav, li#home_office_nav {
	text-indent: -99999px;
}

li#home_office_nav {
	width: 211px;
}

li#photo_nav, li#wide_nav, li#labels_nav {
	width: 180px;
}

li#photo_nav a, li#wide_nav a, li#labels_nav a {
	height: 33px;
	width: 192px;
	cursor: pointer;
	margin: 0;
}

#sitenav li#home_office_nav a {
	background: transparent url(../images/sitenav_tabs.png) no-repeat 0 top;
	height: 33px;
	width: 211px;
	left: 0;
	cursor: pointer;
	z-index: 4;
}

#sitenav li#labels_nav a {
	background: transparent url(../images/sitenav_tabs.png) no-repeat -210px top;
	z-index: 3;
	left: 199px;
}

#sitenav li#photo_nav a {
	background: transparent url(../images/sitenav_tabs.png) no-repeat -401px top;
	z-index: 2;
	left: 377px;
}


#sitenav li#wide_nav a {
	background: transparent url(../images/sitenav_tabs.png) no-repeat -601px top;
	z-index: 1;
	left: 559px;
}

#sitenav li#home_office_nav a:hover, #sitenav li#home_office_nav a.jFlowSelected {
	background: transparent url(../images/sitenav_tabs.png) no-repeat 0 -33px;
}

#sitenav li#labels_nav a:hover, #sitenav li#labels_nav a.jFlowSelected{
	background: transparent url(../images/sitenav_tabs.png) no-repeat -210px -33px;
}

#sitenav li#photo_nav a:hover, #sitenav li#photo_nav a.jFlowSelected {
	background: transparent url(../images/sitenav_tabs.png) no-repeat -401px -33px;
}

#sitenav li#wide_nav a:hover, #sitenav li#wide_nav a.jFlowSelected {
	background: transparent url(../images/sitenav_tabs.png) no-repeat -601px -33px;
}

/* Page Content
--------------------------------------- */

.main_content {
	width: 980px;
	margin: -101px auto 0 auto;
	padding: 71px 10px 10px 10px;	
	overflow: hidden;
	background: transparent url(../images/bluebk.jpg) no-repeat;
	height: 524px;
	position: relative;
}

#contact {
	margin: 30px 0 0 190px;
	display: inline;
	float: left;
	padding: 0;
	width: 550px;
	height: 450px;
}

#contact h3 {
	background: transparent url(../images/contact_arrow.gif) no-repeat center right;
	padding: 0 15px 0 0;
	display: inline;
}

#trademarks {
	margin: 30px 0 0 190px;
	display: inline;
	float: left;
	padding: 0;
	width: 550px;
	height: 450px;
}



/* jFlow
--------------------------------------- */

#main_jFlowPrev .jFlowPrev {
	position: absolute;
	background: transparent url(../images/left_arrow_nav.gif) no-repeat 0 0;
	width:70px;
	height: 70px;
	top:220px;
	left: 10px;
	text-indent: -9999px;
}

#main_jFlowPrev .jFlowNext{
	position: absolute;
	background: transparent url(../images/right_arrow_nav.gif) no-repeat 0 0;
	width:70px;
	height: 70px;
	top:220px;
	left: 920px;
	text-indent: -9999px;
}

.col1 {
	margin: 0 0 0 100px;
	display: inline;
	float: left;
	padding: 0;
	width: 440px;
	height: 450px;
}

.component_wrap {
	display: inline;
	float: left;
}

#home_office_text {
	background: transparent url(../images/home_office_text.gif) no-repeat 0 0;
	width:337px;
	height: 199px;
	display:block;
	text-indent: -99999px;
	margin: 100px 0 0 100px;
}

#home_office_text a { cursor: pointer; }

#home_office_printer {
	background: transparent url(../images/home_office_printer.png) no-repeat 0 0;
	width:428px;
	height: 404px;
	display:block;
	text-indent: -99999px;
	margin: 30px 0 0 0;
}

#labels_text {
	background: transparent url(../images/labels_text.gif) no-repeat 0 0;
	width:379px;
	height: 219px;
	display:block;
	text-indent: -99999px;
	margin: 100px 25px 0 100px;
}

#labels_text a { cursor: pointer; }

#labels_printer {
	background: transparent url(../images/labels_printer2.png) no-repeat 0 0;
	width:415px;
	height: 287px;
	display:block;
	text-indent: -99999px;
	margin: 50px 0 0 0;
}

#photo_text {
	background: transparent url(../images/photo_text.gif) no-repeat 0 0;
	width:349px;
	height: 219px;
	display:block;
	text-indent: -99999px;
	margin: 75px 25px 0 100px;
}

#photo_text a { cursor: pointer; }

#photo_printer {
	background: transparent url(../images/photo_printer.png) no-repeat 0 0;
	width:354px;
	height: 350px;
	display:block;
	text-indent: -99999px;
	margin:25px 0 0 0;
}

#wide_text {
	background: transparent url(../images/wide_text.gif) no-repeat 0 0;
	width:374px;
	height: 219px;
	display:block;
	text-indent: -99999px;
	margin: 75px 25px 0 100px;
}

#wide_text a { cursor: pointer; }

#wide_printer {
	background: transparent url(../images/wide_printer2.png) no-repeat 0 0;
	width:322px;
	height: 344px;
	display:block;
	text-indent: -99999px;
	margin: 20px 0 0 0;
}

#main_slide {
	overflow: hidden;
	background:transparent url(../images/main_bk.png) no-repeat scroll 0 0;
	height:364px;
	width:980px;
}

#comp_text {
	display:block;
	float:left;
	height:221px;
	margin:100px 0 0 150px;
	text-indent:-99999px;
	width:700px;
}

/* Components
--------------------------------------- */

#components {
	position: absolute;
	height: 512px;
	z-index: 200;
}

#printhead {
	position: absolute;
	bottom:0;
	left: 20px;
	width:300px;	
}

#printhead h5 {
	background:transparent url(../images/printhead_top.png) no-repeat scroll 0 0;
	height: 114px;
	text-indent: -99999px;
	cursor: pointer;
	margin: 0;
}

#printhead .component_bottom {
	height: 35px;
	background:transparent url(../images/bottom_printhead.gif) no-repeat scroll 0 0;
}

#chip {
	position: absolute;
	bottom: 0;
	left: 340px;
	width:300px;	
}

#chip h5 {
	background:transparent url(../images/chip_top.png) no-repeat scroll 0 0;
	height: 114px;
	text-indent: -99999px;
	cursor: pointer;
	margin: 0;
}

#chip .component_bottom {
	height: 35px;
	background:transparent url(../images/bottom_chip.gif) no-repeat scroll 0 0;
}

#ink {
	position: absolute;
	bottom: 0;
	left: 660px;
	width:300px;	
}

#ink h5 {
	background:transparent url(../images/ink_top.png) no-repeat scroll 0 0;
	height: 114px;
	text-indent: -99999px;
	cursor: pointer;
	margin: 0;
}

#ink .component_bottom {
	height: 35px;
	background:transparent url(../images/bottom_ink.gif) no-repeat scroll 0 0;
}

.controller_text {
	background:transparent url(../images/component_slice.gif) repeat-y scroll 0 0;
	display: none;
}

.controller_text p{
	margin:0;
	padding:10px 45px 0;
	color: #eae6dc;
	font-size: 1.2em;
	line-height: 1.7em;
	
}

.controller_text .last_p {
	padding:10px 45px 30px;
	color: #b3c7d4;
}


/* Footer
--------------------------------------- */

#footer {
	width: 980px;
	margin: 0 auto;
	height: 50px;
	padding: 0 10px 0 10px;
	line-height: 1.5;
	font-size: 1.1em;
	letter-spacing:  0.1em;
	color: #6e6560;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	clear: both;
}

#footer a, #footer a:link, #footer a:hover {
	text-decoration:none;
	padding: 0;
	margin: 0;
}

#footer a, #footer a:link {
	color: #6e6560;
}	

#footer a:hover {
	color: #D86E32;;
}

#footer ul{
	margin: 0;
	padding: 0 0 5px 0;	
}
	
#footer li{
	list-style: none;
	display: inline;
	font-size: 0.95em;
	letter-spacing:  0.1em;
	color: #6e6560;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0;	
	padding: 0 8px 0 8px;
	border-right: 1px solid #96857c;
}

#footer li.footerlast {
	border: none;
}

#footer p {
	font-size: 0.95em;
	letter-spacing:  0.1em;
	color: #6e6560;
	text-transform: uppercase;
	font-weight: bold;
}