/* ------------------------------------------------------------------------------------------------------*/
/* ZERO OUT ALL BROWSER PRE-SET VALUES  -----------------------------------------------------------------*/

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, img, form, fieldset, a {
	margin: 0;
	padding: 0;
	border: 0;
}



/* ------------------------------------------------------------------------------------------------------*/
/* BASE BLOCK ELEMENTS & GLOBAL STYLES ------------------------------------------------------------------*/


body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	text-align: center; /* for centering layout in IE 5.x */
	background-color: #949598;
	background-image: url(../images/shared/background_body.gif);
}


/* Container for entire page content */

#wrapper {
	margin: 0 auto;
	min-height: 100%;
	width: 770px;
	text-align: left; /* counter the centering in the body tag */
	background-image: url(../images/shared/background_wrapper.gif);
	background-repeat: repeat-y;
}

.clear { clear: both; }


/* ------------------------------------------------------------------------------------------------------*/
/* HEADER BLOCK (LOGO & MAIN NAV)  ----------------------------------------------------------------------*/


#headerBlock {
	background: url(../images/shared/header.gif) no-repeat;
}

#logo {
	padding: 44px 0 18px 34px;
}

#mainNav {
	width: 750px;
	margin: 0 10px;;
	min-height: 37px;
	height: 37px;
	font-size: 10px;
	line-height: 10px;
	background: url(../images/shared/background_mainNav.gif) repeat-x;
}

#mainNav ul{
	list-style: none;
	margin: 0 14px;
	padding: 0;
}

#mainNav ul li{
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
}

#mainNav ul li a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	height: 32px;
	display: block;
	text-indent: -5000px;
}

/* Basic Link Styles */

#mainNav a:link		{ color: #FFFFFF; text-decoration: none; }
#mainNav a:visited	{ color: #FFFFFF; text-decoration: none; }
#mainNav a:hover	{ color: #FFFFFF; text-decoration: none; }
#mainNav a:active	{ color: #FFFFFF; text-decoration: none; }
#mainNav a:focus	{ outline: 0; }

#mainNav .home a { background: url(../images/shared/nav_home.gif) no-repeat; width: 67px; }
#mainNav .home a:hover  { background-position: -67px 0; }
#mainNav .home a:focus  { outline: 0; }
#mainNav .about a { background: url(../images/shared/nav_about.gif) no-repeat; width: 86px; }
#mainNav .about a:hover  { background-position: -86px 0; }
#mainNav .about a:focus  { outline: 0; }
#mainNav .method a { background: url(../images/shared/nav_method.gif) no-repeat; width: 104px; }
#mainNav .method a:hover  { background-position: -104px 0; }
#mainNav .method a:focus  { outline: 0; }
#mainNav .sustainability a { background: url(../images/shared/nav_sustainability.gif) no-repeat; width: 113px; }
#mainNav .sustainability a:hover  { background-position: -113px 0; }
#mainNav .sustainability a:focus  { outline: 0; }
#mainNav .ergonomics a { background: url(../images/shared/nav_ergonomics.gif) no-repeat; width: 106px; }
#mainNav .ergonomics a:hover  { background-position: -106px 0; }
#mainNav .ergonomics a:focus  { outline: 0; }
/*#mainNav .workflow a { background: url(../images/shared/nav_workflow.gif) no-repeat; width: 164px; }
#mainNav .workflow a:hover  { background-position: -164px 0; }
#mainNav .workflow a:focus  { outline: 0; }*/
#mainNav .contact a { background: url(../images/shared/nav_contact.gif) no-repeat; width: 81px; }
#mainNav .contact a:hover  { background-position: -81px 0; }
#mainNav .contact a:focus  { outline: 0; }


/* "Current Page" Highlight - Button Text */
#home #mainNav .home a						{ background-position: -134px 0; }
#about #mainNav .about a					{ background-position: -172px 0; }
#method #mainNav .method a					{ background-position: -208px 0; }
#sustainability #mainNav .sustainability a	{ background-position: -226px 0; }
#ergonomics #mainNav .ergonomics a			{ background-position: -212px 0; }
/*#workflow #mainNav .workflow a				{ background-position: -328px 0; }*/
#contact #mainNav .contact a				{ background-position: -162px 0; }



/* ------------------------------------------------------------------------------------------------------*/
/* PAGE CONTENT BLOCK  ----------------------------------------------------------------------*/


#contentBlock {
	width: 750px;
	margin: 0 10px;
	background: url(../images/shared/background_contentBlock.gif) repeat-x 0 -30px;
}



/* ------------------------------------------------------------------------------------------------------*/
/* PAGE CONTENT BLOCK (SUBNAV)  ----------------------------------------------------------------------*/


#subnav {
	margin: 0;
	padding: 29px 0 0 0;
	width: 152px;
	font-size: 10px;
	color: #8B8C8F;
	line-height: 12px;
	float: left;
}

#subnav ul{
	list-style: none;
	margin: 0 0 15px 0;
	padding: 0;
	background: url(../images/shared/subnav_horizRule_top.gif) no-repeat;
}

#subnav ul li{
	padding: 5px 0 5px 38px;
	width: 122px;
	margin: 0 0 0 -10px;
	background: url(../images/shared/subnav_horizRule.gif) no-repeat bottom;
}

#subnav a:link {
	padding: 5px 0 5px 0;
	margin: 0;
	color: #8B8C8F;
	text-decoration: none;
}
#subnav a:visited {
	padding: 5px 0 5px 0;
	margin: 0;
	color: #8B8C8F;
	text-decoration: none;
}
#subnav a:hover {
	padding: 5px 0 5px 0;
	margin: 0;
	color: #4D4F53;
	text-decoration: none;
}
#subnav a:active {
	padding: 5px 0 5px 0;
	margin: 0;
	color: #4D4F53;
	text-decoration: none;
}


/* Used to help indicate current page within the subnav */

#subnav .currentPage { background: url(../images/shared/subNav_highlight.gif) no-repeat bottom; }
#subnav .currentPage a:link { color: #4D4F53; }
#subnav .currentPage a:visited { color: #4D4F53; }



/* ------------------------------------------------------------------------------------------------------*/
/* MAIN CONTENT   ---------------------------------------------------------------------------------------*/


#mainContent {
	width: 567px;
	min-height: 350px;
	margin: 0;
	padding: 30px 0 0 0;
	float: right;
}


/* Single Column Layouts ------------ */

#mainContent.singleColumn {
	width: 472px;
	padding-right: 95px;
}


/* Double Column Layouts ------------ */

#mainContent.doubleColumn #mainColumn {
	float: left;
	width: 310px;
}

#mainContent.doubleColumn #sideColumn {
	float: right;
	width: 215px;
	padding: 30px 30px 0 0;
}


/* Text Styles ------------ */

#mainContent h1 {
	font-size: 20px;
	line-height: 16px;
	margin: 0 0 7px 0;
	padding: 0;
	color: #084C8D;
	font-weight: 4D4F53;
}

#mainContent h2 {
	font-size: 11px;
	line-height: 13px;
	margin: 5px 0 6px 0;
	padding: 4px 0 0 0;
	color: #D55C19;
	font-weight: bold;
}

#mainContent h3 {
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
	color: #4D4F53;
}

#mainContent p {
	margin: 0 0 6px 0;
	padding: 0;
	font-size: 11px;
	line-height: 16px;
	color: #4D4F53;
}

#mainContent .horizRule {
	margin: 20px 0 0 0;
	font-size: 6px;
	line-height: 6px;
	background: url(../images/shared/horizRule_narrowColumn.gif) no-repeat;
}

/* Lists ------------ */

#mainContent ul {
 	list-style-type: none;
	padding: 0;
	margin: 0 0 14px -3px;
	font-size: 11px;
	line-height: 14px;
	color: #4D4F53;
}

#mainContent li {
	margin: 8px 0 10px 0;
	background-image:url(../images/shared/listBullet.gif);
	background-repeat: no-repeat;
	background-position: .4em .4em;
	padding-left: 13px;
}


/* Link Styles ------------ */

#mainContent a:link { color: #D55C19; text-decoration: none; }
#mainContent a:visited { color: #D55C19; text-decoration: none; }
#mainContent a:hover { color: #D55C19; text-decoration: underline; }
#mainContent a:active { color: #D55C19; text-decoration: underline; }


/* Diagrams (Used in Ergonomics section) ------------ */

.diagram {
 	width: 100%;
	text-align: right;
	margin: 0 0 30px 0;
}

#mainContent.doubleColumn #sideColumn .diagram p.caption {
	width: 100%;
	text-align: right;
	margin: 10px 0 0 0;
	padding: 6px 1px 0 0;
	background: url(../images/shared/horizRule_caption.gif) no-repeat; 
	font-size: 9px;
	line-height: 10px;
	color: #D55C19;
}


/* -------------------------------------------------------------------------------------------------------*/
/* FOOTER BLOCK  -----------------------------------------------------------------------------------------*/


#footerBlock {
	width: 750px;
	padding: 0 10px 5px 10px;
	text-align: center;
	background: url(../images/shared/footer.gif) no-repeat;
}

#certifiedStatement {
	width: 321px;
	height: 35px;
	padding: 26px 0 19px 0px;
	color: #FFFFFF;
	font-size: 10px;
	line-height: 10px;
	text-indent: -5000px;
	background: url(../images/shared/certifiedStatement.gif) no-repeat 26px 9px;
}


/* Text Styles ------------ */

#footerBlock p {
	color: #4D4F53;
	font-size: 8px;
	line-height: 10px;
}

#footerBlock a:link { color: #4D4F53; text-decoration: none; }
#footerBlock a:visited { color: #4D4F53; text-decoration: none; }
#footerBlock a:hover { color: #4D4F53; text-decoration: underline; }
#footerBlock a:active { color: #4D4F53; text-decoration: underline; }