/* @override 
	http://clients.tierratechnology.com/adim/root/css/style.css
	http://clients.tierratechnology.com/adim/assets/css/style.css
*/

/* @group CSS Resets */

/* Thanks Eric Meyer */

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;
}

/* remember to define focus styles! */

:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */

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: "" "";
}

/* @end */

html {
	background: #fff;
}

body {
	font: 62.5%/1 "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #000;
}

a:link, a:visited {
	color: #2d7d7e;
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: underline;
}

/* @group General Style */

#page {
	font-size: 1em;
}

#content p span.strong {
	color: #298789;
}

#content .navarrows ul li {
	font-size: .9em;
}

strong {
	font-weight: bold;
}

/* @end */

/* @group Common Classes */

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

.cleared {
	zoom: 1;
}

.cleared:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.active {
	font-weight: normal;
	color: #2d7d7e;
}

.wrap {
	position: relative;
	zoom: 1;
}

select.selectbox {
	position: absolute;
	margin: 0;
	left: 0px;
	top: 0px;
	font-size: 1.1em;
}

span.selectbox {
	border: 1px solid #97999c;
	color: #545454;
	font-size: 1.1em;
	padding: 2px 28px 2px 1px;
	background: url(../images/dropdown-arrow.png) no-repeat right center;
	margin: 0 0 5px;
}

.selectbox span {
	white-space: nowrap;
	overflow: hidden;
	display: block;
}

span.disabled {
	color: #aaa;
}

* html span.selectbox {
	overflow: hidden;
	visibility: hidden;
}

/* @end */

/* @group Layout */

#page {
	margin: 0 auto;
	width: 886px;
	position: relative;
}

#popup {
	width: 300px;
	margin: 0 auto;
	padding: 25px 0;
}

#popup h2 {
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 15px;
}

#popup .error {
	color: #600;
	font-weight: bold;
}

#popup p {
	font-size: 1.2em;
	color: #6D6F71;
	line-height: 1.5em;
	margin-bottom: 17px;
}

#popup label {
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	color: #6D6F71;
	margin-bottom: 3px;
}

#popup input {
	width: 250px;
}

#popup .controls input {
	width: auto;
}

#popup form div {
	margin-bottom: 10px;
}

/* @group Header */

#header {
	margin: 40px 0 0;
	padding: 0 0 40px 0;
	border-bottom: 1px solid #D0D0D1;
}

#header .image_wrapper {
	margin-left: 8px;
}

.navarrows p a span {
	position: relative;
	left: -999px;
}

.sub-nav a.previous span {
	position: relative;
	left: -999px;
}

.sub-nav a.next span {
	position: relative;
	left: -999px;
}

/* @end */

/* @group Navigation */

ul.navigation {
	float: right;
	margin: 0 0px 20px 0px;
	padding: 7px 0 0 0;
}

ul.navigation li {
	float: left;
	margin: 0 10px 0 0;
	padding-right: 10px;
	border-right: 1px solid #a1a1a4;
}

ul.navigation li.last {
	border-right: none;
	margin: 0;
	padding: 0;
}

ul.navigation li a {
	position: relative;
	text-align: center;
	overflow: hidden;
	display: block;
	height: 20px;
	background-position: left top;
	background-repeat: no-repeat;
}

ul.navigation li a:hover, ul.navigation li a.active {
	background-position: 0 -20px;
}

ul.navigation li a span {
	position: absolute;
	left: -999px;
}

#design_studio a {
	width: 106px;
	background-image: url(../images/nav-design.png);
}

#invitation_studio a {
	width: 134px;
	background-image: url(../images/nav-invitation.png);
}

#store a {
	width: 41px;
	background-image: url(../images/nav-store.png);
}

#blog a {
	width: 33px;
	background-image: url(../images/nav-blog.png);
}

#about a {
	width: 45px;
	background-image: url(../images/nav-about.png);
}

/* @end */

/* @group Sub-nav */

ul.sub-nav {
	margin: 30px 0px 50px 0px;
	padding: 0;
	float: left;
	width: 100%;
}

/* IE 6 can't handle position: absolute on the .scroll div, so I opted to absolutely position the sub-nav and stick a bunch of padding on #content to compensate.

Sorry. */

* html ul.sub-nav {
	position: absolute;
	top: 30px;
	margin: 0;
}

.calculator .sub-nav {
	margin-bottom: 0;
	margin-top: 15px;
}

.calculator ul.sub-nav li {
	*margin: 15px 0;
}

/* IE 6 was completely losing the subnav on this page when absolutely positioned, so here's a weird workaround */

* html .calculator .sub-nav {
	position: relative;
	top: -155px;
	margin: 0 0 -170px;
}

ul.sub-nav li {
	margin: 20px 0 19px;
	clear: both;
	zoom: 1;
	position: relative;
}

ul.sub-nav li:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

ul.sub-nav li a {
	color: #6d6f71;
	text-decoration: none;
	letter-spacing: 1px;
	*letter-spacing: 0px;
	overflow: hidden;
	position: relative;
	float: left;
	height: 11px;
	background-position: left top;
	background-repeat: no-repeat;
}

ul.sub-nav li a:hover, ul.sub-nav li a.active {
	background-position: 0 -11px;
	color: #2d7d7e;
}

ul.sub-nav li a.active {
	font-weight: bold;
}

ul.sub-nav span.pagination {
	float: right;
	color: #308686;
	margin: 0 35px 0 0;
	_display: inline;
}

/*Below are the Sub sections that need to have a smaller gap between the numbers and the arrows */

ul.sub-nav #collateral span.pagination {
	margin: 0 25px 0 0;
}

/* ----------- */

ul.sub-nav span.pagination a {
	padding: 0 1px;
	text-align: center;
	display: inline;
	float: none;
	font-size: 1em;
	background: none !important;
}

ul.sub-nav li a span {
	position: absolute;
	left: -999px;
}

/* @group Sub-nav arrows */

ul.sub-nav li a.previous, ul.sub-nav li a.next {
	float: right;
	padding: 0 !important;
	margin: 0 !important;
	width: 10px !important;
	height: 10px !important;
	position: absolute;
	overflow: hidden;
	display: block;
	top: 0px;
}

ul.sub-nav a.previous {
	background: white url(../images/previous.png) no-repeat 0 -39px !important;
	right: 12px;
}

ul.sub-nav a.next {
	background: white url(../images/next.png) no-repeat 0 -39px !important;
	right: 0px;
}

ul.sub-nav a:hover.previous, ul.sub-nav a:hover.next {
	background-position: 0 -1px !important;
}

ul.sub-nav .active {
	color: #47918f;
}

/* @end */

ul.sub-nav li#logo a {
	background-image: url(../images/sub-nav-logo.png);
	width: 35px;
}

ul.sub-nav li#id_system a {
	background-image: url(../images/sub-nav-id_system.png);
	width: 70px;
}

ul.sub-nav li#collateral a {
	background-image: url(../images/sub-nav-collateral.png);
	width: 150px;
}

ul.sub-nav li#website a {
	background-image: url(../images/sub-nav-website.png);
	width: 56px;
}

ul.sub-nav li#custom a {
	background-image: url(../images/sub-nav-custom.png);
	width: 54px;
}

ul.sub-nav li#signature a {
	background-image: url(../images/sub-nav-signature.png);
	width: 74px;
}

ul.sub-nav li#process a {
	background-image: url(../images/sub-nav-process.png);
	width: 58px;
}

ul.sub-nav li#pricing a {
	background-image: url(../images/sub-nav-pricing.png);
	width: 50px;
}

ul.sub-nav li#press a {
	background-image: url(../images/sub-nav-press.png);
	width: 38px;
}

/* @group Tertiaries */

/* Process Tertiaries */

ul.sub-nav li#process span.pagination {
	float: right;
}

ul.sub-nav span.textual {
	margin-top: 1px;
}

ul.sub-nav span.textual a {
	position: relative;
	overflow: hidden;
	display: block;
	float: left;
	height: 10px;
	background-position: top left !important;
	background-repeat: no-repeat !important;
	border-right: 1px solid #6d6e71;
	padding-right: 9px;
	margin-right: 9px;
}

ul.sub-nav li#process span.pagination a.last, ul.sub-nav li#pricing span.pagination a.last {
	padding: 0;
	margin: 0;
	border: none;
}

ul.sub-nav span.textual a:hover, ul.sub-nav span.textual a.active {
	background-position: 0 -10px !important;
}


ul.sub-nav li#process a.faq {
	background-image: url(../images/sub-nav-process-faq.png) !important;
	width: 18px;
}

ul.sub-nav li#process a.type {
	background-image: url(../images/sub-nav-process-type.png) !important;
	width: 23px;
}

ul.sub-nav li#process a.ink {
	background-image: url(../images/sub-nav-process-ink.png) !important;
	width: 17px;
}

ul.sub-nav li#process a.paper {
	background-image: url(../images/sub-nav-process-paper.png) !important;
	width: 30px;
}

ul.sub-nav li#process a.items {
	background-image: url(../images/sub-nav-process-items.png) !important;
	width: 28px;
}

/* Samples(Pricing) Tertiaries */

ul.sub-nav li#pricing a.samples {
	background-image: url(../images/sub-nav-pricing-samples.png) !important;
	width: 43px;
}

ul.sub-nav li#pricing a.custom {
	background-image: url(../images/sub-nav-pricing-custom.png) !important;
	width: 41px;
}

ul.sub-nav li#pricing a.signature {
	background-image: url(../images/sub-nav-pricing-signature.png) !important;
	width: 56px;
}

/* @end */

/* @end */

/* @group Sub-sub-nav */

p.sub-pagination {
	position: relative;
	float: right;
	margin: 0 !important;
	bottom: 2px;
}

p.sub-pagination a {
	font-size: .9em;
	padding: 0 1px;
	color: #6d6f71;
	text-decoration: none;
	text-align: center;
}

p.sub-pagination a.active, p.sub-pagination a:hover {
	color: #47918f;
}

p.sub-pagination a.active {
	font-weight: bold;
}

.numbers {
	margin: 0 35px 0 0;
	_display: inline;
}

.navarrows a {
	float: right;
	padding: 0 !important;
	margin: 0 !important;
	width: 10px !important;
	height: 10px !important;
	position: absolute;
	overflow: hidden;
	display: block;
	top: 4px;
}

.navarrows a span {
	position: absolute;
	left: -999px;
}

.navarrows a.previous {
	background: white url(../images/previous.png) no-repeat 0 -39px;
	right: 12px;
}

.navarrows a.next {
	background: white url(../images/next.png) no-repeat 0 -39px;
	right: 0px;
}

.navarrows a.previous:hover, .navarrows a.next:hover {
	background-position: 0 -1px;
}

/* @end */

/* @group Display */

#display {
	margin: 30px 10px 29px 0;
	float: left;
	_display: inline;
}

#display_home {
	width: 882px;
	height: 394px;
	margin: 30px 0 29px;
	position: relative;
}

#display_home img {
	position: absolute;
	top: 0px;
	left: 0px;
}

#display_home .placeholder {
	top: 90px;
	left: 268px;
}

/* @end */

/* @group Content */

#content {
	margin: 30px 0px 0px 582px;
	height: 394px;
	width: 302px;
	border: 1px solid white;
	overflow: visible;
	_margin-left: 579px;
	position: relative;
}

.fullpage #content {
	padding-top: 50px;
	height: 344px;
}

/* See the comment above near .sub-nav for explanation of this insanity */

* html #content {
	padding-top: 218px;
	height: 176px;
}

* html .calculator #content {
	padding-top: 170px;
	height: 224px;
}

* html #content .process, * html #content .editorial {
	padding-top: 32px;
}

#content .scroll {
	width: 302px;
	height: 175px;
	margin-top: 0px;
	overflow: auto;
	position: absolute;
	bottom: 0px;
	left: 0px;
}

.fullpage #content .scroll {
	height: 345px;
}

* html #content .scroll {
	position: static;
}

* html .calculator #content .scroll {
	margin-top: 22px;
}

#content .scrollarea {
	height: 175px;
	width: 5px;
	position: absolute;
	bottom: 0px;
	right: -7px;
}

.fullpage #content .scrollarea {
	height: 345px;
}

#content .scrollbarbox {
	height: 100%;
	width: 100%;
	background: #e8e8e8;
}

#content .scrollbar {
	width: 5px;
	min-height: 25px;
	background: #2d7d7e;
	cursor: pointer;
}

#content .scrollwrap .scroll, #content .scrollwrap .scrollarea {
	height: 120px;
}

#content h1 {
	font-size: 1.3em;
	letter-spacing: 1px;
	color: #298789;
	margin: 5px 0 10px 0;
}

#content p {
	font-size: 1.2em;
	color: #6D6F71;
	line-height: 1.5em;
	margin-bottom: 17px;
}

/*

 @end */

/* @group Calculator */

#calculator {
	width: 100%;
	float: left;
}

#add-form {
	margin-bottom: 5px;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
}

#el_item, #el_style {
	width: 200px;
}

#el_item-rendered, #el_style-rendered {
	width: 170px;
}

.adjacent span.selectbox {
	float: left;
	margin: 0 5px 0 0;
}

.adjacent .wrap {
	*float: left;
}

div.quantity {
	float: left;
}

.quantity select.selectbox {
	width: 80px;
}

.quantity span.selectbox {
	margin-right: 0;
	width: 50px;
}

#extra_options {
	clear: both;
	padding-top: 10px;
	margin: 0 0 5px;
}

#extra-pop:link, #extra-pop:visited {
	float: right;
	margin-top: 7px;
}

#extra_options img {
	margin: 0 0 5px;
}

#extra_options select.selectbox {
	width: 200px;
}

#extra_options span.selectbox {
	width: 170px;
}

#el_item.focused,
#extra_options select.focused {
	width: auto;
}

* html #el_item.focused {
	position: absolute;
	width: 420px;
}

.controls a:link, .controls a:visited {
	background: #97999c;
	color: #fff;
	float: left;
	padding: 5px;
	text-decoration: none;
	font-size: 1.1em;
	margin-right: 5px;
	text-transform: uppercase;
}

.totals {
	float: right;
}

#add-form .totals {
	margin-top: 3px;
}

#content .totals p {
	margin: 0;
	font-size: 1.1em;
	text-align: right;
}

.totals .dollartotal, .totals .label {
	float: left;
}

.totals .label {
	width: 100px;
}

#interstitial .totals .label {
	font-weight: bold;
}

.totals .dollartotal {
	width: 45px;
}

#interstitial {
	clear: both;
}

#switch {
	color: #909193;
	float: left;
	font-size: 1.1em;
	line-height: 1.5em;
}

#email_link {
	float: left;
	margin-top: 5px;
}

#cart-list {
	font-size: 1.1em;
	margin: 10px 0 0;
}

#cart li {
	color: #6D6F71;
	clear: both;
	padding: 5px 0 0;
	margin: 0 0 5px;
	border-top: 1px solid #eee;
	zoom: 1;
}

#cart li:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#cart li span, #cart .delete {
	float: left;
	margin-right: 5px;
	_display: inline;
}

#cart .delete {
	color: #909193;
}

#cart li .quantity {
	width: 30px;
	text-align: center;
}

#cart li .style {
	display: none;
}

#cart li .name {
	width: 175px;
	_width: 170px;
}

#cart li .options {
	display: none;
}

#cart li .price {
	float: right;
	text-align: right;
	margin-right: 0;
}

#cart li .total {
	float: none;
	margin: 0;
}


/* @end */

/* @group Footer */

#footer {
	clear: both;
	padding: 8px 0;
	border-top: 1px solid #d6d6d7;
	border-bottom: 1px solid #d6d6d7;
	zoom: 1;     /* triggers hasLayout */
    display: block;     /* resets display for IE/Win */
}
#footer:after{
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
img.email {
	padding: 0 0 2px 6px;
}

img.envelope {
	margin: 0 0 -3px 20px;
}
#footer li{
	float: left;
}
/* @end */

/* @group Order Buttons */

#content p.order-buttons {
	position: relative;
	top: -50px;
	margin: 0 0 -50px;
	float: left;
	width: 100%;
	height: 30px;
	_top: -10px;
	_margin-bottom: 5px;
}

.order-buttons a {
	position: absolute;
	display: block;
	overflow: hidden;
	top: 0;
	text-decoration: none;
	height: 30px;
}

.order-buttons a span {
	position: relative;
	left: -999px;
}

a.quote {
	background: url(../images/get-quote-bg.png) no-repeat;
	width: 100px;
}

a.sample {
	background: url(../images/order-sample-bg.png) no-repeat;
	width: 110px;
	left: 110px;
}

a.quote, a.sample {
	background-position: 0 0;
}

a.quote:hover, a.sample:hover {
	background-position: 0 -37px;
}



/* @end */

/* @end */

/* @group Page Specifics */

.custom h2, .signature h2, .process h2, .samples h2, .press h2, .id_system h2, .editorial h2, .logo h2, .collateral h2, .website h2 {
	font-size: 1.4em;
	color: #47918F;
	margin-bottom: 5px;
	font-weight: bold;
	*clear: left;
}

.scrollwrap h2 {
	*position: relative;
	*top: -5px;
}

.scrollwrap p.sub-pagination {
	*position: relative;
	*top: -7px;
}

.custom ul, .signature ul, .process ul, .samples ul, .press ul, .id_system ul, .editorial ul, .logo ul, .collateral ul, .website ul {
	font-size: 1.2em;
	color: #6D6E71;
}

.custom ul li ul, .signature ul li ul, .process ul li ul, .samples ul li ul, .id_system ul li ul, .editorial ul li ul, .logo ul li ul, .collateral ul li ul, .website ul li ul {
	font-size: 1em;
}

.id_system ul li, .editorial ul li, .logo ul li, .collateral ul li, .website ul li {
	padding: 0 0 5px 0;
}

.id_system ul li li, .editorial ul li li, .logo ul li li, .collateral ul li li, .website ul li li {
	padding: 3px 5px;
}

.process h3 {
	font-size: 1.4em;
	color: #6D6E71;
	margin-bottom: 5px;
}

#splash {
	background: #fff;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
	display: none;
}

* html #splash {
	height: 600px;
}

#splash img {
	margin-top: 225px;
}

/* @end */