* { margin: 0; padding: 0; }
p { margin: 0 0 16px 0; }
h1, h2, h3, h4, h5, h6 { color: #FF8B00; margin: 0 0 12px 0; font-weight: normal; }
h1 { font-size: 22px; }
h2, h3, h4, h5, h6 { font-size: 11px; font-weight: bold; margin: 0 0 4px 0; }
a { font-weight: bold; text-decoration: none; color: #FF8B00; }
a:hover { text-decoration: underline; color: #FF8B00; }
a img { border: 0; }

body { font: 11px verdana, arial, helvetica, sans-serif; background: url(../images/bg.png) top left repeat-x; position: relative; }
#container { width: 988px; margin: 0 auto 10px auto; background: url(../images/white-stripes.png) top left repeat; padding: 0 0 5px 0; position: relative; }
#shadows { width: 988px; margin: 0 auto; background: url(../images/shadow.png) top center repeat-y; position: relative; }
#headers { clear: both; width: 960px; margin: 0 auto; padding: 0 0 40px 0; height: 222px; background: #ffffff url(../images/header.png) top center no-repeat; position: relative; z-index: 100; }
#main { clear: both; width: 960px; margin: 0 auto; padding: 0 0 0 0; min-height: 598px; }

#menus { float: right; width: 198px; padding: 0px 0 0 0; margin: 0 28px 0 0; }
#menus ul { list-style: none; text-align: right; text-transform: lowercase; }
#menus li { margin: 0 0 6px 0; }

#content { float: left; width: 542px; padding: 0px 12px 20px 12px; margin: 0 0 0 55px; /*background: url(../images/trans-white.png) top left repeat;*/ }

#footers { background: url(../images/footer-bg.png) bottom center no-repeat; clear: both; width: 988px; margin: 0 auto; height: 6px; }
hr.clear { clear: both; height: 0; border: 0; visibility: hidden; margin: 0; }

#sitetitle, #strapline, #companydetails { height: 0; display: block; overflow: hidden; }
#sitetitle { padding-top: 168px; width: 408px; background: transparent; position: absolute; top: 24px; left: 26px; z-index: 101; margin: 0; }
#strapline { height: 68px; width: 428px; background: transparent; position: absolute; top: 140px; right: 26px; z-index: 102; margin: 0; visibility: hidden; }
#companydetails { height: 16px; width: 348px; background: transparent; position: absolute; top: 192px; left: 58px; z-index: 103; margin: 0; visibility: hidden; }

/*menu*/
#menu-home, #menu-products, #menu-cable, #menu-can, #menu-contact { overflow: hidden; display: block; width: 198px; height: 0; padding-top: 18px; }

#menu-home { background: url(../images/menu/home.png) top right no-repeat; }
#menu-home.on, #menu-home:hover { background: url(../images/menu/home-hover.png) top right no-repeat; }

#menu-products { background: url(../images/menu/products.png) top right no-repeat; }
#menu-products.on, #menu-products:hover { background: url(../images/menu/products-hover.png) top right no-repeat; }

#menu-cable{ background: url(../images/menu/cable.png) top right no-repeat; }
#menu-cable.on, #menu-cable:hover { background: url(../images/menu/cable-hover.png) top right no-repeat; }

#menu-can { background: url(../images/menu/can.png) top right no-repeat; }
#menu-can.on, #menu-can:hover { background: url(../images/menu/can-hover.png) top right no-repeat; }

#menu-contact { background: url(../images/menu/contact.png) top right no-repeat; }
#menu-contact.on, #menu-contact:hover { background: url(../images/menu/contact-hover.png) top right no-repeat; }

#title-home, #title-products, #title-cable, #title-can, #title-contact { height: 0; padding-top: 33px; display: block; overflow: hidden; }
#title-home { background: url(../images/titles/home-title.png) top left no-repeat; }
#title-products { background: url(../images/titles/products-title.png) top left no-repeat; }
#title-cable { background: url(../images/titles/cable-title.png) top left no-repeat; }
#title-can { background: url(../images/titles/can-title.png) top left no-repeat; }
#title-contact { background: url(../images/titles/contact-title.png) top left no-repeat; }

.fakebold { font-weight: bold; color: #FF8B00; }

#contactinfo { float: right; clear: right; width: 269px; }
#contactform { float: left; clear: left; width: 252px; }
#map { float: right; clear: right; width: 269px; margin: 0 0 30px 0; }
#opening-hours { float: left; clear: left; width: 252px; margin: 57px 0 0 0; }
form { margin: 0; }
form div { clear: both; margin: 0 0 12px 0; }
fieldset { border: 0; }
textarea, input { width: 248px; padding: 4px; background: url(../images/trans-black.png) top left repeat; border: 0; color: #ffffff; font: 11px verdana, arial, helvetica, sans-serif; }
#submit { width: 95px; border: 0; background: transparent; }

#copyright { width: 960px; margin: 0 auto; }

#collections { float: left; clear: left; margin: 0px 0 0 55px; width: 565px; padding-top: 96px; height: 0; overflow: hidden; background: url(../images/collections.png) top left no-repeat; }
#cable-granulation, #can-recycling-img { float: left; clear: left; margin: 0 0 0 55px; width: 541px; padding: 12px; background: url(../images/trans-black.png) top left repeat; color: #ffffff; }
#cable-granulation p, #cable-granulation img, #can-recycling-img p, #can-recycling-img img { float: left; margin: 0 12px 0 0; }
#cable-granulation p, #can-recycling-img p { width: 200px; padding: 30px 0; }