﻿body { font: 90% Arial, Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; background: #000000; }
h1, h2, h3, h4, p, ul, ol  { margin: 0px; padding: 0px; }
label { float: left; font-weight: bold; text-align: left; padding: 0 10px 0 0; }

.clear {clear: both; }
.left { float: left; }
.right { float: right; }
.center { text-align: center; }
.picright { padding: 5px 0 5px 20px; float: right; }
.picleft { float: left; padding: 5px 20px 5px 10px; }
.sitemap a { text-decoration: none; color: #1166a4; font-weight: bold; }
.title { float: right; font-weight: bold; }
.grey { border: 1px solid #000000; background: #ffffee; overflow: auto; margin-left: 10px; margin-bottom: 10px;}
.grey ul { margin-left: 25px; }
.welding li { padding: 5px 0 5px 0; }
.contact { width: 70px; padding: 0 5px 0 0; text-align: right; }


.leftcol { float: left; width: 40%; text-align: left;}
.threecol { float: left; width: 30%; text-align: left;  margin-left: 10px; }

.brands { margin: 10px;  }
.brands li { float: left; margin-left: 20px;  }
.brands li { float: left; margin-left: 20px; display: list-item; }

a img {	border: none; }
.equip { float: left; font-weight: bold; }
.parts { float: left; font-weight: bold; text-align: center;}

h1 { padding: 10px; color: #996600; margin: 0; font-size: 1.2em;}
h3 { font-size: 100%; padding: 10px;}
p { padding: 5px 10px 5px 10px; }
ul, ol { margin-left: 50px; padding: 5px 0 5px 0; }

#siteitems { margin: 0px; padding: 0px; list-style: none; }
#siteitems li { float: right; margin-right: 5px; padding: 2px 0 2px 0; }
#siteitems li a { font-size: 80%; text-decoration: none; color: #ffffff;  padding: 0 5px 0 5px; font-weight: bold; }
#siteitems li a:hover { color: #cc9900; }

#header { clear: both; margin: 0 auto 0 auto; width: 800px; background: #ffffff; height: 115px; position: relative; text-align: right; }
#wrapper { width: 800px; margin: 0 auto 0 auto; clear: both; background: #ffffff url(images/sideline.jpg) repeat-y top left; overflow: auto; }
#main {  padding: 10px 0px 20px 10px;  margin-left: 145px; background: transparent; overflow: auto;  border-top: 10px solid #000000; }
.logo { position: absolute; top: 10px; right: 10px; color: #FFFFFF; font-size: 110%; font-weight: bold; }
.phone { font-size: 150%; color: #e9ddba;  }
/*
#wrapper { background: #ffffff; padding: 0;
border-left: 1px solid #000000; border-right: 1px solid #000000; width: 800px; }
*/
.menu { clear: both; padding: 20px 0 20px 0; border-top: 10px solid #000000; width: 145px; height: 600px; float: left; background: transparent url(images/sparks.jpg) no-repeat top left; }
.menu ul { padding: 0; margin: 0px 0 0 0; border-top: 1px solid #000000; list-style-type:none; /*#cc9900*/;  border-bottom: 0px solid #000000;}
.menu li { margin: 0; font-size: 90%; border-bottom: 1px solid #000000; }
.menu a, .menu a:visited { color: #000000; display: block; text-decoration:none; font-weight: bold;  padding: 5px 3px 5px 5px;}
.menu a.current, .menu a:hover, .menu a:focus { background: #cc9900;  }
.menu div { padding: 20px 0 0 0; text-align: center; }


#pagefooter { margin: 0 auto 0 auto; width: 800px; color: #efe6ca; font-size: 90%; text-align: left; background: #ffffff url("images/bg.gif") repeat-y top left; clear: both; border-top: 10px solid #000000;}
#pagefooter p { padding: 10px 20px 10px 166px; }

#sitefooter { color: #cc9900; text-align: right; font-size: 80%; padding: 20px 0px 5px 0; clear: both; }
#sitefooter a { color: #ffffff; font-weight: bold; font-size: 95%; text-decoration: none;}


