img,
div,
h1{
	behavior: url(/css/iepngfix.htc)
}
ul,
ol,
h1,
h2,
h3,
h4,
h5,
h6 {
	margin:0;
	padding:0;
	list-style:none;
}
body {
	font: 12px/18px Arial, Helvetica, sans-serif;
	color: #000;
	text-align: center;
	margin: 10px auto;
	padding: 0;
	width: 745px;
	margin: 30px auto 10px;
	position: relative;
	background:#b6b6b6 url(/images/body_bg.jpg) repeat-x;
}
p {
	margin-top: 0;
}
img {
	border-width: 0;
}
.product img,
img.left {
	float: left;
	margin-right: 20px;
}
img.ctr {
	margin:0 auto;
	display:block;
}
/*.product ul {
	margin: 15px 0;
	padding: 0px;
	font-size:12px;
	line-height: 1.2em;
	list-style: none;
	font-weight:bold;
	position: relative;
}
*/
.product ul {
	margin: 0;
	padding: 0;
	font-size:1em;
	line-height: 1.2em;
	list-style: none;
	font-weight:bold;
	position: absolute;
	right:10px;
	top:40px;
	text-align:right;
	width: 200px;
}
.product li {
	margin-bottom:8px;
}
.visit a {
	position:absolute;
	top:-38px;
	right:0;
}
.clearit ul {
	clear: both;
}
.clearit img {
	float: none;
}
img.right {
	float: right;
	margin-left: 10px;
}
ul.left {
	float: left;
	width: 45%;
}
ul.right {
	float: right;
	width: 45%;
}
#all .addtnl-prod a {
	font-weight: bold;
	padding-left: 10px;
	font-size:1em;
}
.addtnl-prod a:hover {
	background: url(/images/arrow.gif) no-repeat left 4px;
}
/* begin layout
===============================*/
#branding {
	background: transparent url(/images/main_top.png) no-repeat;
	height: 87px;
	width: 745px;
	position: relative;
}
#content {
	background: transparent url(/images/main_mid.png) repeat-y;
	width: 745px;
	position: relative;
	float: left;
	text-align:left;
}
* html #content-main {
	margin:0;
	left:65px;
	height: 423px;
}
#content-main {
	float: left;
	width: 497px;
	margin: 0 10px 0 70px;
	position:relative;
	top:-10px;
	min-height: 423px;
}
* html #main-copy {
	height:290px;
}
#main-copy {
	height:290px;
	position:absolute;
	top:58px;
	left:10px;
	width:475px;
	padding-right:10px;
	overflow:auto;
}
#main-copy p {
	color: #252525;
}
#main-copy a {
	text-decoration: none;
	color: #bd2b28;
	font-size: 1.2em;
	text-transform: uppercase;
}
#main-copy a:hover {
	text-decoration: underline;
	color: #DC2723;
}
#contact #main-copy a {
	font-size:1em;
	text-transform:none;
}
#content-main h1 {
	color: #FFFFFF;
	font-size: 16px;
	margin: 0;
	padding: 0;
	position: relative;
	top: 30px;
	left: 10px;
}
* html #content-sub {
	height:423px;
	margin-right:6px;
}
#content-sub {
	float: right;
	width: 157px;
	min-height:423px;
	margin-right: 11px;
	position:relative;
	top:-10px;
}
#callout-1 {
	height:301px;
	vertical-align: top;
}
/* begin main nav
==========================*/
* html #main-nav {
	height:39px;
	width:520px;
}
#main-nav {
	position:absolute;
	min-height:39px;
	width:520px;
	margin-top:12px;
	top:420px;
}
#main-nav ul li {
	display:inline;
}
#main-nav a {
	display:block;
	float:left;
	height:39px;
	margin-right:22px;
}
#main-nav span {
	display:none;
}
#main-nav #pneumatic-nav a {
	background:url(/images/btn_pneumatic.gif) no-repeat;
	width:79px;
}
#main-nav #pneumatic-nav a:hover,
#pneumatic #main-nav #pneumatic-nav a {
	background-position:-79px;
}
#main-nav #electrical-nav a {
	background:url(/images/btn_electrical.gif) no-repeat;
	width:82px;
}
#main-nav #electrical-nav a:hover,
#electrical #main-nav #electrical-nav a {
	background-position:-82px;
}
#main-nav #motion-nav a {
	background:url(/images/btn_motion.gif) no-repeat;
	width:80px;
}
#main-nav #motion-nav a:hover,
#motion #main-nav #motion-nav a {
	background-position:-80px;
}
#main-nav #safety-nav a {
	background:url(/images/btn_safety.gif) no-repeat;
	width:83px;
}
#main-nav #safety-nav a:hover,
#safety #main-nav #safety-nav a {
	background-position:-83px;
}
#main-nav #all-nav a {
	background:url(/images/btn_all.gif) no-repeat;
	width:82px;
}
#main-nav #all-nav a:hover,
#all #main-nav #all-nav a {
	background-position:-82px;
}
/* end main nav
==========================*/

/* begin pneumatic nav
==========================*/
#callout-1 ul,
#callout-1 div {
	position:relative;
	top:73px;
	text-align:center;
	color:#fff;
}
#callout-1 div a {
	color:#fff;
}
#callout-1 li {
	line-height:15px;
}
#callout-1 li a {
	display:block;
	width:157px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
#callout-1 li a:hover {
	background:#000;
	color:#fff;
}
#callout-1 ul.news a {
	background:none;
}
/* -p
begin pneumatics nav */
.air-mite #air-mite a,
.air-mite #air-mite a:hover,
.airtrol #airtrol a,
.airtrol #airtrol a:hover,
.aladco #aladco a,
.aladco #aladco a:hover,
.aurora #aurora a,
.aurora #aurora a:hover,
.camozzi #camozzi a,
.camozzi #camozzi a:hover,
.coilhose #coilhose a,
.coilhose #coilhose a:hover,
.fabco-air #fabco-air a,
.fabco-air #fabco-air a:hover,
.kobold #kobold a,
.kobold #kobold a:hover,
.freelin-wade #freelin-wade a,
.freelin-wade #freelin-wade a:hover,
.numatics #numatics a,
.numatics #numatics a:hover,
.pneumadyne #pneumadyne a,
.pneumadyne #pneumadyne a:hover,
.proportion-air #proportion-air a,
.proportion-air #proportion-air a:hover,
.robohand #robohand a,
.robohand #robohand a:hover,
.sharpe #sharpe a,
.sharpe #sharpe a:hover,
.spartan #spartan a,
.spartan #spartan a:hover,
.turn-act #turn-act a,
.turn-act #turn-act a:hover,
.vaccon #vaccon a,
.vaccon #vaccon a:hover,
.vortec #vortec a,
.vortec #vortec a:hover,
.wika #wika a,
.wika #wika a:hover {
	background: #E8E8D7;
	color:#3C4994;
	cursor:default;
}
/* -p
begin electrical nav */
.acme #acme a,
.acme #acme a:hover,
.iconics #iconics a,
.iconics #iconics a:hover,
.intelligent #intelligent a,
.intelligent #intelligent a:hover,
.mencom #mencom a,
.mencom #mencom a:hover,
.mitsubishi #mitsubishi a,
.mitsubishi #mitsubishi a:hover,
.rittal #rittal a,
.rittal #rittal a:hover,
.wago #wago a,
.wago #wago a:hover,
.shamrock #shamrock a,
.shamrock #shamrock a:hover,
.multi-contact #multi-contact a,
.multi-contact #multi-contact a:hover,
.kabel #kabel a,
.kabel #kabel a:hover,
.hellermantyton #hellermantyton a,
.hellermantyton #hellermantyton a:hover,
.canfield #canfield a,
.canfield #canfield a:hover,
.altech #altech a,
.altech #altech a:hover,
.roxtec #roxtec a,
.roxtec #roxtec a:hover,
.wiegmann #wiegmann a,
.wiegmann #wiegmann a:hover {
	background: #E8E8D7;
	color:#0F633E;
	cursor:default;
}
/* -p
begin motion nav */
.balluff #balluff a,
.balluff #balluff a:hover,
.nb-corporation #nb-corporation a,
.nb-corporation #nb-corporation a:hover,
.dorner #dorner a,
.dorner #dorner a:hover,
.camco #camco a,
.camco #camco a:hover,
.pacific #pacific a,
.pacific #pacific a:hover,
.neugart #neugart a,
.neugart #neugart a:hover,
.sick #sick a,
.sick #sick a:hover{
	background: #E8E8D7;
	color:#BD8836;
	cursor:default;
}
/* -p
begin safety nav */
.ee-controls #ee-controls a,
.ee-controls #ee-controls a:hover,
.patlite #patlite a,
.patlite #patlite a:hover,
.pinnacle #pinnacle a,
.pinnacle #pinnacle a:hover,
.faztek #faztek a,
.faztek #faztek a:hover {
	background: #E8E8D7;
	color:#6F201D;
	cursor:default;
}
#callout-2 {
	height:157px;
	margin-top:14px;
	line-height: 1em;
	font-size: 11px;
}
#callout-2 p {
	color:#fff;
	position:relative;
	top:15px;
	left:5px;
}
#callout-2 a {
	color: #FFFFFF;
	text-decoration: none;
}
#callout-2 a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#siteinfo-1 {
	/*height: 22px;*/
	height:27px;
	width: 745px;
	background: transparent url(/images/main_btm.png) no-repeat bottom;
	clear: both;
	position:relative;
	top:-10px;
}
#siteinfo-2 {
	text-align:center;
	padding-top:7px;
	margin-left:65px;
	line-height:1.2em;
	clear:both;
	position:relative;
	top:-10px;
	font-size: 11px;
}
#branding span {
	display: none;
}
#branding h1 {
	height: 43px;
	width: 350px;
	background: url(/images/sun_logo.png) no-repeat;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 142px;
	top: 16px;
}
#branding h1 a {
	width: 350px;
	height: 43px;
	display:block;
}
#symbol {
	background-repeat: no-repeat;
	height: 68px;
	width: 68px;
	position: absolute;
	left: 10px;
	top: 10px;
}
/* end layout
======================================*/

/* begin layout backgrounds
=====================================*/
#home #content-main {
	background: transparent url(/images/home_bg.jpg) no-repeat;
}
#home #callout-1 {
	background: transparent url(/images/homecallout1_bg.gif) no-repeat;
}
#home #callout-2 {
	background: transparent url(/images/homecallout2_bg.gif) no-repeat;
}
#all #content-main {
	background: transparent url(/images/all_bg.gif) no-repeat;
}
#all #callout-1 {
	background: transparent url(/images/allcallout1_bg.gif) no-repeat;
}
#all #callout-2 {
	background: transparent url(/images/allcallout2_bg.gif) no-repeat;
}
#contact #content-main,
#news #content-main {
	background: transparent url(/images/contact_bg.gif) no-repeat;
}
#contact #callout-1,
#news #callout-1 {
	background: transparent url(/images/contactcallout1_bg.gif) no-repeat;
}
#contact #callout-2 {
	background: transparent url(/images/contactcallout2_bg.gif);
}
#news #callout-2 {
	background: transparent url(/images/newscallout2_bg.gif);
}
#pneumatic #content-main {
	background: transparent url(/images/pneumatic_bg.gif) no-repeat;
}
#pneumatic #callout-1 {
	background: transparent url(/images/pneumaticcallout1_bg.gif) no-repeat;
}
#pneumatic #callout-2 {
	background: transparent url(/images/pneumaticcallout2_bg.gif);
}
#electrical #content-main {
	background: transparent url(/images/electrical_bg.gif) no-repeat;
}
#electrical #callout-1 {
	background: transparent url(/images/electricalcallout1_bg.gif) no-repeat;
}
#electrical #callout-2 {
	background: transparent url(/images/electricalcallout2_bg.gif);
}
#motion #content-main {
	background: transparent url(/images/motion_bg.gif) no-repeat;
}
#motion #callout-1 {
	background: transparent url(/images/motioncallout1_bg.gif) no-repeat;
}
#motion #callout-2 {
	background: transparent url(/images/motioncallout2_bg.gif);
}
#safety #content-main {
	background: transparent url(/images/safety_bg.gif) no-repeat;
}
#safety #callout-1 {
	background: transparent url(/images/safetycallout1_bg.gif) no-repeat;
}
#safety #callout-2 {
	background: transparent url(/images/safetycallout2_bg.gif);
}
/* end layout background
====================================*/

/*
begin symbol condition===========================*/
#home #symbol {
	background-image:url(/images/symbol_home.gif);
}
#info #symbol {
	background-image:url(/images/symbol_home.gif);
}
#contact #symbol,
#news #symbol {
	background-image:url(/images/symbol_home.gif);
}
#pneumatic #symbol {
	background-image:url(/images/symbol_pneumatic.gif);
}
#electrical #symbol {
	background-image:url(/images/symbol_electrical.gif);
}
#motion #symbol {
	background-image:url(/images/symbol_motion.gif);
}
#safety #symbol {
	background-image:url(/images/symbol_safety.gif);
}
#all #symbol {
	background-image:url(/images/symbol_all.gif);
}
/*
end symbol conditions=====================/*

/*
begin sub menu================================*/
#branding ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	left: 470px;
	top: -20px;
	display: inline;
	width: auto;
	text-transform:uppercase;
}
#sub-menu li {
	float: left;
	display:inline;
	margin:0 1px 0 0;
	padding:0;
}
#sub-menu a {
	display: block;
	width: auto;
	float: left;
	font-weight: bold;
	color: #bd2b28;
	font-size: 1em;
	text-decoration: none;
}
#sub-menu a:hover {
	color: #722019;
	text-decoration: none;
}
/*
end sub menu=========================*/
#siteinfo-2 a {
	color: #000;
	text-decoration: none;
}
#siteinfo-2 a:hover {
	color: #000;
	text-decoration: underline;
}
#callout-1 ul.news li {
	color: #FFFFFF;
	text-align: left;
	padding:5px;
	line-height:.7;
	font-size:11px;
}
ul.scroll {
	overflow:auto;
	height:301px;
	width:175px;
	height:210px;
}
#news #main-copy a {
	text-transform:none;
}
#news #main-copy ul {
	margin-top:10px
}