* {margin:0; padding:0;}

#sidepic1 {
position: absolute;
left:807px;
top: 212px;
width: 158px;
height: 183px;
}

#sidepic1txt{
position:absolute;
top:158px;
width:158px;
left:0px;
height: 25px;
}


#sidepic2 {
position: absolute;
left:807px;
top: 397px;
width: 158px;
height: 183px;
}


#sidepic3 {
position: absolute;
left:807px;
top: 584px;
width: 158px;
height: 183px;
}

#sidepic4 {
position: absolute;
left:807px;
top: 769px;
width: 158px;
height: 183px;
}

#sidepic5 {
position: absolute;
left:807px;
top: 954px;
width: 158px;
height: 183px;
}


.sidecaption{
margin-top:0px;
font-size:10px;
color:white;
font-weight: bold;
}

.caption-link{
color:white;
}

a.caption-link:visited{
color:white;
}


body {
margin-top: 0px;
/*background-image: url(images/dark_metal.jpg);*/
background-color: black;
text-align: center;
margin-left: auto;
margin-right: auto;
z-index: -5;
}

#top {   /*this is the nav bar*/
position: relative;
display:block;
top: 186px;
height:35px;
width: 600px;
margin-right: auto;
margin-left: auto;
text-align: center;
left:14px;
}

#headermovie {
position: absolute;
display:block;
top: 78px;
height:73px;
width: 540px;
left:340px;
}

#all {
top: 0px;
position:relative;
width: 972px;
text-align: center;
margin-left: auto;
margin-right: auto;
z-index:5;
}

#header{
position:absolute;
left:0px;
width: 972px;
height: 671px;
background-image: url(images/back8.gif);
background-repeat: no-repeat;
z-index:-5;
}

#content {
top: 220px;
position:relative; /*absolute*/
background-image: url(images/content.gif);
display:block;
width: 972px;
left:0px;
z-index:-5;
min-height: 822px;
}

#text{
position: relative;
top:10px;
left: 16px;
width:580px;
text-align: center;
margin-left: auto;
margin-right: auto;
font-size: 16px;
font-weight: normal;
z-index:100;
}

form {
z-index:10;}



#info {
position: absolute;
left: 14px;
top: 218px;
width: 173px;
height: 173px;
background-image: url(images/infoplate_location.gif);
background-repeat: no-repeat;
}

#info_inner{
margin-top:20px;
text-align: center;
font-weight: bold;
font-size: 12px;
padding: 5px;
color:black;
}

.hours{
line-height: 13px;
margin:0;
padding:0;
text-align: left;
font-weight: bold;
font-size: 12px;
}

#info_inner2{
text-align: center;
font-weight: bold;
font-size: 12px;
padding: 5px;
color:black;
}

#hours {
position: absolute;
left: 14px;
top: 400px;
width: 173px;
height: 141px;
background-image: url(images/infoplate_hours2.gif);
background-repeat: no-repeat;
}

#for-sale {
position: absolute;
left: 14px;
top: 555px;
width: 173px;
height: 141px;
background-image: url(images/infoplate_sale.gif);
background-repeat: no-repeat;
}

#certs {
position: absolute;
left: 14px;
color:black;
top: 552px;
width: 173px;
height: 75px;
text-align: center;
font-weight: bold;
font-size: 14px;
background-image: url(images/infoplate_sm.gif);
}

#casestudies {
position: absolute;
left: 14px;
color:black;
top: 639px;
width: 173px;
height: 173px;
text-align: center;
font-weight: bold;
font-size: 12px;
background-image: url(images/infoplate.gif);
}

#credit {
position: absolute;
left: 25px;
color:black;
top: 822px;
width: 148px;
height: 30px;
background-image: url(images/credit_card_logos.gif);
background-repeat: no-repeat;
}


a.nav{
color: black;
font-family: arial black, Charcoal, sans-serif;
font-size: 12px;
text-decoration: none;
line-height: 90%;
vertical-align: middle;
}

a:hover {
text-decoration: underline;
}

#nav {
z-index: 5;
position: absolute;
width: 600px;
height: 100px;
top: 92px;
left: 27px;
vertical-align: middle;
}



a#button1 img {position: absolute;  width: 83px; height: 48px;
background-image: url(images/button_home.gif);}
a#button1:hover img{background-image: url(images/button_home_hover.gif);}

a#button2 img {position: absolute; left: 83px; width: 135px; height: 48px; 
background-image: url(images/button_machine.gif);}
a#button2:hover img{background-image: url(images/button_machine_hover.gif);}


a#button3 img {position: absolute; left: 218px;  width: 114px; height: 48px; 
background-image: url(images/button_auto.gif);}
a#button3:hover img{background-image: url(images/button_auto_hover.gif);}


a#button4 img {position: absolute; left: 332px;   width: 135px; height: 48px; 
background-image: url(images/button_heavy.gif);}
a#button4:hover img{background-image: url(images/button_heavy_hover.gif);}


a#button5 img {position: absolute; left: 467px;   width: 107px; height: 48px; 
background-image: url(images/button_custom.gif);}
a#button5:hover img{background-image: url(images/button_custom_hover.gif);}


a#button6 img {position: absolute; left: 574px; width: 127px; height: 48px; 
background-image: url(images/button_generator.gif);}
a#button6:hover img{background-image: url(images/button_generators_hover.gif);}

a#button7 img {position: absolute;  left: 701px;   width: 132px; height: 48px; 
background-image: url(images/button_industrial.gif);}
a#button7:hover img{background-image: url(images/button_industrial_hover.gif);}

a#button8 img {position: absolute;  left: 833px;   width: 81px; height: 48px; 
background-image: url(images/button_contact.gif);}
a#button8:hover img{background-image: url(images/button_contact_hover.gif);}




#rightpic1{
position: absolute;
left: 970px;
top: 205px;
/*background-image: url(images/diesel-engine.gif);*/
background-repeat: no-repeat;
width: 130px;
height: 119px;
z-index: 5;
}



/*all container stops here*/

#bottom {
position:relative;
top:198px;
background-image: url(images/bottom.gif);
background-repeat: no-repeat;
display:block;
width: 972px;
height: 140px;
text-align: center;
margin-left: auto;
margin-right: auto;
}

#bottomlinks {
top: 25px;
font-size: 12px;
color:white;
text-align: center;
margin-left: auto;
margin-right: auto;
left:10px;
}

#footnote {
font-size: 10px;
color: white;
width: 300px;
}

#footleft {
position:absolute;
margin-top: 15px;
margin-left:-150px; 
left: 50%;
}

#footright {
position:absolute;
margin-top: 15px;
margin-left:0px; 
left: 50%;
}

.red{
color:#a40101;
}

a.white{
color: white;
}

.smallbold {
font-size: 14px;
font-weight: bold;
}

.smallerbold {
font-size: 12px;
font-weight: bold;
}

.tinybold{
color: black;
font-size: 10px;
font-weight: bold;
width: 225px;
}

a img {
border-style: none;
border: none;
}

h2 {
margin-bottom: 4px;
color: #a40101;
}

h4{
font-size: 14px;
}

td {
padding: 10px;
vertical-align: top;
}

td.lowpad {
padding: 5px;
vertical-align: top;
font-size: 14px;
font-weight: bold;
}

table {
text-align: center;
margin-left: auto;
margin-right: auto;
}

button {
font-size: 16px;
font-weight: bold;
text-align: center;
}


hr {
color: red;
margin-bottom: 0px;
}
 
#cssonline {
position:relative;
font-size: 12px;
color: white;
z-index: 6;
 
}

a#cssonline {
color: white;
text-decoration: none;
}

img {
border: 0;
}