*{
	margin:0;
	padding:0;
	}
body {
	position:relative;
	background:url(images/tile.gif) repeat;
	font:normal small/1.1em Arial, Helvetica, Verdana, sans-serif;
	color: #333;
	margin:0;
	padding:0;
	}
#wrap{
	width:770px;
	background:#fff;
	border-right:2px solid #D1D6DA;
	position:absolute;
	}
h1 {
	position:absolute;
	left:-999px;
	height:0;
	}
p {
	/*margin-bottom:1em;*/
	}
a:link, a:visited{
	color:#f00;
	}
a:hover, a:active{
	color:#000;
	}
h3 {
	color:#369;
	margin-bottom:1em;
	font-size:130%;
	}
h4 {
	font-size:120%;
	}
	
a img {
	border:none;
	}
	
#header {
	position:relative;
	top:0px;
	left:0px;
	/*background:url(images/hdr2.gif) no-repeat;
	height:380px;*/
	}
#header p, #header ul{
	margin-left:40px;
	font-weight:bold;
	}
#header h2 {
	position:absolute;
	top:106px;
	left:50px;
	/*margin: 96px 0 0 50px;*/
	width:400px;
	overflow:hidden;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	}
#address {
	position:absolute;
	top:6px;
	font-size: 75%;
	}

#nav{
	position:relative;
	top:-24px;
	left:40px;
	_position:absolute;
	_top:150px;
	_left:40px;
	padding: 0px;
	font-size:70%;
	}

#nav ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: left;
	}

#nav ul li { float: left; }

#nav ul li a{
	color: #369;
	text-decoration: none;
	background: url(images/navbtn.gif) no-repeat top left;
	font-size: 10px/12px;
	float: left;
	margin: 0px;
	height: 20px;
	width: 108px;
	padding: 0 4px 0 6px;
	}

#nav li a:hover
{
background: url(images/navbtn_hover.gif) no-repeat left top;
color: #fff;
}

#sidecol{
	float:left;
	margin:0 0 0 40px;
	_margin:10px 0 0 20px;
	padding-right:10px;
	width:160px;
	font:normal 81% Verdana, Arial, Helvetica, sans-serif;
	border-right:1px solid #999;
	}
#sidecol p{
	margin:0 0 1em 0;
	}
#sidecol h3 {
	margin:0;
	}

#content {
	float:right;
	margin:0 10px 0 0;
	_margin:10px 10px 0 0;
	width:526px;
	}

#deck {
	margin:0;
	}

/*	home page machine display */
ul#machines {
	list-style-type:none;
	display:inline;
	margin-top:0;
	position:relative;
	}
ul#machines li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	position: absolute;
	}
ul#machines img {
	border:none;
	}
#buildit {
	left:0;
	top:30px;
	}
#wm {
	left:281px;
	top: 5px;
	width:116px;
	height:75px;
	background:url(images/servo_sm.jpg) no-repeat;
	}
li#wm a:hover {
	background:url(images/sheeter_over.jpg) no-repeat;
	}
#smtrm {
	left:406px;
	top: 93px;
	width:107px;
	height:68px;
	background:url(images/smartrim2.jpg) no-repeat;
	}
li#smtrm a.info:hover {
	background:url(images/smartrim_over.jpg) no-repeat;
	}
#slrw {
	left:406px;
	top: 184px;	
	width:111px;
	height:89px;
	background:url(images/slitter_rewinder.jpg) no-repeat;
	}
li#slrw a.info:hover {
	background:url(images/slitter_over.jpg) no-repeat;
	}
#ent {
	left:286px;
	top: 265px;
	width:133px;
	height:75px;
	background:url(images/smartslitter_ent2.jpg) no-repeat;
	}
li#ent a.info:hover {
	background:url(images/rollslitter_over.jpg) no-repeat;
	}
#grp {
	left:141px;
	top: 273px;
	width:133px;
	height:83px;
	background:url(images/gripper_stacker2.jpg) no-repeat;
	}
li#grp a.info:hover {
	background:url(images/stacker_over.jpg) no-repeat;
	}
#vstck {
	left:0;
	top: 238px;
	height:95px;
	width:129px;
	background:url(images/vertical_stacker2.jpg) no-repeat;
	}
li#vstck a.info:hover {
	background:url(images/vstack_over.jpg) no-repeat;
	}
#qbtn {
	left:250px;
	top:400px;
	}
.print {
	/*	Hides the home page machine graphics from screen display 
		so the background image swaps can work.
		Visible in print.css.	*/
	visibility:hidden;
	}
	
/*	home page tooltip stuff */
a.info{
    position:relative; /*this is the key*/
	position:absolute; /* safari prefers it this way. */
    z-index:0;
    color:#000;
    text-decoration:none;
	}
a.info:hover{
	z-index:25;
	background-color:#fff;
	}

a.info span{
	display: none;
	}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:50px;
	top:20px;
	left:110px;
	left:12px;
	width:12em;
	/*height:12em;*/
	font:bold .67em Verdana, Arial, Helvetica, sans-serif;
    /*
	border-top:3px solid #369;
    border-bottom:1px solid #999;
    background-color:#fff;
	color:#000;
	padding: 9px;
	*/
	z-index:136;
	}
	
a.info:hover img.ro {
	height:0;
	}
	
a.info:hover span strong {
	color:#369;
	}
#deck {
	/* code */
	}

/*	layout styles for product pages. */
#prodcontent {
	position:relative;
	width:700px;
	_padding-top:10px;
	padding-left:40px;
	height:auto;
	margin-bottom:10px;
	clear:both;
	background: #fff;
	}
#prodcontent p {
	margin-bottom:1em;
	}
#featureimg {
	clear:both;
	float:left;
	width:250px;
	margin:150px 10px 0 0;
	}
div#prodnav {
	float:left;
	margin-right:10px;
	text-align:left;
	font:bold 70% Verdana, Arial, Helvetica, sans-serif;
	}
#prodnav ul{
	line-height:1.5;
	list-style:none;
	margin:0 0 .5em 110px;
	}
#prodnav ul li{
	padding-left: 20px;
	}
div#prodnav img {
	margin-top:50px;
	clear:both;
	}

div#detailnav {
	/*	used for specs page. narrower than prodnav.	
	float:left;
	*/
	position:absolute;
	top:0; left:40px;
	margin-right:10px;
	text-align:left;
	font:bold 70% Verdana, Arial, Helvetica, sans-serif;
	width:155px;
	}
#detailnav ul {
	line-height:1.5;
	list-style:none;
	margin:0 0 .5em 0;
	}
#detailnav ul li {
	padding-left:20px;
	}

#feature{
	color:#369;
	background:url(images/red_arrow.gif);
	background-repeat:no-repeat;
	background-position:0 .25em;
	}
#feature a {
	color:#369;
	text-decoration:none;
	}
#prodcol {
	float:right;
	margin-left:0px;
	border-left:1px solid #999;
	padding:0 0 12px 0;
	font:normal 77% Verdana, Arial, Helvetica, sans-serif;
	line-height:102&;
	width:420px;
	}
#prodcol p, #prodcol h3{
	height:auto;
	margin:0 12px 2em 12px;
	clear:both;
	}

#prodcol h4 {
	margin:1em 0 1em 12px;
	}
	
#prodcol ul li {
	margin:0 0 .5em 24px;
	line-height:1.2;
	}
	
#prodcol a:link, #prodcol a:visited{
	color:#f00;
	text-decoration:none;
	}
	
#prodcol a:hover, #prodcol a:active{
	color:#000;
	text-decoration:none;
	}
	
#prodcolwide {
/*
	float:right;
*/	
	position:relative;
	top:0; left:170px;
	margin-left:0px;
	border-left:1px solid #999;
	padding:0 0 12px 0;
	font:normal 77% Verdana, Arial, Helvetica, sans-serif;
	line-height:102&;
	width:542px;
	_width:532px;
	}
#prodcolwide h4 {
	margin:1em 0 1em 3px;
	}
	
#prodcolwide h4 a{
	text-decoration:none;
	}
	
ul.specs li {
	margin:0 0 .3em 0;
	line-height:1.2;
	background:#f3f3f3;
	padding:3px;
	list-style:none;
	}
	
.specs {
	margin-left:0;
	}

#prodcolwide p, #prodcolwide h3 {
	margin:0 12px 2em 3px;
	clear:both;
	}
		
/*	hover guide words on specs page to swap display image with definition image	*/
a.specimg {
	position:relative;
    z-index:0;
    color:#000;
    text-decoration:none;
	}
a.specimg img {
	border:none;
	}
a.specimg:hover {
	z-index:10;
	background:#fff;
	}
a.specimg span{ display:none; /*position:absolute; height: 0; width: 0; border-width: 0;*/}
a.specimg:hover span{
	display:block;
	position: absolute;
    top: -10px;
	left: 120px;
	height: auto; width: auto;
	z-index:10;
	border:1px solid #999;
	padding:10px;
	background:#fff;
	}
	
.clearit {
	margin:1em 0;
	height:auto;
	clear:both;
	}
	
.prodimg {
	float:left;
	width:124px;
	margin-right:12px;
	}
.proddesc {
	float:right;
	width:255px;
	margin-bottom:2.5em;
	}
	
#wedesign {
	font-size:65%;
	width:720px;
	line-height:100%;
	margin-top: 2em;
	padding-top:1em;
	clear:both;
	}
#footer {
	font-size:70%;
	margin:0 10px 2em 40px;
	clear:both;
	}

/*	styles for tabbed nav on detail page. */
#dtlnav {
	width:100%;
	margin:0 0 1em 0;
	padding:0 0 0 12px;
	list-style:none;
	background:/*#fff #369 #4891D9*/ url(images/1px_border.gif) repeat-x bottom left;
	float:left;
	}
#dtlnav li {
	float:left;
	margin:0;
	padding:0;
	background:url(images/tab_blue_rt.gif) no-repeat top right;
	}
#dtlnav a{
	float:left;
	display:block;
	margin:0 1px 0 0;
	padding:4px 12px;
	color:#fff;
	text-decoration:none;
/*	border:1px solid #f00;
	border-bottom:none;
*/	background:url(images/tab_blue_left.gif) no-repeat top left;
	}
#dtlnav a:hover {
	background:url(images/tab_wt_left2.gif) no-repeat top left;
	color:#000;
	}
#dtlnav li:hover, #dtlnav li.sfhover{
	background:url(images/tab_wt_rt2.gif) no-repeat top right;
	color:#000;
	}
#active-tab a{
	margin:0;
	padding-bottom:5px;
	background:url(images/tab_wt_left2.gif) no-repeat top left;
	color:#000;
	}
li#active-tab{
	background:#fff url(images/tab_wt_rt2.gif) no-repeat top right;
	}
p.err {
	font-size:16px;
	color:#f00;
	font-weight:bold;
	margin:1em 0;
	}