/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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;
}

ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}

a {text-decoration:none;}


/* =General
-----------------------------------------------------------------------------*/
html { background-color: #FFFFFF; height:100%; height:100%;}

body {
height:100%;
text-align: left;
font-family: "Microsoft Sans Serif", Arial, sans-serif;
background: #FFFFFF url(../images/bodyBG.png) repeat-x top left;
}


/* =Wrappers
-----------------------------------------------------------------------------*/
#wrapper { background-color:#FFFFFF; margin: 0 auto; position: relative; width: 800px; min-height: 100%;}

/* =Typography
-----------------------------------------------------------------------------*/
p { font-size:0.75em; margin-bottom: 1em; line-height:1.5em; }

h1 {font-size:1.5em; color:#05589C; text-transform:uppercase; padding: 0 25px; letter-spacing:-1px;}  /* displayed at 24px */
#contentMain h2 {font-size:1.125em; color:#05589C; text-transform:uppercase; padding:10px 25px; letter-spacing:-1px;}  /* displayed at 18px */
#sideBar h2 {color:#05589C; text-transform:uppercase; font-weight:bold;}
h3 {font-size:0.9375em}  /* displayed at 15px */
h3.menuHead {width:97%; border-bottom:1px solid #1D6FB4; padding-bottom:5px;}
h3#second{padding-top:60px;}
h4 {font-size:0.75em}  /* displayed at 12px */

#contentMain p {padding: 0 25px; }

#contentMain ul { font-size:0.75em; margin-bottom: 1.25em; line-height:1.5em; margin-top:-0.75em; padding: 0 60px; list-style:outside disc; }
#contentMain ul li {padding-bottom:5px;}
#contentMain ul ul {margin:0; padding:0; margin-left:14px;}

#sideBar ul {border-left:2px solid #88AEC0;}
#sideBar ul li { font-size:0.75em; line-height:1.5em; padding: 0 10px; }

input, select, th, td {font-size:1em}

strong {color:#0d5892;}

/* =Navigation
-----------------------------------------------------------------------------*/
#navMain { position: absolute; width:814px; height:54px; left:-7px; background:#FFFFFF url(../images/smMenuBg.gif) no-repeat top left;}

#navMain ul {width:800px; margin-left:7px;}

#navMain ul li {position:relative; display: block; float:left; }

.equipment a, .materials a, .service a, .parts a { display:block; float:left; width:200px; height: 54px; background:#FFFFFF url(../images/smMenuBg.gif) no-repeat; text-indent:-9999px;}

.equipment a { background-position:-208px 0px; }
.materials a {background-position:-8px 0px;}
.service a {background-position:-408px 0px;}
.parts a {background-position:-608px 0px;}

.equipment a:hover, .equipment a.current { background-position:-208px -54px; }
.materials a:hover, .materials a.current {background-position:-8px -54px;}
.service a:hover, .service a.current {background-position:-408px -54px;}
.parts a:hover, .parts a.current {background-position:-608px -54px;}

#navSub, #home #navSub { font-size:1em; padding-top:54px; width: 100%; background: #4c91cd url(../images/lgMenuBg.jpg) repeat-y;}

#navSub {background: #4c91cd url(../images/lgMenuBgPlain.gif) repeat-y;}

#home #navSub div, #navSub div {display:block; float:left; width:200px; padding:15px 0; display: inline;}

#navSub div {width:100%; display: inline;}

#navSub ul li, #navSub h3, #navSub p {margin: 0 10px; color:#FFFFFF; }

#home #navSub h3 { display: inline;}

#home #navSub ul li, #navSub ul li {background:url(../images/bullet_BlueBg.gif) no-repeat 0 5px; line-height:2em; font-size:0.75em;}

#navSub ul.mats {padding-top:5px;}

#navSub ul li {float: left; width:180px; background:url(../images/bullet_DkBlueBg.gif) no-repeat 0 5px; display: inline;}

#navSub ul li a {padding-left:20px; color:#FFFFFF;}

#navSub ul li a:visited { color:#F5F5F5;}

#navSub ul li a:hover { text-decoration:underline;}

#navSub h3 {text-transform:uppercase;}

#navAC {position:absolute; right:15px; top: 90px;}
#navAC a{font-size:14px; color:#666666;}
#navAC a:hover, #navAC a:focus { text-decoration:underline;}

/* =Main Content
-----------------------------------------------------------------------------*/
.twoColumn #contentMain {padding:30px 0 94px 0; width:598px; float:left;}
.oneColumn #contentMain {padding:30px 0 94px 0; width:799px;}


/* =Sidebar
-----------------------------------------------------------------------------*/
#sideBar {padding:30px 0 94px 0; width:200px; float:right;}

.bulletedLink {
	background:url(../images/bullet_WhiteBg.gif) no-repeat 0 1px; 
	font-size:0.9em; 
	padding-left:20px; 
	color:#0d5892;
	text-transform:uppercase;
	font-weight:bold;
}


/* =Footer
-----------------------------------------------------------------------------*/
#footer {
	position: relative;
	margin:0 auto;
	margin-top: -94px;
	background:url(../images/footerBg.gif) no-repeat left bottom; 
	width:800px; 
	height:94px;
	text-align:right;
	}
	
#footer p {position:absolute; right:25px; top:25px;}

#footer a {color:#0d5892;}

/* =Branding
-----------------------------------------------------------------------------*/
#branding { width: 100%; height: 152px; text-indent:-9999px; background: #FFFFFF url(../images/headerBG.jpg) no-repeat; } 

#branding a {display:block; width:215px; height:150px;}
.logoMain { margin-right:12px; margin-bottom:24px; }

span.machineOverlay {display:block; width:814px; height:310px; background:url(../images/machineOverlay.png) no-repeat 0 155px;}

.prodImage {padding: 0 25px;}


/* =Clearfix
-----------------------------------------------------------------------------*/
/* http://www.positioniseverything.net/easyclearing.html */
.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 */