/* CSS Document */

body { background: #d2d2d2 url(../images/bg-page.jpg) 50% 0 repeat; text-align: center; margin: 15px 0; }

#content { background: #fff url(../images/bg-content.gif) 0 0 repeat-y; margin: 0 auto 15px; text-align: left; width: 1002px; }
	#content2 { background: url(../images/bg-content-top.gif) 0 0 no-repeat; }
	#content3 { background: url(../images/bg-content-btm.gif) 0 100% no-repeat; padding: 11px 11px 24px 11px; position: relative; min-height: 300px; }
	* html #content3 { height: 300px; }
	#content3:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#header { height: 106px; position: relative; }
	#logo { float: left; }
	#contact { float: right; font-size: 11px; margin: 15px 10px 0 0; padding: 0; text-align: right; }
		#contact strong { color: #c1342b; font-size: 20px; }
	#utility { clear: right; float: right; font-size: 11px; margin: 0 4px 0 0; padding: 0; text-align: right; }
		#utility li { border-right: 1px solid #999; display: inline; line-height: 1.2em; margin: 0; padding: 0 6px 0 3px; }
			#utility li.last { border-right: none; }
		#utility a:link, #utility a:visited { color: #000; text-decoration: none; }
		#utility a:hover, #utility a:active { color: #c1342b; text-decoration: none; }

#splash { height: 333px; position: relative; }
	#splash h1 { background: url(../images/hdr-blastandgo.gif) 0 0 no-repeat; width: 700px; height: 79px; text-indent: -9999px; position: absolute; top: 90px; left: 4px; }
	#splashImages { list-style-type: none; margin: 0; padding: 0; }
		#splashImages li { margin: 0; padding: 0; position: absolute; right: -10px; top: -55px; }
	#splash h2 { position: absolute; top: 175px; margin: 0; }
	#splashText { position: absolute; top: 200px; width: 575px; }

#equipmentList { position: relative; }
	#equipmentList h3 { background: url(../images/hr.gif) 0 50% repeat-x; border-bottom: none; color: #c1342b; text-align: center; }
		#equipmentList h3 span { background: #fff; padding: 0 15px; }
	#equipmentList ul { margin: 0; padding: 0; list-style-type: none; text-align: center; }
		#equipmentList ul li { float: left; font-weight: bold; font-size: 10px; line-height: 1.2em; margin: 0; padding: 0; width: 108px; }
			#equipmentList ul li img { display: block; margin: 0 auto 8px; }
			#equipmentList ul li a:link, #equipmentList ul li a:visited { color: #000; display: block; text-transform: uppercase; text-decoration: none; }
			#equipmentList ul li a:hover, #equipmentList ul li a:active { color: #c1342b; text-decoration: none; }

.nav { background: url(../images/bg-navigation.gif) 0 0 no-repeat; height: 37px; margin: 0; padding: 0; width: 980px; position: absolute; left: 11px; top: 69px; list-style-type: none; }
	.nav li { display: inline; margin: 0; padding: 0; }
		.nav a:link, .nav a:visited { position: absolute; top: 0; height: 37px; text-indent: -9999px; overflow: hidden; z-index: 10; }
		.nav a:hover, .nav a:focus { background: url(../images/bg-navigation.gif) no-repeat 0 -37px; }
		.nav a:active { background: url(../images/bg-navigation.gif) no-repeat 0 -74px; }

		.nav-equipment, .nav-equipment-click, 
		.nav-parts, .nav-parts-click, 
		.nav-tools, .nav-tools-click, 
		.nav-safety, .nav-safety-click, 
		.nav-sales, .nav-sales-click, 
		.nav-abrasives, .nav-abrasives-click, 
		.nav-services, .nav-services-click, 
		.nav-applications, .nav-applications-click { position: absolute; top: 0; left: 0; width: 100px; height: 37px; background: url(../images/bg-navigation.gif) no-repeat 0 -37px; }
		.nav-equipment-click, 
		.nav-parts-click, 
		.nav-tools-click, 
		.nav-safety-click, 
		.nav-sales-click, 
		.nav-abrasives-click, 
		.nav-services-click, 
		.nav-applications-click { background: url(../images/bg-navigation.gif) no-repeat 0 -111px; }

		.nav .equipment a:link, .nav .equipment a:visited { left: 0; width: 101px; } 
		.nav .equipment a:hover, .nav .equipment a:focus { background-position: 0 -37px; }
		.nav .equipment a:active { background-position: 0 -74px; }
			.current-equipment .equipment a:link, .current-equipment .equipment a:visited { background: url(../images/bg-navigation.gif) no-repeat 0 -74px; cursor: default; }
			.nav-equipment, .nav-equipment-click { left: 0; width: 101px; background-position: 0 -37px; }
			.nav-equipment-click { background-position: 0 -111px; }
		.nav .parts a:link, .nav .parts a:visited { left: 101px; width: 163px; } 
		.nav .parts a:hover, .nav .parts a:focus { background-position: -101px -37px; }
		.nav .parts a:active { background-position: -101px -74px; }
			.current-parts .parts a:link, .current-parts .parts a:visited { background: url(../images/bg-navigation.gif) no-repeat -101px -74px; cursor: default; }
			.nav-parts, .nav-parts-click { left: 101px; width: 163px; background-position: -101px -37px; }
			.nav-parts-click { background-position: -101px -111px; }
		.nav .tools a:link, .nav .tools a:visited { left: 264px; width: 109px; } 
		.nav .tools a:hover, .nav .tools a:focus { background-position: -264px -37px; }
		.nav .tools a:active { background-position: -264px -74px; }
			.current-tools .tools a:link, .current-tools .tools a:visited { background: url(../images/bg-navigation.gif) no-repeat -264px -74px; cursor: default; }
			.nav-tools, .nav-tools-click { left: 264px; width: 109px; background-position: -264px -37px; }
			.nav-tools-click { background-position: -264px -111px; }
		.nav .safety a:link, .nav .safety a:visited { left: 373px; width: 145px; } 
		.nav .safety a:hover, .nav .safety a:focus { background-position: -373px -37px; }
		.nav .safety a:active { background-position: -373px -74px; }
			.current-safety .safety a:link, .current-safety .safety a:visited { background: url(../images/bg-navigation.gif) no-repeat -373px -74px; cursor: default; }
			.nav-safety, .nav-safety-click { left: 373px; width: 145px; background-position: -373px -37px; }
			.nav-safety-click { background-position: -373px -111px; }
		.nav .sales a:link, .nav .sales a:visited { left: 518px; width: 172px; } 
		.nav .sales a:hover, .nav .sales a:focus { background-position: -518px -37px; }
		.nav .sales a:active { background-position: -518px -74px; }
			.current-sales .sales a:link, .current-sales .sales a:visited { background: url(../images/bg-navigation.gif) no-repeat -518px -74px; cursor: default; }
			.nav-sales, .nav-sales-click { left: 518px; width: 172px; background-position: -518px -37px; }
			.nav-sales-click { background-position: -518px -111px; }
		.nav .abrasives a:link, .nav .abrasives a:visited { left: 690px; width: 91px; } 
		.nav .abrasives a:hover, .nav .abrasives a:focus { background-position: -690px -37px; }
		.nav .abrasives a:active { background-position: -690px -74px; }
			.current-abrasives .abrasives a:link, .current-abrasives .abrasives a:visited { background: url(../images/bg-navigation.gif) no-repeat -690px -74px; cursor: default; }
			.nav-abrasives, .nav-abrasives-click { left: 690px; width: 91px; background-position: -690px -37px; }
			.nav-abrasives-click { background-position: -690px -111px; }
		.nav .services a:link, .nav .services a:visited { left: 781px; width: 82px; } 
		.nav .services a:hover, .nav .services a:focus { background-position: -781px -37px; }
		.nav .services a:active { background-position: -781px -74px; }
			.current-services .services a:link, .current-services .services a:visited { background: url(../images/bg-navigation.gif) no-repeat -781px -74px; cursor: default; }
			.nav-services, .nav-services-click { left: 781px; width: 82px; background-position: -781px -37px; }
			.nav-services-click { background-position: -781px -111px; }
		.nav .applications a:link, .nav .applications a:visited { left: 863px; width: 117px; } 
		.nav .applications a:hover, .nav .applications a:focus { background-position: -863px -37px; }
		.nav .applications a:active { background-position: -863px -74px; }
			.current-applications .applications a:link, .current-applications .applications a:visited { background: url(../images/bg-navigation.gif) no-repeat -863px -74px; cursor: default; }
			.nav-applications, .nav-applications-click { left: 863px; width: 117px; background-position: -863px -37px; }
			.nav-applications-click { background-position: -863px -111px; }

#main { display: inline; float: left; margin-left: 10px; width: 710px; }
#breadcrumbs { color: #666; font-size: 10px; text-transform: uppercase; }
	#breadcrumbs a:link, #breadcrumbs a:visited { color: #000; text-decoration: none; }
	#breadcrumbs a:hover, #breadcrumbs a:active { color: #c1342b; }

#sidebar { border-left: 1px solid #ccc; float: right; padding: 0 10px 0 12px; width: 226px; }
#sidenav { }
	#sidenav h3 { border-bottom: 1px solid #000; }
	#sidenav ul { list-style-type: none; margin: 0; padding: 0; }
		#sidenav ul li { font-weight: bold; line-height: 1.2em; text-transform: uppercase; padding: 3px 0; }
		#sidenav ul a:link, #sidenav ul a:visited { color: #000; text-decoration: none; }
		#sidenav ul a:hover, #sidenav ul a:active { color: #c1342b; }
		#sidenav ul ul { margin-top: 3px; }
			#sidenav ul ul li { background: url(../images/icon-bullet.gif) 10px 6px no-repeat; font-weight: normal; text-transform: none; margin: 0; padding: 3px 0 3px 20px; }
			#sidenav ul ul a:link, #sidenav ul ul a:visited { }
			#sidenav ul ul a:hover, #sidenav ul ul a:active { }
			
#service-center-contact { font-size: 14px; font-weight: bold; font-variant: small-caps; }

#contact-form ul { list-style: none; margin: 0; }
#contact-form li { margin: 0 0 10px 0; }
#contact-form label { float: left; width: 150px; }
.required { color: #c1342b; font-size: 10px; font-style: italic; }
.text-input input { background-color: #fff; border: 1px solid #000; padding: 5px; }

.contacts-list { margin: 0; }
	.contacts-list li { display: inline-block; margin-right: 10px; vertical-align: top;  width: 25%; }
			
#site-map { margin: 0; }
	#site-map ul { margin: 0; }
		#site-map ul li { border: none; margin: 0 3% 10px 0; vertical-align: top; width: 30%; }
		#site-map ul ul { margin: 0 0 20px 0; }
			#site-map ul ul li { display: block; width: auto; margin: 0 0 10px 0; }
			#site-map ul ul ul { margin: 0; }
	#site-map li { border-bottom: 1px solid #000; display: inline-block; width: 100%; }
	#site-map a:link, #site-map a:visited { text-decoration: none; }
	#site-map a:hover, #site-map a:active { margin: 0 0 10px 0; }
	#site-map .level-1 a { font-size: 14px; font-weight: bold; }
	#site-map .level-2 a { color: #000; font-size: 12px; font-weight: bold; }
	#site-map .level-3 a { color: #000; font-size: 12px; font-weight: normal; }

#footer { background: #000 url(../images/bg-footer.gif) 0 0 no-repeat; margin: 0 auto; text-align: left; width: 1002px; }
	#footer2 { background: url(../images/bg-footer-btm.gif) 0 100% no-repeat; min-height: 1em; padding: 20px 11px 7px 11px; }
		* html #footer2 { height: 1em; }
	#footer2:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	#footer p { color: #ccc; font-size: 10px; float: left; margin: 0; }
		#footer p strong { color: #c1342b; }
		#footer p.copyright { float: right; }
	#footer a:link, #footer a:visited { color: #fff; text-decoration: underline; }
	#footer a:hover, #footer a:active { color: #ccc; text-decoration: underline; }

