/*
	Paper and Ink
*/
/* clear fix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

/* page layout */
* {
	margin:0;
	padding:0;
}
body {
	background:#fff;
	background: url(../images/bg-body.jpg) no-repeat #fff;
}
#wrapper {
	margin:0 auto;	/* alignment - center */
	width:966px;
	/*border:1px solid red;*/
}
#header {
	height:50px;
	/*border:1px solid yellow;*/
	/*background-color:#fff;*/
}
#banner {
	margin-bottom:20px;
	height:auto;
	/*background-color:#21721A;*/
	/*border:1px solid #dbdbdb;*/
}
#content-wrapper {
	height:100%;
	margin-bottom:5px;
	padding-bottom:10px;
	width:auto;
	height:auto;
	overflow:auto;
	/*border:1px solid #fff;*/
}
#footer {
	margin-bottom:10px;
	height:20px;
	text-align:right;
	background: url(../images/bg-footer.jpg) repeat-x  #f2f2f2;
	background-color:#fff;
	/*border:1px solid gray;*/
}

/*  company branding & style */
#pni-logo {
	float:left;
	position:relative;
	top:15px;
	left:1px;
	text-decoration:none;
	/*border:1px red solid;*/
}
#pni-logo img { border:none; }
.lightgreen-bar {
	background-color:#D6E9D3;
	height:1px;
	margin-left:10px;
	position:relative;
	top:23px;
	width:776px;
	float:left;
	font-size:0px;	/* ie6 hack */
}
.green-bar {
	background-color:#62AF79;
	height:1px;
	margin-left:10px;
	position:relative;
	top:24px;
	width:776px;
	float:left;
	font-size:0px;	/* ie6 hack */
}

/* navigation bar */
ul#top-nav {
	margin-bottom:5px;
	display:block;
	width:966px;
	height:25px;
	clear:both;
	background-color:#696969;
	border:1px solid #dbdbdb;
	list-style:none;
}
#top-nav li{
	float:left;
	padding-left:15px;
	padding-right:5px;
	/*border:1px solid #fff;*/
	color:#dbdbdb;
	font-size:11px;
	background:url(../images/top-nav-bullet.jpg) no-repeat 0% 50%;
}
#top-nav li.first {
	margin-left:150px; 
	background:none;
}
#top-nav li a {
	font-weight:bold;
	text-decoration:none;
	color:#dbdbdb;
}
#top-nav li a:hover {
	font-weight:bold;
	color:#7cdf73;
}
/* top navigation safari hack */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#top-nav li a {
		font-weight:400;
	}
	#top-nav li a:hover {
		font-weight:400;
	}

	#top-nav li.first {
		margin-left:230px; 
		background:none;
	}
}
/* side navigation */
#side-wrapper {
	height:100%;
	display:block;
	width:225px;
	border-right:1px solid #dbdbdb;
	float:left;
	padding:0 15px;
}
#side-nav {
	margin-top:15px;
	font-size:10pt;
	list-style:none;
}
#side-nav li {
	margin:10px 0;
	padding-left:20px;
	padding-right:5px;
	background:url(../images/side-nav-bullet.jpg) no-repeat 0% 50%;
	line-height:100%;
}
#side-nav li img {
	padding-right:5px;
	border:none;
}
#side-nav li a {
	color:#696969;
	font-weight:bold;
	text-decoration:none;
	color:#148736;
	font-size:12px;
	font-weight:300;
}
#arrow {
	float:left;
	padding:5px;
}
#side-wrapper h5 { margin:-5px 0 5px 0; }

/* font & style */
p,h1,h2,h3,h4,h5,body{
	font-family:Arial, Tahoma, sans-serif;
	color:#696969;
	line-height:150%;
	font-weight:700;
}
p { font-size:12px; }
.content {
	padding:0 0;
	line-height:18pt;
	font-size:12px;
	font-weight:200;
}

.content-small {
	/* padding: 0px 0px 10px 0px;*/
	padding:0 0;
	line-height:13pt;
	font-size:11px;
	font-weight:200;
}

h4 {
	color:#148736;
	font-weight:500;
	font-size:13px;
}

.green-heading {
	color:#148736;
	font-weight:400;	
}

/* footer text */
div#footer p {
	font-size:11px;
	font-weight:200;
	color:#b8b8b8;
	padding-top:10px;
}
div#footer p a:link, div#footer p a:active, div#footer p a:visited, div#footer p a:hover {
	text-decoration:underline;
	color:#b8b8b8;
}

/* index.php - content layout and style */
#main-content {
	padding:0 20px;
	width:auto;
	height:auto;
	overflow:auto;
}
#left-col {
	float:left;
	width:438px;
	padding: 0px 45px 0px 20px;
	border-right:1px solid #dbdbdb;
}
#right-col {
	float:left;
	width:400px;
	padding-left:35px;
}
.green-bar-short {
	background-color:#62AF79;
	height:1px;
	position:relative;
	top:10px;
	width:230px;
	float:right;
	font-size:0px; /* ie6 hack */
}
#sub-wrapper {
	margin:10px 0;
	clear:both;
	display:block;
}
.sub-col {
	width:180px;
	float:left;
	margin:0 10px 0 10px;
}
.product-category-home {
	padding:0px 0px 0px 20px;
	color:#148736;
	background:url(../images/side-nav-bullet.jpg) no-repeat 0px 3px;
	font-size:12px;
	font-weight:300;
	height:25px;
}
.product-category-home a {
	text-decoration:none;
	color:#148736;
}
/* product.php - product list & sytle */
.item-row {
	clear:both;
	display:block;
}
.business-cards, .envelops, .invoice, .letterheads, .magnets, .postcards, .with-compliments {
	float:left;
	margin-left:30px;
	padding:10px 0 10px 60px;
	width:200px;
	/*background:url(../images/mini-business-cards.jpg) no-repeat 0px 10px;*/
}
.business-cards ul, .envelops ul, .invoice ul, .letterheads ul, .magnets ul, .postcards ul, .with-compliments ul  {
	padding:10px 0px 10px 25px;
}
.business-cards { background:url(../images/mini-business-cards.jpg) no-repeat 0px 10px; }
.envelops { background:url(../images/mini-envelops.jpg) no-repeat 0px 10px; }
.invoice { background:url(../images/mini-invoice.jpg) no-repeat 0px 10px; }
.letterheads { background:url(../images/mini-letterheads.jpg) no-repeat 0px 10px; }
.magnets { background:url(../images/mini-magnets.jpg) no-repeat 0px 10px; }
.postcards { background:url(../images/mini-postcards.jpg) no-repeat 0px 10px; }
.with-compliments  { background:url(../images/mini-with-compliments.jpg) no-repeat 0px 10px; }
.input-group {
	margin:0px 0px 0px 10px;
	font-family:Arial, Tahoma, sans-serif;
	font-size:12px;
	font-weight:200;
	color:#696969;
}

.input-group select, .input-group input.price {
	font-family:Arial, Tahoma, sans-serif;
	font-size:12px;
	font-weight:200;
	color:#696969;	
} 	
.input-group select { width:60px; }
.input-group input.price {
	background:transparent;
	border:0px solid #000;
	width:50px;
}
.input-group input.button {
	margin-top:10px;
	display:block;
}

/* contact us */
.info {
	clear:both;
	display:block;
}
.info-title {
	float:left;
	color:#148736;
	font-weight:400;
	font-size:13px;
	width:100px;
}
.info-details {
	display:inline;
}
.field {
	margin-bottom:10px;
	display:block;
}

.fieldDetailsConfirm,.fieldPaymentDetails {
	display:block;
}
.field label, .fieldDetailsConfirm label {
	font-family:Arial, Tahoma, sans-serif;
	font-weight:bold;
	font-size:12px;
	float:left;
	width: 100px;
}
.fieldPaymentDetails label {
	font-family:Arial, Tahoma, sans-serif;
	font-weight:bold;
	font-size:12px;
	float:left;
	width: 170px;
}
.field input.textbox, .field input.textbox-short, .field input.textbox-shorter .field textarea.textarea {
	float:left;
	font-family:Arial, Tahoma, sans-serif;
	font-size:12px;
}
.field input.textbox { width:200px; }
.field input.textbox-short { width:100px; }
.field input.textbox-shorter { width:50px; }
.field textarea.textarea {
	width: 300px;
	height: 80px;
}
.error {
	color:red;
	font-size:12px;
	clear:both;
}
input.require, textarea.require { background-color:#D6E9D3; }
.purchase_details
{
	font-weight: normal;
	font-size: 12px;
	color: #333333;
}
.comments_block
{
	float:left;
	width:500px;
}

/*artwork*/
.spec {
	margin:10px 0 5px 0;
}

/* suppliers */
.supplier {
	padding:15px 0 15px 0;
	clear:both;
	border-bottom:1px solid #dbdbdb;
}
.supplier .sup-logo {
	float:left;
	width:100px;
}
.supplier .sup-logo img {
	width:80px
	border:none;
	margin-bottom:40px
}
.supplier .sup-intro {
	display:inline;
}
.supplier .sup-intro a {
	font-style:italic;
	font-weight:500;
	color:#148736;
	text-decoration:none;
}

#bottom_buttons{
margin-top:20px;
}

.newsletter-label {
	width:70px;
	border:none;
	font-weight:400;
	font-size:12px;
	float:left;
}

.newsletter-box {
	width:150px;
	border:none;
	font-weight:400;
	font-size:12px;
	float:left;
	
}

.newsletter-submit {
	width:200px;
	border:none;
	margin-bottom:20px;
	font-weight:400;
	font-size:12px;
	float:left;	
}

.newsletter-submit-item{
float:right;
}

.newsImage{
margin-left:20px;
margin-bottom:0px;
border:0px;
}

.newsletterHeading{
font-size:18px;
font-weight:500;
margin-bottom:15px;
}

.contentNewsBullets {
	padding:15px 30px;
	line-height:18pt;
	font-size:12px;
	font-weight:200;
}

.contentUnderlineBold {
	padding:0px 0px;
	line-height:18pt;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
}

.contentHome {
	padding:0 0;
	line-height:23pt;
	font-size:14px;
	font-weight:200;
}

#newsLetterSubscribe {
border: none;
height:30px;
clear: both;
}

.newsletter-leftBox {
	width:400px;
	border:none;
	float:left;
	margin-right:10px;
}

.newsletter-rightBox {
	width:250px;
	border:none;
	float:left;
	padding-top:2px;
}

.newsletterSmallFooter{
font-size:8pt;
font-weight:200;
font-style:italic;
}

.newsLetterNewsSubscribe {
font-weight:bold;
margin-bottom:10px;
}

.successfulSubmitText {
color:#00CC33;
}

.content {
    font-size: 12px;
    font-weight: 200;
    line-height: 18pt;
    padding: 10px 0 0;
    text-align: justify;
}
#facebook {
    clear: both;
    padding-top: 35px;
	overflow: auto;
}
#facebook img {
    float: left;
    margin: -20px 15px 0 0;
	border: 0px;
}