﻿body {
	background:gray url(images/pmi-bg-tile.jpg) repeat;
	text-align:center;
	margin:0 auto;
	font-size:62.5%;
	font-family:Arial, Helvetica, sans-serif;
	color:#242424;
}
body#green {
	background:green url(images/pmi-bg-green.jpg) repeat;
}
#wrapper {
	width:100%;
	background:url(images/pmi-header.jpg) top center no-repeat;
	margin:0 auto;
	padding:0;
	text-align:center;
}
#masthead {
	width:846px;
	text-align:center;
	height:234px;
	margin:0 auto;
	position:relative;
}
#green #wrapper {
	background:url(images/pmi-header-green.jpg) top center no-repeat;	
}
#masthead ul {
	position:relative;
	bottom:3px;
	display:inline;
}
#masthead ul li {
	display:inline;
}
h1 {
	display:none;
	}
img {
	border:0;
}
/*Main navigation-------------------------------------------------------------------------*/
#masthead ul {
	list-style:none;
	padding:0;
	margin:0;
	font-size:10pt; 
	color:#e5e5e5;
	font-style:italic;
	position:absolute;
	bottom:0px;
	left:20px;
	text-align:center;
	font-family:Lucida Sans, Arial, Helvetica, sans-serif;
	}
	#masthead li {
	display:inline;
	margin:0 15px 0 0;
	padding:0;
	line-height:175%;
	}
	#masthead li.last {
	margin-right:0;
}
	#masthead #menu-active {
	color:#ea601c;
	cursor:default;
}
	#masthead #menu-active-last {
	margin:0 0 0 0;
	color:#ea601c;
	cursor:default;
}
#masthead #menu-active-last a:link {
	color:#ea601c;
}
	#masthead #menu-active a:link {
	color:#ea601c;
}
#masthead #menu-active-last a:visited {
	color:#ea601c;
}
#green #masthead #menu-active a:link, #green #masthead #menu-active a:visited {
	color:#596b42;	
}
#masthead #menu-active a:visited {
	color:#ea601c;
}
	#masthead li a:link{
	color:#e5e5e5;
	text-decoration:none;
	}	
	#masthead li a:visited{
	color:#e5e5e5;
	text-decoration:none;
	}	
	#masthead li a:hover {
	color:#636d9c;
	text-decoration:none;
	}
/*Styles for container and descendants--------------------------------------------------------*/
#container {
	text-align:center;
	clear:both;
	width:846px;
	margin:0 auto;
	background:url(images/pmi-container-bg.png) transparent repeat-y top center;
	border-top:1px black solid;
	padding-top:14px;
	padding-bottom:0;
	}
#green #container {
	background:url(images/pmi-container-bg-green.png) transparent repeat-y top center;
}
h2 {
	text-transform:uppercase;
	font-style:italic;
	color:#141731;
	font-family:Lucida Sans, Arial, Helvetica, sans-serif;
	text-align:left;
	margin-left:25px;
	width:767px;
	height:42px;
	padding:5px 15px;
	font-size:18pt;
}
h2.welcome-h2 {
	background:url(images/pmi-welcome-h2.gif) no-repeat;
}
h2.products-h2 {
	background:url(images/pmi-products-h2.gif) no-repeat;
}
h2.mission-h2 {
	background:url(images/pmi-mission-h2.gif) no-repeat;
}
h2.about-h2 {
	background:url(images/pmi-about-h2.gif) no-repeat;
}
h2.msds-h2 {
	background:url(images/pmi-msds-h2.gif) no-repeat;
}
h2.trouble-h2 {
	background:url(images/pmi--troubleshooting-h2.gif) no-repeat;
}
h2.contact-h2 {
	background:url(images/pmi-contact-h2.gif) no-repeat;
}
h2.green-h2 {
	background:url(images/pmi-green-h2.gif) no-repeat;
	color:#3f5130;
}
#container p {
	font-size:1.2em;
}
#container-img {
	text-align:center;
	clear:both;
	width:846px;
	margin:0 auto;
	background:url(images/pmi-footer-bg.png) transparent bottom center no-repeat;
	padding-bottom:100px;
	min-height:500px;
	height:auto !important;
  	height:500px;
		}
#products #container-img {
	background:url(images/pmi-products-footer.png) transparent bottom center no-repeat;
}
#green #container-img {
	background:url(images/pmi-footer-green.png) transparent bottom center no-repeat;
}
#mainContent {
	float:right;
	text-align:left;
	width:570px;
	display:inline;
	}
#mainContent h3 {
	background:url(images/pmi-h3-bg.jpg) no-repeat;
	padding:5px 7px;
	font-size:12pt;
	color:#e1e1e1;
	margin-right:55px;
	margin-bottom:5px;
	text-transform:uppercase;
	font-style:italic;
	width:538px;
	height:27px;
	font-family:Lucida Sans, Arial, Helvetica, sans-serif;
}
.swatch {
	float:left;
	margin:0 5px 5px 0;
}
h3.staff {
	background:url(images/pmi-h3-sidebar.jpg) no-repeat;
	padding:5px 7px;
	font-size:12pt;
	color:#e1e1e1;
	margin-left:40px;
	margin-bottom:5px;
	text-transform:uppercase;
	font-style:italic;
	width:205px;
	height:27px;
	text-align:left;
	font-family:Lucida Sans, Arial, Helvetica, sans-serif;
}
#mainContent p {
	font-size:1.2em;
	text-align:justify;
	margin-right:40px;
	margin-left:8px;
	line-height:150%;
}
#mainContent ul {
	list-style:square;
	font-size:1.2em;
	line-height:140%;
}
#products-img {
	float:left;
	margin-right:8px;
	width:150px;
	height:125px;
}
#sidebar {
	float:left;
	display:inline;
}
#sidebar #resources {
	background:url(images/pmi-resources-bg.jpg) no-repeat;
	text-align:center;
	width:206px;
	margin-left:40px;
	height:301px;
	padding-top:3px;
}
.product-group {
	width:206px;
	margin-left:33px;
}
#troubleshooting #sidebar #resources {
	background:none;
}
#sidebar p {
	text-align:left; margin-left:40px; font-size: 1.3em; width:205px;
}
#sidebar p.caption {
	margin-top:5px;
	font-size:1.2em;
	margin-left:33px;}
#sidebar p.caption a:link, #sidebar p.caption a:visited {
	background:gray;
	color:white;
	padding:3px;
	display:block;
	}
#sidebar p.caption a:hover {
	color:navy;
}
#footer {
	height:1px;
	clear:both;
}
#footer p {
	display:none;
}

#msds-table {
	width: 94%;
	font-size:1.2em;
	border:3px gray groove;
	border-collapse:collapse;
}
#msds-table th {
	text-align:left;
	padding:3px;
	background:gray;
	border-bottom:1px #242424 solid;
	color:#e1e1e1;
}
#msds-table td {
	border-bottom:1px gray solid;
	padding:3px;
}
#product-number {
	width:25%;
}
a:link, a:visited {
	color:#262934;
	text-decoration:underline;
}
a:hover {
	color:#636d9c;
	text-decoration:none;
}
#green a:link, #green a:visited {
	color:#596b42;
}