@charset "utf-8";
/* CSS Document */

/* Content layer definitions */

/* Positions primary content area on page */
#main { 
	position:absolute;
	left:121px;
	top:70px;
	width:866px;
	height:430px;
	z-index:2;
}

/* Precise placement of primary navigation table and buttons. */
#navigation { 
	position:absolute;
	left:150px;
	top:350px;
	width:173px;
	height:214px;
	z-index:6;
}

/* Primary content pane. Automatically scrolls on content overflow. */
#content {
	display:block;
	overflow:auto;
	position:absolute;
	left:434px;
	top:353px;
	width:511px;
	height:297px;
	z-index:4;
	
}

/* Footer pane and info */
#footer { 
	position:absolute;
	background-image: url(../images/footer.jpg);
	left:121px;
	top:655px;
	width:866px;
	height:186px;
	z-index:6;
}  

/*Page bottom navigation */
#smallnav {
	display:block;
	overflow:auto;
	position:absolute;
	left:291px;
	top:685px;
	width:866px;
	height:110px;
	z-index:7;
}

/* Precise placement of Hyland Machinery Sales logo. Visual element only. */
#logo { 
	position:absolute;
	left:142px;
	top:100px;
	width:251px;
	height:88px;
	z-index:6;
}

/* Sketch of injection molding press. Visual element only. */
#watermark {
	position:absolute;
	left:470px;
	top:98px;
	width:503px;
	height:233px;
	z-index:10;
}

/* Dividing line between #navigation and #text layers. Visual element only.  */
#vert_rule {
	position:absolute;
	left:395px;
	top:318px;
	width:10px;
	height:227px;
	z-index:6;
}

/* Precise placement of divider between main content area and page footer */
#separator { 
	position:absolute;
	left:0px;
	top:657px;
	width:100%;
	height:200px;
	z-index:1;
	background: url(../images/transition.gif) #990000 repeat-x;
	visibility: visible;
}