@import url(reset.css);

body
{
	text-align: center;
	margin: 20px 0;
	font: x-small/1.0 Verdana,sans-serif;
}
#wrapper
{
	width: 800px;
	margin: 0px auto;
	text-align: left;
}
#masthead
{
	background-image: url('../images/Top_Performance.jpg');
	background-position: right top;
	background-repeat: no-repeat;
	height: 124px;
}
#logo a
{
	background-image: url('../images/Top_ParagonLogo.gif');
	background-repeat: no-repeat;
	background-position: left top;
	height: 124px;
	float: left;
	width: 234px;
	text-indent: -2000px;
}
#masthead #heading object, #masthead #heading img {
	width: 566px;
	height: 124px;
}
#nav
{
	background-image: url('../images/Nav_Dots.gif');
	background-repeat: repeat-x;
	background-position: left top;
	padding-top: 16px;
}
#nav img
{
	height: 112;
}
#nav ul li
{
	float: left;
}
#nav ul li a
{
	display: block;
	height: 28px;
	text-indent: -2000px;
	background-repeat: no-repeat;
	background-position: left top;
}
#nav ul li#why a
{
	width: 136px;
	background-image: url('../images/Nav_WhyParagon_Sprite.gif');
}
#nav ul li#custom a
{
	width: 235px;
	background-image: url('../images/Nav_Custom_Sprite.gif');
}
#nav ul li#solutions a
{
	width: 178px;
	background-image: url('../images/Nav_Solutions_Sprite.gif');
}
#nav ul li#quality a
{
	width: 143px;
	background-image: url('../images/Nav_Quality_Sprite.gif');
}
#nav ul li#contact a
{
	width: 108px;
	background-image: url('../images/Nav_ContactUs_Sprite.gif');
}
#nav ul li#why a:hover, body.why #nav ul li#why a,
#nav ul li#custom a:hover, body.custom #nav ul li#custom a,
#nav ul li#solutions a:hover, body.solutions #nav ul li#solutions a,
#nav ul li#quality a:hover, body.quality #nav ul li#quality a,
#nav ul li#contact a:hover, body.contact #nav ul li#contact a
{
	background-position: left -28px;
}
#footer
{
	margin: 40px;
	text-align: center;
	color: rgb(97,109,108);
}
#footer li
{
	display: inline;
	margin: 0 4px;
}
#footer li span
{
	font-size: 80%;
	color: rgb(179,209,131);
	margin-right: 4px;
}
#footer p
{
	margin-top: 8px;
	font-size: 75%;
}
#main
{
	width: 798px;
	margin-top: 8px;
	border-top: solid 1px #000;
	background: url('../images/mainBackground.gif') left top repeat-y;
}
#content
{
	float: right;
	padding: 8px 0 0 0;
	width: 561px;
	line-height: 1.3;
}
#content h1
{
	text-indent: -2000px;
	width: 100%;
	height: 35px;
}
#content div h2
{
	font-weight: bold;
	color: rgb(208,126,70);
	font-family: Verdana, Sans-Serif;
	font-size: 100%;
}
#content h2
{
	font-size: 110%;
}
.runin
{
	display: inline;
	margin-right: 1ex;
}
#content img
{
	float: right;
	margin: 16px 0 8px 8px;
}
body.home #content img
{
	margin: 0;
}
#content div
{
	margin-top: 16px;
	font: 110% Georgia, Serif;
}
body.home #content
{
	width: 563px;
}
body.home #content h1
{
	height: 47px;
	background: url('../images/YourCustomManufacturer_03.gif');
}
body.why #content h1
{
	background: url('../images/Orange_HelpingYouMeetDemand.gif');
}
body.custom #content h1
{
	background: url('../images/Orange_EquippedtoProduce.gif');
}
body.solutions #content h1
{
	background: url('../images/Orange_TurnkeyOperations.gif');
}
body.quality #content h1
{
	background: url('../images/Orange_100Years.gif');
}
body.careers #content h1, body.contact #content h1
{
	background: url('../images/Orange_Ready.gif');
}
ol
{
	list-style-type: decimal;
}
#content ul li
{
	list-style-type: disc;
}
#content ul, #content ol {
	margin-left: 20px;
}
#content ul.split
{
	width: 40%;
	float: left;
}
#sidebar
{
	float: left;
	width: 198px;
	padding: 8px 20px 0 0;
}
#phone
{
	width: 198px;
	height: 30px;
	margin-top: 20px;
	background: url('../images/800-231-3670.gif') left bottom;
	text-indent: -2000px;
}
h3
{
	font-weight: bold;
	font-size: 110%;
	color: rgb(0,107,171);
}
h3.events
{
	color: rgb(179,209,131);
}
h4
{
	color: rgb(208,126,70);
}
#sidebar p, #sidebar ul, #sidebar div
{
	line-height: 1.4;
	margin-top: 8px;
	font-weight: bold;
	color: rgb(97,109,108);
}
#sidebar .event p {
	margin-top: 0;
}
#sidebar .event a {
	display: block;
}
#sidebar ul li
{
	list-style-type: disc;
	margin-left: 20px;
}
#sidebar .footnote
{
	font-weight: normal;
	font-size: 80%;
}
body.detail
{
	text-align: center;
}
body.detail p
{
	width: 40em;
	margin: 1em auto 0 auto;
}
.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix
{
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix
{
	height: 1%;
}
.clearfix
{
	display: block;
}
/* End hide from IE-mac */