/*CPM Industries, Inc. CSS*/
body
{ font-family:Arial; font-size:12px; line-height: normal; background-color: #122851; background-image: url(images/background.jpg); background-repeat: repeat-x; background-position: 0 top; }
#frame { background-color: white; width: 800px; margin: 0 auto; padding: 12px; }
#navigation { width: 800px; margin: 0 auto; padding: 20px; }
#title { background-image: url(images/cpmlogo.jpg); background-repeat: no-repeat; background-position: left top; height: 60px; margin: 12px; padding-top: 24px; padding-left: 90px; }
#header { background-color: silver; background-image: url(images/headerimage.jpg); background-repeat: no-repeat; background-position: center; height: 100px; }
#content { background-color: white; margin-right: 300px; padding: 5px; }
#sidebarhome { background-image: url(images/loadingchemicalsacks.jpg); background-repeat: no-repeat; background-position: center top; position: relative; top: 20px; width: 250px; height: 250px; float: right ; padding: 15px; border-left: 1px solid #dcdcdc; }
#sidebarabout { background-image: url(images/portraitofbusinesscolleaguessittinginarow.jpg); background-repeat: no-repeat; background-position: center top; position: relative; top: 20px; width: 250px; height: 250px; float: right ; padding: 15px; border-left: 1px solid #dcdcdc; }
#sidebarproducts { background-image: url(images/businessmaninwarehouse.jpg); background-repeat: no-repeat; background-position: center top; position: relative; top: 20px; width: 250px; height: 250px; float: right ; padding: 15px; border-left: 1px solid #dcdcdc; }
#sidebarcontact { background-image: url(images/friendlycustomerservicexl.jpg); background-repeat: no-repeat; background-position: center top; position: relative; top: 20px; width: 250px; height: 250px; float: right ; padding: 15px; border-left: 1px solid #dcdcdc; }
#sidebarthanks { background-image: url(images/interiorofthestylishapartment.jpg); background-repeat: no-repeat; background-position: center top; position: relative; top: 20px; width: 250px; height: 250px; float: right ; padding: 15px; border-left: 1px solid #dcdcdc; }
#sidebar4010 { background-image: url(images/marbles.jpg); background-repeat: no-repeat; background-position: center top; position: relative; top: 20px; width: 250px; height: 250px; float: right ; padding: 15px; border-left: 1px solid #dcdcdc; }
#sidebara25 { background-image: url(images/paperroll.jpg); background-repeat: no-repeat; background-position: center top; position: relative; top: 20px; width: 250px; height: 250px; float: right ; padding: 15px; border-left: 1px solid #dcdcdc; }
#sidebara300 { background-image: url(images/loom.jpg); background-repeat: no-repeat; background-position: center top; position: relative; top: 20px; width: 250px; height: 250px; float: right ; padding: 15px; border-left: 1px solid #dcdcdc; }
#sidebarr1 { background-image: url(images/welding.jpg); background-repeat: no-repeat; background-position: center top; position: relative; top: 20px; width: 250px; height: 250px; float: right ; padding: 15px; border-left: 1px solid #dcdcdc; }
#sidebarr610 { background-image: url(images/paint.jpg); background-repeat: no-repeat; background-position: center top; position: relative; top: 20px; width: 250px; height: 250px; float: right ; padding: 15px; border-left: 1px solid #dcdcdc; }
#footer { background-color: #dcdcdc; padding: 5px; }
h1 { color: black; font-size:200%; font-weight: bold; text-transform: uppercase; margin: 0; }
h2 { color: black; font-size:170%; text-transform: uppercase; margin: 0; padding: 12px; }
h3 { color: gray; font-size:150%; background-image: url(images/info.jpg); background-repeat: no-repeat; background-position: left top; text-transform: capitalize; margin: 0; padding-left: 25px; }
h4 { font-size:130%; margin: 0; padding: 12px; border: solid 1px silver; outline-color: silver; }
h5 { color: silver; font-size:90%; margin: 0; }
h6 { color: gray; font-size:90%; margin: 0; }
img { border:0; }
a.body:link   { color: #709bff; font-size: 90%; font-weight: bolder; background-image: url(images/arrow.jpg); background-repeat: no-repeat; background-position: right top; text-decoration: none; text-transform: uppercase; top: 6px; padding-right: 17px; }
a.body:visited   { color: #709bff; font-size: 90%; font-weight: bolder; background-image: url(images/arrow.jpg); background-repeat: no-repeat; background-position: right top; text-decoration: none; text-transform: uppercase; top: 6px; padding-right: 17px; }
a.body:hover { color: #4962ff; font-size: 90%; font-weight: bolder; background-image: url(images/arrow.jpg); background-repeat: no-repeat; background-position: right top; text-decoration: underline; text-transform: uppercase; padding-right: 17px; }
a.body:active { color: #0f00b9; font-size: 90%; font-weight: bolder; background-image: url(images/arrow.jpg); background-repeat: no-repeat; background-position: right top; text-decoration: underline; text-transform: uppercase; padding-right: 17px; }
#fancylink { text-align: right; padding-bottom: 30px; }
a.footer:link { color: gray; font-size: 90%; font-weight: bolder; text-decoration: none; text-transform: uppercase; }
a.footer:visited { color: gray; font-size: 90%; font-weight: bolder; text-decoration: none; text-transform: uppercase; }
a.footer:hover { color: gray; font-size: 90%; font-weight: bolder; text-decoration: underline; text-transform: uppercase; }
a.footer:active { color: black; font-size: 90%; font-weight: bolder; text-decoration: underline; text-transform: uppercase; }
#productlink { position: relative; left: 20px; }
a.product:link   { color: #709bff; font-size: 100%; font-weight: bolder; background-image: url(images/dot.jpg); background-repeat: no-repeat; background-position: left center; text-decoration: none; text-transform: uppercase; top: 6px; padding-left: 15px; }
a.product:visited   { color: #709bff; font-size: 100%; font-weight: bolder; background-image: url(images/dot.jpg); background-repeat: no-repeat; background-position: left center; text-decoration: none; text-transform: uppercase; top: 6px; padding-left: 15px; }
a.product:hover { color: #4962ff; font-size: 100%; font-weight: bolder; background-image: url(images/dot.jpg); background-repeat: no-repeat; background-position: left center; text-decoration: underline; text-transform: uppercase; padding-left: 15px; }
a.product:active { color: #0f00b9; font-size: 100%; font-weight: bolder; background-image: url(images/dot.jpg); background-repeat: no-repeat; background-position: left center; text-decoration: underline; text-transform: uppercase; padding-left: 15px; }
#nolink { color: gray; font-size:100%; font-weight: bold; background-image: url(images/dot2.jpg); background-repeat: no-repeat; background-position: left center; text-transform: uppercase; margin: 0; padding-left: 15px; }
a.nav:link { color: #709bff; font-size: 90%; font-weight: bolder; text-decoration: none; text-transform: uppercase; padding: 4px 8px 8px; }
a.nav:visited { color: #709bff; font-size: 90%; font-weight: bolder; text-decoration: none; text-transform: uppercase; padding: 4px 8px 8px; }
a.nav:hover { color: #709bff; font-size: 90%; font-weight: bolder; background-color: #1a3b79; background-image: url(images/navarrow.gif); background-repeat: no-repeat; background-position: left bottom; text-decoration: none; text-transform: uppercase; padding: 4px 8px 8px; }
a.nav:active { color: #b6d4ff; font-size: 90%; font-weight: bolder; background-color: #2350a5; background-image: url(images/navarrow.gif); background-repeat: no-repeat; background-position: left bottom; text-decoration: none; text-transform: uppercase; padding: 4px 8px 8px; }
#navnolink { color: black; font-size: 90%; font-weight: bolder; background-color: white; background-image: url(images/navarrow.gif); background-repeat: no-repeat; background-position: left bottom; text-decoration: none; text-transform: uppercase; padding: 4px 8px 8px; }