/* Perfection Packaging main stylesheet
============================================================= */

/* begin 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-size: 100%; font-family: inherit;}

table {border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
ol, ul {list-style: none;}
hr {display: none; visibility: hidden;}

:focus {outline: 0;}

/* end reset */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	background:url(../images/banner_bkgd.png) repeat-x 0 0;
}

/* containers
------------------------------------------------------------ */

#pgcontainer {
	width:760px;
	margin:0 auto 100px auto;
	padding:0;
	height:100%;
}

.banner {
	margin:0;
	padding:0;
	background:url(../images/banner_bkgd.png) repeat-x 0 0;
	color:#fff;
}

.clear {
	margin:0;
	padding:0;
	clear:both;
}

.home {
	margin:0;
	padding:0;
}

	.introphoto {
		margin:0;
		padding:0 20px;
		width:255px;
		float:right;
	}
	
	.introphoto #homephoto {
		height:250px;
		width:255px;
		overflow:hidden;
	}

#footer {
	background:url(../images/footer_bkgd.png) repeat-x 0 0;
	background-color:#4c4c4c;
	margin:0;
	padding:0 20%;
	min-height:75px;
	clear:both;
	width:60%;
}


/* text
------------------------------------------------------------ */

p, li, dt, dd {
	font-size:1.2em;
	color:#444;
}
	ul {
		margin:10px 20px;
	}
	
		ul li {
			margin:0;
			padding:5px 0 5px 15px;
			list-style:none;
			background:url(../images/list-item.png) no-repeat left .7em;
		}

h1 {
	border-top:1px solid #da900e;
	margin:10px 0 0 0;
	padding:10px 0 0 0;
	width:450px;
}

h2 {
	font-weight:bold;
	font-size:1.4em;
	color:#964b00;
	margin:10px 0 -5px 0;
}

h3 {
	font-weight:bold;
	font-size:1.2em;
	color:#555;
	margin:15px 0 0 0;
}

h4 {
	font-weight:normal;
	font-size:1.1em;
	color:#555;
	margin:10px 0 0 0;
}

p {
	line-height:150%;
	margin:10px 0 0 0;
}

	p.intro {
		width:450px;
		margin-top:10px;
		font-size:1.3em;
	}

ul.twocolumn { /* homepage intro lists */
	margin:20px;
	padding:0;
	display:block;
	float:left;
	width:180px;
}

	ul.twocolumn li {
		list-style-image: url(../images/line-item.png);
		background:none;
		margin:0 0 5px 10px;
		padding:0 0 0 10px;
		line-height:133%;
		font-weight:bold;
	}

ul.largecolumns {
	margin:10px 0;
	padding:0;
}

	.largecolumns li {
		list-style:none;
		margin:0 20px 0 0;
		padding:0;
		width:350px;
		display:block;
		float:left;
		font-size:.9em;
		background:none;
	}

ul.bottom {
	clear:both;
	margin:0;
	padding:0;
}

	ul.bottom li {
		list-style:none;
		margin:40px 0 80px 0;
		padding:0;
		display:block;
		float:left;
		text-align:center;
		color:#444;
		font-size:1.1em;
	}
	
		ul.bottom li#madeinusa {
			background:url(../images/made-in-the-usa.png) no-repeat 0 0;
			width:130px;
			padding:80px 30px 0 30px;
			height:95px;
		}
		
		ul.bottom li#enviro {
			background:url(../images/enviro-products.png) no-repeat 0 0;
			width:260px;
			padding:80px 60px 0 60px;
			height:95px;
		}

		ul.bottom li#packaging {
			background:url(../images/packaging-design.png) no-repeat 0 0;
			width:130px;
			padding:80px 30px 0 30px;
			height:95px;
		}

.photoleft {
	padding:2px;
	margin:15px 20px 10px 0;
	border:1px solid #ddd;
	float:left;
}

#footer p {
	padding:10px 0 0 0;
	margin:0 20px 0 0;
	color:#aaa;
	text-align:right;
	font-size:1.1em;
}

/* links
------------------------------------------------------------ */

ul.bottom li a {
	display:block;
	color:#666;
	text-decoration:none;
}

	ul.bottom li a:hover, ul.bottom li:hover {
		color:#222;
	}

#footer a, #footer a:visited {
	color:#aaa;
	text-decoration:none;
}

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

/* form elements
------------------------------------------------------------ */

fieldset {
	margin:10px 0;
	padding:10px 20px;
	background:#eee;
}

fieldset legend {
	padding:0;
	margin:0 0 20px 0;
}

fieldset label {
	display:block;
	clear:both;
	width:10em;
	color:#555;
	font-size:1.2em;
	margin:10px 10px 0 0;
}

fieldset input[type=text], input.txtbox, textarea {
	border:1px solid #ccc;
	padding:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#888;
}

	fieldset input[type=text]:focus, input.txtbox:focus, textarea:focus {
		color:#333;
		border:1px solid #964b00;
	}

input[type=submit], input.txt-btn {
	background:#eee;
	border:1px solid #ccc;
	padding:5px;
}

	input[type=submit]:hover, input.txt-btn:hover {
		background:#da900e;
		border:1px solid #da900e;
		color:#fff;
	}

/* nav
------------------------------------------------------------ */

#mainnav {
	/* margin:0 0 0 280px; use after shop link goes online */
	margin:0 0 0 315px;
	padding:0;
	position:absolute;
	top:0;
}

	#mainnav dl {
	}


	#mainnav dt, #mainnav dd {
		display:block;
		float:left;
		font-size:1.4em;
		margin-right:20px;
		height:65px;
		line-height:65px;
	}
	
		#mainnav dt a {
			color:#fff;
			text-decoration:none;
			display:block;
		}
		
			#mainnav dt a:hover, #mainnav dd a:hover {
				background:url(../images/nav-on.png) no-repeat 50% 0;
				color:#fc0;
			}
		
		#mainnav dd a {
			color:#f59b29;
			font-weight:bold;
			text-decoration:none;
			display:block;
		}

			#mainnav dt#currentpage a, #mainnav dd#currentpage a {
				background:url(../images/nav-on.png) no-repeat 50% 0;
				color:#fc0;
			}