body {background:url(../images/bg.jpg) repeat-x; margin:0; background-color: #F9F9F9;}
body,td,th {font-family: Verdana, Arial, Helvetica, sans-serif;font-size:12px;color: #333;}

/*----------TOP--------*/
#wrap {margin:auto; width:960px;}
#header {float:left; width:909px; padding:0 30px 0 21px; background:url(../images/header-bg.jpg) no-repeat; height:406px;}
#header-s {float:left; width:909px; padding:0 30px 0 21px; background:url(../images/header-bg-s.jpg) no-repeat; height:196px;}
.logo{float:left; width:144px;}
.blah {float:left; padding:25px 0 0 90px; font-family:Arial, Helvetica, sans-serif; font-size:19px; font-weight:bold; color: #404040; text-shadow: 0px 1px 0px #e5e5ee;}
.telfax {float:right; padding:72px 30px 0 0; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#000;}
.menu {float:left; width:909px; height:40px;}
.banner-l {float:left; width:482px; height:164px; padding:95px 0 0 30px; background: url(../images/banner-l.gif) no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:19px; font-weight:bold; color:#5B5E66;}
.banner-r {float:right;}

/*----------PATHS--------*/
#path-t {float:left; margin:0 30px 0 21px; background:url(../images/path-t.gif) no-repeat; width:909px; height:50px;}
.path-t-l {float:left; padding:15px 0 0 20px;}
.path-t-r {float:right; width:430px; height:40px; margin:10px 32px 0 0;}

#path-b {float:left; margin:0 30px 0 21px; background:url(../images/path-b.gif) no-repeat; width:909px; height:50px;}
.path-b-l {float:left; width:120px; padding:13px 0 0 20px;}
.path-b-r {float:right; padding:10px 100px 0 0;}

/*----------BREADCRUMBS--------*/
ul, li {list-style-type:none; padding:0; margin:0;}		
#crumbs {height:49px; }
#crumbs li {float:left; line-height:49px; color:#777; padding-left:.75em;}		
#crumbs li a {margin-top:1px; background:url(../images/crumbs.gif) no-repeat right center; display:block; padding:0 15px 0 0;}							
#crumbs li a:link,
#crumbs li a:visited {color:#777; text-decoration:none;}	
a:link, a:visited,	
#crumbs li a:hover,
#crumbs li a:focus {color:#82231E;}

/*----------CONTENT--------*/
#content {float:left; width:909px; height: auto; margin:0 30px 0 21px;}
.body-l {float:left; width: 565px; height:auto; padding:0 40px 0 0;}
.body-c {float:left; width: 909px; height:auto; padding:0;}
.body-r {float:left; width: 304px; height:auto;}
.tiny-contact {float:right; padding:30px 40px 0 40px; background:url(../images/contact-bg.gif) no-repeat; width:224px; height:282px; margin-top:58px;}
.contact-box {float:left; width: 869px; height:auto; padding:20px; background-color:#EAE9E7;}
.prod1 {float:left; background:url(../images/single-crank-presses.jpg) no-repeat; width:420px; height:86px; padding:121px 34px 0 0;}
.prod2 {float:right; background:url(../images/double-crank-presses.jpg) no-repeat; width:120px; height:86px; padding:121px 335px 0 0; }
.prod3 {float:left; background:url(../images/straight-side-presses.jpg) no-repeat; width:420px; height:82px; padding:125px 34px 0 0;}
.prod4 {float:right; background:url(../images/high-speed-presses.jpg) no-repeat; width:120px; height:82px; padding:125px 335px 0 0;}
.brochure {float:right; padding:30px 30px 0 0; width:250px; height:40px;}
.body-l ul li {list-style-type: square; padding:0; margin:0 0 5px 15px;}		

/*----------FOOTER--------*/
#footer {float:left; width:909px; margin:30px 30px 0 21px; height:50px; background: url(../images/footer-bg.gif) no-repeat;}
.f-left {float:left; height:32px; padding:18px 0 0 115px;}
.f-right {float:right; padding:0 33px 0 0;}
.f-bot {float:left; margin-bottom:20px; width:794px; padding:10px 0 0 115px;}

/*----------STYLES--------*/

img.prod {border:4px solid #AAAFBD; margin:0 20px 5px 0;}
.box {float:left; width:565px; height:auto;}
#map { border:4px solid #fff; margin-top:20px; padding:20px 0 0 0;}
.map-box { padding-top:20px;}

#prod-img {float:left; width:550px;}
#prod-thumb {float:left; margin:10px; border:4px solid #AAAFBD; width:209px; padding:5px; }
#prod-thumb h3 {font-size:12px; text-align:center;}

.black {font:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; color:#000;}
.red {font:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#82231E;}
.big-red {font-family: Tahoma, Geneva, sans-serif; font-weight:bold; font-size:20px; color:#860600;}
.big-grey {font-family: Tahoma, Geneva, sans-serif; font-weight:bold; font-size:18px; color:#3E3E3E; padding-bottom:5px}

h1 {font-family:Tahoma, Geneva, sans-serif; font-size:30px; font-weight:bold; color:#404040; background:url(../images/line-bg.gif) repeat-x; background-position:bottom;}
h4 {font-family:Tahoma, Geneva, sans-serif; font-size:20px; font-weight:bold; color:#63A535; background:url(../images/line-bg.gif) repeat-x; background-position:bottom;}

/*----------LINKS--------*/
a.grey:link, a.grey:visited {font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#565C6D; font-weight:bold; text-decoration:none;}
a.grey:hover {text-decoration:underline;}
a.green:link, a.green:visited {font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#63A535; font-weight:bold; text-decoration:none;}
a.green:hover {text-decoration:underline;}

/*----------BUTTON--------*/
a.button {float:right; background:url(../images/quote-but.gif) repeat 0px 0px; width: 171px; height: 30px; display: block; }
a.button span { display: none; }
a.button:hover { background: url(../images/quote-but.gif) repeat 0px -31px; }

a.view {float:right; background:url(../images/view-but.gif) repeat 0px 0px; width: 85px; height: 31px; display: block; }
a.view span { display: none; }
a.view:hover { background: url(../images/view-but.gif) repeat 0px -31px; }

/*----------ACCORDION--------*/
.accordion {float:right; padding:30px 40px 0 44px; background:url(../images/accordion.jpg) no-repeat; width:220px; height:352px; margin-top:58px;}

p {line-height: 1.5em;}

ul.menu, ul.menu ul {list-style-type:none; margin: 0; padding: 0; width: 230px; font-size:14px; font-weight:bold; font-family: Arial, Helvetica, sans-serif;}
ul.menu a {display: block; text-decoration: none;}
ul.menu li {margin-top: 1px;}
ul.menu li a {color: #3E3E3E; padding: 0.5em;}
ul.menu li a:hover { background: #AAA; color: #fff;}
ul.menu li ul li a {color: #56902E; padding-left: 20px;}
ul.menu li ul li a:hover { background: #aaa; padding-left: 20px;}

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }
.indent3 { padding-left: 3em; }
.indent4 { padding-left: 4em; }
.indent5 { padding-left: 5em; }

#pad {height:140px;}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu {padding:0; margin:0; list-style:none;}
#menu li {float:left; margin-left:23px;}
#menu li a {display:block; height:40px; line-height:40px; padding:0 20px; float:left; font-size:13px; font-weight:bold; color:#fff; text-decoration:none;}
#menu li a b {text-transform:uppercase;}
#menu li a:hover, 
.home #menu li#home a,
.company #menu li#company a,
.products #menu li#products a,
.services #menu li#services a,
.parts #menu li#parts a,
.news #menu li#news a,
.contact #menu li#contact a
{background: url(../images/arrow.gif) no-repeat center bottom;}

#pro-menu {padding:0; margin:0; list-style:none;}
#pro-menu li {float:right; margin-left:5px;}
#pro-menu li a {display:block; height:20px; letter-spacing:-1px; line-height:30px; padding:0 7px; float:right; font-size:12px; font-weight:bold; color:#3E3E3E; text-decoration:none;}
#pro-menu li a b {text-transform:uppercase;}
#pro-menu li a:hover,
.single #pro-menu li#single a,
.double #pro-menu li#double a,
.straight #pro-menu li#straight a,
.high #pro-menu li#high a {color:#4D8029;}