@charset "UTF-8";
body, html {
	min-width: 890px;
 _width: expression( document.body.clientWidth > 1000 ? "1000px" : "auto" );
	height: 100%;
	margin: 0;
	font: 400 15px/1.8 "Lato", sans-serif;
	color: #777;
	background-color: #271f18;
}
.bgimg-landing, .bgimg-contact, .bgimg-lineup, .bgimg-merchantLineup, .bgimg-philosophy, .bgimg-demosDark, .darkBar {
	position: relative;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1024px) {
.bgimg-landing, .bgimg-contact, .bgimg-lineup, .bgimg-merchantLineup, .bgimg-philosophy, .bgimg-demosDark, .hBar, .navigationBar {
	background-attachment: scroll;
}
}
.bgimg-landing {
	background-image: url(img-nav/landing-page.jpg);
	min-height: 100%;
}
.bgimg-philosophy {
	background-image: url(img-nav/components-bg.jpg);
	color: #777;
	text-align: justify;
	padding: 10%;
}
.bgimg-product {
	color: #777;
	text-align: justify;
	padding: 50px 7%;
	background-color: #fff;
	background-image: url(img-nav/gradient-top.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}
.merchantProducts {
	color: #777;
	text-align: justify;
}
.bgimg-demosDark {
	background-image: url(img-nav/grunge-bg.jpg);
	padding: 30px 7%;
	min-height: 550px;
	text-transform: uppercase;
	color: #f7f7f7;
	letter-spacing: 2px;
	font: 20px "Lato", sans-serif;
	text-align: center;
	text-shadow: 2px 2px 5px black;
}
.bgimg-lineup {
	background-image: url(img-nav/grunge-bg.jpg);
	color: #f7f7f7;
	letter-spacing: 2px;
	font: 20px "Lato", sans-serif;
	text-align: center;
	padding: 50px 5px;
	text-shadow: 2px 2px 5px black;
	min-height: 550px;
}
.bgimg-merchantLineup {
	background-image: url(img-nav/grunge-bg.jpg);
	padding: 110px 15%;
	min-height: 550px;
}
.whiteHeading {
	padding: 50px 5px;
	text-shadow: 2px 2px 5px black;
	text-align: center;
	text-transform: uppercase;
	color: #f7f7f7;
	letter-spacing: 10px;
	font-family: "Lato", sans-serif;
	font-size: 25px;
	font-weight: bold;
}
.bgimg-contact {
	background-image: url(img-nav/components-bg.jpg);
	color: #777;
	min-height: 100%;
}
.lineupProductBox {
	min-height: 400px;
	background-repeat: no-repeat;
	display: inline-table;
	padding: 0px;
	color: #f7f7f7;
	letter-spacing: 4px;
	text-align: center;
	font-family: "Lato", sans-serif;
	font-size: 13px;
}
.caption {
	position: absolute;
	left: 0;
	top: 39%;
	width: 100%;
	text-align: center;
	color: #777;
	padding: 0px;
}
.caption span.border {
	background-color: #111;
	color: #fff;
	padding: 18px;
	font-size: 25px;
	letter-spacing: 10px;
}
.dymo {
	background-color: #30373e;
	color: #fff;
	padding: 9px;
	font-size: 28px;
	letter-spacing: 10px;
	text-shadow: 0px 0px 7px black;
	text-transform: uppercase;
	text-align: left;
	line-height: 56px;
}
.dymoSmall {
	background-color: #30373e;
	color: #fff;
	padding: 6px;
	font-size: 20px;
	letter-spacing: 5px;
	text-shadow: 0px 0px 7px black;
	text-transform: uppercase;
	line-height: 35px;
	text-align: center;
}
.hBar {
	width: 100%;
	height: 105px;
}
h2 {
	text-align: center;
	text-transform: uppercase;
	color: #f7f7f7;
	letter-spacing: 10px;
	font-family: "Lato", sans-serif;
	font-size: 25px;
	font-weight: bold;
}
h3shadow {
	text-align: center;
	letter-spacing: 5px;
	text-transform: uppercase;
	font: 20px "Lato", sans-serif;
	color: #111;
	text-shadow: 1px 1px 3px grey;
}
.navigationBar {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	padding: 3px;
	text-align: right;
	color: #fff;
	opacity: 0.8;
	background-color: #000;
	letter-spacing: 3px;
	text-transform: uppercase;
	font-family: "Lato", sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
}
a.navLink:link, a.navLink:visited, a.navLink:active {
	color: #fff;
	text-decoration: none;
	background-color: #000;
	border: 5px solid #000;
}
a.navLink:hover {
	color: #000;
	text-decoration: none;
	background-color: #fff;
	border: 5px solid #fff;
}
a.lineupLink:link, a.lineupLink:visited, a.lineupLink:active {
	text-decoration: none;
}
a.lineupLink:hover {
	text-decoration: none;
}
a:link, a:visited, a:active {
	text-decoration: none;
	color: #282E34;
}
.smallText {
	font-size: 9px;
	color: #000;
}
.ppButton {
	text-align: center;
	border: none;
	border-radius: 0.25rem;
	min-width: 11.625rem;
	padding: 0 2rem;
	height: 2.625rem;
	font-weight: bold;
	background-color: #777;
	color: #FFF;
	font-family: "Helvetica Neue", Arial, sans-serif;
	font-size: 1rem;
	line-height: 1.25rem;
	cursor: pointer;
}