/*****************
	Main Styles
*****************/
body {
	font-family: Arial, Helvetica, sans-serif ;
	margin: 15px ; 
	font-size: 13px ;
	}
	
h1 {
	font-size: 20px ;
	text-align: center ;
	}
h1 span {
	display: none ;
	}
h2	{
	font-size: 16px	;
	text-align: left ;
	font-weight: bold ;
	}
h3	{
	font-size: 14px ;
	font-weight: bold ;
	}
h4	{
	font-size: 16px	;
	text-align: left ;
	font-weight: bold ;
	margin-bottom: 0px; 
	pading-bottom: 0px; 
	}
h6 	{
	color: #cccccc ;
	font-size: 9px ;
	text-align: center
	}
h6 a:active, h6 a:visited, h6 a:link {
	color: #999999 ;
	text-decoration: none ;
	}
h6 a:hover {
	color: #000000 ;
	text-decoration: underline ;
	}
a.smallbold:link, a.smallbold:active, a.smallbold:visited {
	color: #333333 ;
	font-weight: bold ;
	font-size: 12px ;
	text-decoration: none ;
	}
a.smallbold:hover {
	color: #333333 ;
	font-weight: normal ;
	font-size: 12px ;
	text-decoration: none ;
	}
a.small:link, a.small:active, a.small:visited {
	color: #333333 ;
	font-weight: normal ;
	font-size: 12px ;
	text-decoration: none ;
	}
a.small:hover {
	color: #333333 ;
	font-weight: bold ;
	font-size: 12px ;
	text-decoration: none ;
	}
/*****************
	Table Styles
*****************/

table.main {
	width: 755px ;
	}
td.frontheader {	
	border-top: 8px solid #000000 ;
	border-left: 8px solid #000000 ;
	border-right: 8px solid #000000 ;
	background: #999999 ;
	}
td.frontheader h1 {
	display: none ;
	}
td.frontpage {
	background-image: url(images/mainbg.jpg);
	background-repeat: no-repeat ;
	height: 600
	}
td.main {
	border: 8px solid #000000 ;
	}
td.navbar {
	width: 160px ;
	border-left: 8px solid #000000 ;
	border-top: 1px solid #000000 ;
	background: #999999 ;
	border-right: 1px solid #000000 ;
	vertical-align: top ;
	}
td.footer {
	background-image: url(images/hep_footer.gif);
	background-repeat: no-repeat;
	border-top: 1px solid #000000 ;
	}
td.midcol {
	padding: 10px ;
	border-top: 1px solid #000000 ;
	vertical-align: top ;
	}
td.rcol {
	border-right: 8px solid #000000 ;
	border-top: 1px solid #000000 ;
	vertical-align: top ;
	text-align: center ;
	padding-top: 15px ;
	padding-right: 3px ;
	}

/*****************
	Nav Styles
*****************/

#navsmain {
	padding-top: 20px
	}
#navsmain li {
	margin: 3px 0px 0px 0px;
	padding: 0;
	list-style: none;
	}
.cuttingedgesmain, .troughingmain, .servicemain, .hardoxmain, .rubbermain, .motionmain, .beltingmain, .screeningmain, .teethmain, .contactusmain, .weldingmain {
	position: relative;
	width: 300px;
	height: 28px;
	}
.cuttingedgesmain {background-image: url(images/cuttingmain_on.gif);}
.troughingmain {background-image: url(images/troughingmain_on.gif);}
.servicemain {background-image: url(images/servicemain_on.gif);}
.hardoxmain {background-image: url(images/hardoxmain_on.gif);}
.rubbermain {background-image: url(images/rubbermain_on.gif);}
.motionmain {background-image: url(images/motionmain_on.gif);}
.beltingmain {background-image: url(images/beltingmain_on.gif);}
.screeningmain {background-image: url(images/screeningmain_on.gif);}
.teethmain {background-image: url(images/teethmain_on.gif);}
.contactusmain {background-image: url(images/contactusmain_on.gif);}
.weldingmain {background-image: url(images/weldingmain_on.gif);}

.cuttingedgesmain a, .troughingmain a, .servicemain a, .hardoxmain a, .rubbermain a, .motionmain a, .beltingmain a, .screeningmain a, .teethmain a, .contactusmain a, .weldingmain a{
	display: block;
	width: 300px;
	height: 28px;
	position: absolute;
	cursor: hand;
	}
.cuttingedgesmain a {background-image: url(images/cuttingmain_off.gif);}
.troughingmain a {background-image: url(images/troughingmain_off.gif);}
.servicemain a {background-image: url(images/servicemain_off.gif);}
.hardoxmain a {background-image: url(images/hardoxmain_off.gif);}
.rubbermain a {background-image: url(images/rubbermain_off.gif);}
.motionmain a {background-image: url(images/motionmain_off.gif);}
.beltingmain a {background-image: url(images/beltingmain_off.gif);}
.screeningmain a {background-image: url(images/screeningmain_off.gif);}
.teethmain a {background-image: url(images/teethmain_off.gif);}
.contactusmain a {background-image: url(images/contactusmain_off.gif);}
.weldingmain a {background-image: url(images/weldingmain_off.gif);}

.cuttingedgesmain a:hover, .troughingmain a:hover, .servicemain a:hover, .hardoxmain a:hover, .rubbermain a:hover, .motionmain a:hover, .beltingmain a:hover, .screeningmain a:hover, .teethmain a:hover, .contactusmain a:hover, .weldingmain a:hover {background: transparent}
.cuttingedgesmain span, .troughingmain span, .servicemain span, .hardoxmain span, .rubbermain span, .motionmain span, .beltingmain span, .screeningmain span, .teethmain span, .contactusmain span, .weldingmain span {display: none;}

#navs {
	padding-top: 5px
	}
#navs li {
	margin: 0px 0px 0px -40px;
	padding: 0;
	list-style: none;
	}
.home, .cuttingedges, .troughing, .service, .hardox, .rubber, .motion, .belting, .screening, .teeth, .contactus, .welding {
	position: relative;
	width: 160px;
	height: 28px;
	}
.home {background-image: url(images/home_on.gif);}
.cuttingedges {background-image: url(images/cutting_on.gif);}
.troughing {background-image: url(images/troughing_on.gif);}
.service {background-image: url(images/service_on.gif);}
.hardox {background-image: url(images/hardox_on.gif);}
.rubber {background-image: url(images/rubber_on.gif);}
.motion {background-image: url(images/motion_on.gif);}
.belting {background-image: url(images/belting_on.gif);}
.screening {background-image: url(images/screening_on.gif);}
.teeth {background-image: url(images/teeth_on.gif);}
.contactus {background-image: url(images/contactus_on.gif);}
.welding {background-image: url(images/welding_on.gif);}

.home, .cuttingedges a, .troughing a, .service a, .hardox a, .rubber a, .motion a, .belting a, .screening a, .teeth a, .contactus a, .welding a{
	display: block;
	width: 160px;
	height: 28px;
	position: absolute;
	cursor: hand;
	}
.home a {background-image: url(images/home_off.gif);}
.cuttingedges a {background-image: url(images/cutting_off.gif);}
.troughing a {background-image: url(images/troughing_off.gif);}
.service a {background-image: url(images/service_off.gif);}
.hardox a {background-image: url(images/hardox_off.gif);}
.rubber a {background-image: url(images/rubber_off.gif);}
.motion a {background-image: url(images/motion_off.gif);}
.belting a {background-image: url(images/belting_off.gif);}
.screening a {background-image: url(images/screening_off.gif);}
.teeth a {background-image: url(images/teeth_off.gif);}
.contactus a {background-image: url(images/contactus_off.gif);}
.welding a {background-image: url(images/welding_off.gif);}

.home a:hover, .cuttingedges a:hover, .troughing a:hover, .service a:hover, .hardox a:hover, .rubber a:hover, .motion a:hover, .belting a:hover, .screening a:hover, .teeth a:hover, .contactus a:hover, .welding a:hover {background: transparent}
.home span, .cuttingedges span, .troughing span, .service span, .hardox span, .rubber span, .motion span, .belting span, .screening span, .teeth span, .contactus span, .welding span {display: none;}