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

body{
background: url(../images/BG.jpg) top center no-repeat fixed #858484;
margin:0px; }
/*----Main Page Headline-----*/
h1{
color: #761818;
font:bold 1.50em Comic Sans MS, "Arial Black", Arial, Helvetica, sans-serif,;
margin:0 auto;
padding:15px 0 0 0;
text-align:center;
width:90%; }
/*----Sub Headlines-----*/
h2{
color: #464343;
font:bold 1.50em Comic Sans MS, "Arial Black", Arial, Helvetica, sans-serif,;
margin:0 auto;
padding:10px 0 0 0;
text-align:center; }
/*----Small Headlines-----*/
h3{
color: #761818;
font:bold 1.250em Comic Sans MS, "Arial Black", Arial, Helvetica, sans-serif,;
margin:0 auto;
padding:10px 0 0 0;
text-align:center; }
/*----Call to action-----*/
h5{
color: #ffffff;
background:#0000FF;
font:bold .950em Comic Sans MS, "Arial Black", Arial, Helvetica, sans-serif,;
margin:0 auto;
padding:4px;
text-align:center;
border-bottom:1px solid #ffffff; }

#wrapper{
width:100%;
margin: 0px auto 0px auto;
}
#mainwrap{

width:1000px;
margin: 0px auto 0px auto;
overflow:visible;}

#header{
background: url(../images/headerSecondary.jpg) top no-repeat;
height:197px;
width:1000px;
}
#nav{
background-image:url(../images/menu.jpg);
width:1000px;
height:45px;}

#MenuMap {
		margin:0px;
		padding:0px;
		top:0px;
		width:1000px;
		height:45px;
		position:relative;
		background-image:url(../images/menu.jpg);
		list-style:none;
		text-decoration:none;
			}

			#MenuMap li {
				margin:0px;
				padding:0px;
				position:absolute;
			}

			#MenuMap li, #MenuMap a {
				height:45px;
				display: block;
			}
			
			#MenuMap a.NavLink {
				/*  Hide the text part of the links by moving it waaaayyy offscreen. */
				text-indent:-100000em;
			}

/*  NavLink dimensioning rules - specify offset from top and (constant) width of active area. */
			#Home {left:46px; width:55px;}
			#Quality {left:131px; width:79px;}
			#Bearings {left:233px; width:90px;}
			#Machining {left:354px; width:193px;}
			#Employment {left:570px; width:122px;}
			#About {left:718px; width:95px;}
			#Contact {left:833px; width:110px;}
/*  Menu hover, active, and "current page" rules, using a "sprite" imagemap, and background positioning. */

			#Home a:hover {background: transparent url(../images/menu.jpg) -46px -45px no-repeat;}
			#Quality a:hover {background: transparent url(../images/menu.jpg) -131px -45px no-repeat;}
			#Bearings a:hover {background: transparent url(../images/menu.jpg) -233px -45px no-repeat;}
			#Machining a:hover {background: transparent url(../images/menu.jpg) -354px -45px no-repeat;}
			#Employment a:hover {background: transparent url(../images/menu.jpg) -570px -45px no-repeat;}
			#About a:hover {background: transparent url(../images/menu.jpg) -718px -45px no-repeat;}
			#Contact a:hover {background: transparent url(../images/menu.jpg) -833px -45px no-repeat;}

			#homepage #Home a {background: transparent url(../images/menu.jpg) -46px -45px no-repeat;}
			#qualitypage #Quality a {background: transparent url(../images/menu.jpg) -131px -45px no-repeat;}
			#bearingspage #Bearings a {background: transparent url(../images/menu.jpg) -233px -45px no-repeat;}
			#machiningpage #Machining a {background: transparent url(../images/menu.jpg) -354px -45px no-repeat;}
			#employmentpage #Employment a {background: transparent url(../images/menu.jpg) -570px -45px no-repeat;}
			#aboutpage #About a {background: transparent url(../images/menu.jpg) -718px -45px no-repeat;}
			#contactpage #Contact a {background: transparent url(../images/menu.jpg) -833px -45px no-repeat;}


#content{
background: url(../images/contentBGSecondary.jpg) repeat-y;
width:1000px;
}

#pagetext{
width:800px;
margin-left:100px;
padding-bottom:30px;
font-family:  Comic Sans MS, Arial, Helvetica, sans-serif, "Arial Black";
font-size:14px;}

#footer{
background:url(../images/footer.jpg) no-repeat;
height:138px;
width:1000px;
}

#player{
float:right;
position:relative;
top:18px;
right:26px;
height:153px;
width:469px;
}
#headerContact{
float:left;
position:relative;
top:158px;
left:65px;
height:40px;
width:275px;
color:#FF0000;
font:bold italic 1.035em Comic Sans MS, Arial, Helvetica, sans-serif, "Arial Black";}

#bottomlinks{
text-align:center;
width:1000px;
padding-bottom:10px;
font:.700em Comic Sans MS, Arial, Helvetica, sans-serif, "Arial Black";
position:relative;
top:35px;
}

#bottomlinks a{
color:#000000;
text-decoration:none;
}
#bottomlinks a:hover{
color:#FF0000;}
#copywrite{
position:relative;
top:50px;
left:35px;
font:.700em Arial, Helvetica, sans-serif, "Arial Black";}

#contactinfo{
color:#FFffff;
font-size:.875em}
a {
outline:none;}
a{
color:#0000FF}

a:hover{
color:#FF0033;}