/*
Project Number: 7818
Client: Walinga Engineered Transportation Systems Inc.
Project: Machining Division Website
Date: February 2009

Author: Scribblers' Club
Author URL: http://www.scribblersclub.com/
*/

/* Reset Browser Defaults */

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,b,u,i,center,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-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none;}html body div.clear,html body span.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}

/* Site Defaults */

body {
	background: #ffffff;
	color: #86898C;
	font-family: "Times New Roman", times, serif;
	line-height: 1;
	text-align: center;
}

body {
	font-size: 62.5%;
} /* IE */

html > body {
	font-size: 10px;
} /* Other browsers */

a:link, a:visited {
	color: #52575B;
}

a:hover, a:active {
	color: #8AB8D2;
}

#outer-container {
	background: #ffffff url(../images/header_bkgrnd.gif) center 169px no-repeat;
	width: 100%
}

#container {
	margin: 0 auto 25px auto;
	position: relative;
	text-align: left;
	width: 960px;
}

/* Page Header Section */

#header {
	background: transparent url(../images/wmLogo.jpg) left 12px no-repeat;
	height: 169px;
	margin-left: 70px;
	position: relative;
	width: 820px;
}

#langBar {
	font: 0.9em Arial,sans-serif;
	list-style: none;
	margin-left: 650px;
	position: absolute;
	top: 2px;
	z-index: 10;
}

#langBar li {
	float: left;
	text-transform: uppercase;
}

#return-link {
	left: 765px;
	position: absolute;
	top: 13px;
	z-index: 10;
}

#return-link-fr {
	left: 760px;
	position: absolute;
	top: 11px;
	z-index: 10;
}

#header-left {
	float: left;
	height: 105px;
	width: 169px;
}

#header-right {
	background: #A8D8ED;
	float: right;
	font-family: "Trebuchet MS",Arial,sans-serif;
	margin-top: 98px;
}

#header-right ul {
	list-style: none;
}

#header-right li {
	color: #52575B;
	display: block;
	float: left;
}

#header-right a {
	color: #52575B;
	display: block;
	font-size: 10px;
	padding: 7px 8px 8px 8px;
}

#header-right a:hover, #header-right a:active {
	color: #fff;
}

#header-right .searchField {
	background: #fff;
	border: 1px solid #52575B;
	color: #52575B;
	font-size: 10px;
	height: 14px;
	margin-left: 8px;
	margin-top: 3px;
	width: 90px;
}

#header-right label {
	padding: 0 4px 8px 8px;
	position: relative;
}

#nav-container {
	background: #52575B;
	width: 820px;
}

#header02, #items_container {
	background-color: #ffffff;
	height: 230px;
	margin-left: 70px;
	overflow: hidden;
	position: relative;
	width: 820px;
}

.pdfThumb01 {
	left: 900px;
	top: 410px;
	position: absolute;
	z-index: 25;
}

/* Page Body Section */

.marginT100 {
	margin-top: 100px;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

h1 {
	color: #52575B;
	font-size: 3.6em;
	margin-top: 30px;
}

h1.norm {
	color: #52575B;
	font-size: 3.6em;
	margin-top: 20px;
}

h2 {
	color: #A8CF39;
	font-size: 2.4em;
	letter-spacing: 2px;
	margin-top: 20px;
	text-transform: uppercase;
}

.page-body-right h1 {
	color: #ffffff;
	font: 3.6em/1.0em "Trebuchet MS",Arial,sans-serif;
	text-transform: uppercase;
}

.page-body-right h3 {
	color: #52575B;
	font-family: "Trebuchet MS",Arial,sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 15px;
	text-transform: uppercase;
}

.page-body-right p.transform {
	color: #52575B;
	font: bold 1.2em/1.4em "Trebuchet MS",Arial,sans-serif;
	margin: 5px 0 0 0;
	padding: 0 0 100px 0;
	text-transform: uppercase;
}

#page-body {
	margin-left: 70px;
	padding-top: 5px;
	width: 820px;
}

.page-body-left {
	float: left;
	width: 580px;
}

.page-body-right {
	background: #B3DDF2;
	float: right;
	margin-top: 5px;
	padding: 0 15px 9px 15px;
	width: 190px;
}

.page-body-right p {
	margin-top: 15px;
}

p.first {
	color: #86898C;
	font-size: 2.4em;
	line-height: 1.3em;
	margin-top: 15px;
	/*width: 500px;*/
}

p.firstNorm {
	color: #86898C;
	font-size: 2.4em;
	line-height: 1.1em;
	margin-top: 15px;
}

p.narrow {
	color: #86898C;
	font-size: 1.0em;
	line-height: 1.5em;
	margin-top: 15px;
	width: 225px;
}

p.narrowNorm {
	color: #86898C;
	font: 1.4em/1.5em "Trebuchet MS",Verdana,Arial,sans-serif;
	margin-top: 15px;
	width: 270px;
}

p.Norm {
	font: 1.4em/1.5em "Trebuchet MS",Verdana,Arial,sans-serif;
	margin-top: 15px;
}

p.Cond {
	font: 1.4em/1.2em "Trebuchet MS",Verdana,Arial,sans-serif;
	margin-top: 15px;
}

p.Feat {
	font: 1.2em/1.1em "Trebuchet MS",Verdana,Arial,sans-serif;
	margin-bottom: 5px;
	margin-top: 10px;
}

.col820 {
	width: 820px;
}

.contactHdr {
	border-bottom: 1px solid #A8ABAD;
	margin-top: 15px;
	width: 100%;
}

.contactHdrL {
	float: left;
}

.contactHdrR {
	float: right;
}

.contactHdrR li {
	float: right;
	margin-left: 10px;
}

.contactDetails {

}

.contactDetailsL {
	float: left;
	width: 320px;
}

.contactDetailsR {
	float: right;
	text-align: right;
	width: 250px;
}

.contactDetailsR a, .mail-link {
	background: transparent url(../images/ui_components/email-icon.gif) right center no-repeat;
	padding-right: 20px;
}

/* Search Results */

.ajaxSearch_resultsInfo {
	font: 1.1em/1.5em "Trebuchet MS",Arial,sans-serif;
	margin-top: 15px;
}

.ajaxSearch_highlight {

}

.ajaxSearch_highlight1 {

}

.ajaxSearch_paging {
	font: 1.2em "Trebuchet MS",Arial,sans-serif;
}

.ajaxSearch_resultListContainer {
	width: 100%;
}

.ajaxSearch_result {
	border-bottom: 1px solid #DADEE0;
	font: 1.2em/1.5em "Trebuchet MS",Arial,sans-serif;
	margin-bottom: 5px;
	margin-top: 10px;
	padding-bottom: 2px;
}

.ajaxSearch_resultLink {
	font: bold 1.1em/1.5em "Trebuchet MS"Arial,sans-serif;
}

.ajaxSearch_extract {
	color: #52575B;
}

/* Lists */
#sitemap {
	margin-top: 15px;
}

#sitemap li {
	font: bold 1.4em/1.5em "Trebuchet MS",Arial,sans-serif;
}

#sitemap li ul li, #sitemap li ul li ul li {
	font-size: 1.0em;
	font-weight: normal;
}

#sitemap li ul li {
	background: transparent url(../images/ui_components/bullet01.gif) left 8px no-repeat;
	margin-top: 3px;
	padding-left: 15px;
}

/*===== PAGE FOOTERS =====*/

#footer {
	border-top: 1px solid #86898C;
	color: #52575B;
	font: bold 1.0em "Trebuchet MS",Verdana,Arial,sans-serif;
	margin-bottom: 25px;
	margin-top: 50px;
	padding-top: 3px;
	text-transform: uppercase;
	width: 100%;
}

.footerLeft {
	float: left;
	padding-left: 10px;
	width: 400px;
}

.footerRight {
	float: right;
	padding-right: 10px;
	text-align: right;
	width: 400px;
}

.gray-footer {
	background-color: #53575A;
	float: right;
	height: 273px;
	margin-top: 25px;
	position: relative;
	width: 820px;
}

.gray-footer-overlay {
	left: -110px;
	position: absolute;
	top: -75px;
	z-index: 10;
}

.gray-footer-right {
	float: right;
	margin-right: 70px;
	width: 445px;
}

/* Google Maps */

#map, #map2 {
	border: 1px solid #A8ABAD;
	height: 250px;
	margin-top: 15px;
	width: 575px;
}

/* MenuMatic */

/* Based partially on Matthew Carroll's keyboard accessible flavor of Suckerfish 
 * Dropdowns by Patrick Griffiths and Dan Webb. 
 * http://carroll.org.uk/sandbox/suckerfish/bones2.html
 */

/* ----[ LINKS ]----*/

#nav {
	background: #52575B;
	width: 820px;
}

/* all menu links */
#nav a, #subMenusContainer a{
	text-decoration:none;
	display:block;
	padding: 16px 19px 14px 18px;
	background-color:#fff ;
}

#subMenusContainer a {
	padding: 8px 17px 8px 10px;
}

/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#nav a{
	background: #52575B;
	color: #fff;
	font-family: "Trebuchet MS",Arial,sans-serif;
	font-size: 1.2em;
	margin:0;
	float:left;
	text-transform: uppercase;
}

/* Just sub menu links */
#subMenusContainer a, #nav li li a{
	color: #52575B;
	font-family: "Trebuchet MS",Arial,sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	text-align:left;
}

/* All menu links on hover or focus */
#nav a:hover, #nav a:focus, #subMenusContainer a:hover, #subMenusContainer a:focus, #nav a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused{
	background-color:#8AB8D2;
	color:#5A6060;
}

/* sub menu links on hover or focus */
#subMenusContainer a:hover, 
#subMenusContainer a:focus, 
#nav a.mainMenuParentBtnFocused, 
#subMenusContainer a.subMenuParentBtnFocused,
#nav li a:hover,
#nav li a:focus{
	background-color:#8AB8D2;
	color:#5A6060;
}

#nav li a:hover,
#nav li a:focus {
	background: #52575B;
	color: #8AB8D2;
}

/* Parent Sub Menu Links ---[javascript users only]*/
.subMenuParentBtn{ 
	background: url(../images/ui_components/arrow_right.gif) right center no-repeat;  
}

/* Parent Sub Menu Links on hover or focus ---[javascript users only]*/
.subMenuParentBtnFocused{ 
	background: url(../images/ui_components/arrow_right_over.gif) right center no-repeat;  
}

/* Parent Main Menu Links ---[javascript users only]
.mainMenuParentBtn{	
	 background: url(../images/ui_components/arrow_down.gif) right center no-repeat; 
}

/* Parent Main Menu Links on hover or focus ---[javascript users only]
.mainMenuParentBtnFocused{	
	background: url(../images/ui_components/arrow_down_over.gif) right center no-repeat; 
}*/

/* ----[ OLs ULs, LIs, and DIVs ]----*/

/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW{ 
	display:none; 
	position: absolute; 
	overflow:hidden; 
	/*the 2px left & right padding lets you have a 1px border 
	  on the ul or ol inside since overflow is set to hidden*/
	padding:0 2px;
	margin:0 0 0 -2px;
}

/* All submenu OLs and ULs */
#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol {	
	/*border around submenu goes here*/
	border: 1px solid #8AB8D2;
	left:0;
}

/* All ULs and OLs */
#nav, #nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1em;
}

/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
#nav li { 
	/*great place to use a background image as a divider*/
	display:block;
	list-style:none;
	position:relative;
	float:left;
}

#subMenusContainer li{
	list-style: none;
}

/* main menu ul or ol elment */
#nav{
	display:block;
	position: absolute;
	list-style:none;
	margin:0 0 0 0;
	z-index:20000;
	display:block;
}

#subMenusContainer{	display:block; 	position:absolute;	top:0;	left:0;	width:100%;	height:0;	overflow:visible;	z-index:1000000000; }


/* --------------------------[ The below is just for non-javscript users ]--------------------------*/
#nav li li{	float:none; }

#nav li li a{ /* Just submenu links*/	
	position:relative;
	float:none;
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 10em;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-top:2.2em;
}

/* third-and-above-level lists */
#nav li ul ul { margin: -1em 0 0 -1000em; }
#nav li:hover ul ul {	margin-left: -1000em; }

 /* lists nested under hovered list items */
#nav li:hover ul{	margin-left: 0; }
#nav li li:hover ul {	margin-left: 10em; margin-top:-2.5em;}

/* extra positioning rules for limited noscript keyboard accessibility */
#nav li a:focus + ul {  margin-left: 0; margin-top:2.2em; }
#nav li li a:focus + ul { left:0; margin-left: 1010em; margin-top:-2.2em;}
#nav li li a:focus {left:0;  margin-left:1000em; width:10em;  margin-top:0;}
#nav li li li a:focus {left:0; margin-left: 2010em; width: 10em;  margin-top:-1em;}
#nav li:hover a:focus{ margin-left: 0; }
#nav li li:hover a:focus + ul { margin-left: 10em; }