/* =universals */
* { margin: 0; padding: 0; }

/* =html */
html { background:#ffffff url(images/bluegrad.jpg) repeat-x; }
body { font-family: Corbel, Arial, Helvetica, sans-serif; color: #000000; line-height: 1.5; margin: 0; padding: 0; text-align: center; }
a:link, a:visited { color: #2d6bb9; font-weight: bold; text-decoration: none; }
a:active, a:hover { color: #3366cc; font-weight: bold; text-decoration: underline; }
h1 { font-size: 1.1em; text-align: center; color: #444444; }
h2 { font-size: 1.1em; text-align: center; color: #444444; }
h3 { font-size: 1.1em; text-align: center; color: #444444; }
h4 { font-size: 1em; text-align: left; color: #3366cc; }
img { border:none; }

/* =ids */
#main-container { padding: 0; margin: auto; width: 960px; background:#ffffff url(images/scape.jpg) no-repeat; background-position: right bottom; }
#logo-container { padding: 0; margin: 0; height: 150px; background: url(images/header-150.jpg) no-repeat; text-align: left; }
#nav { padding: 0; margin: auto; clear: both; }
#nav ul { float: left; width: 100%; margin: 0; padding: 0; list-style: none; background: #79a6e1 url(images/navback-blue.jpg) repeat-x; border-top: 1px solid #5173a1; border-bottom: 1px solid #5173a1; }
#nav li { display: inline; margin: 0; padding: 0; }
#nav a { display: block; float: left; width: auto; margin: 0; padding: 2px 8px; border-right: 1px solid #5173a1; border-left: 1px solid #bbd8ff; color:#ffffff; font-size: 14px; font-weight: bold; text-decoration: none; font-family: "Trebuchet MS", Helvetica, sans-serif; text-transform: uppercase; letter-spacing: normal; }
#nav a.first { border-left: none; margin-left: 4px; }
#nav a.last { border-right: none; }
#nav a:hover, #nav a:focus, #nav a:active { background: #193c6b; color: #ffffff; }
#content { padding-top: 2em; padding-bottom: 4em; padding-left: 1.5em; padding-right: 1.5em; margin: auto; text-align: left; }
#content strong { letter-spacing: 0.1em; font-weight: bold; }
#content p { padding: 0.4em; }
#content-wheels { padding-top: 2em; padding-bottom: 4em; padding-left: 0; padding-right: 2em; margin: auto; text-align: left; }
#content-wheels strong { letter-spacing: 0.1em; font-weight: bold; }
#content-wheels p { padding: 0.4em; }
#content-olympics { padding: 2em; margin: auto; text-align: left; background: url(images/kelly-holmes.jpg) no-repeat; background-position: right 25px; }
#content-olympics strong { letter-spacing: 0.1em; font-weight: bold; }
#content-olympics p { padding: 0.4em; }
#content-solutions { padding: 2em; margin: auto; text-align: left; background: url(images/solutions.jpg) no-repeat; background-position: right 25px; }
#content-solutions strong { letter-spacing: 0.1em; font-weight: bold; }
#content-solutions p { padding: 0.4em; }
#content-recycling { padding: 2em; margin: auto; text-align: left; background: url(images/recycling.jpg) no-repeat; background-position: right 25px; }
#content-recycling strong { letter-spacing: 0.1em; font-weight: bold; }
#content-recycling p { padding: 0.4em; }
#footer { clear: both; text-align: bottom; font-size: 0.9em; color: #555555; margin: auto; }
#spacer { clear: both; height: 120px; }
#medspacer { height: 120px; }
#bigspacer { height: 180px; }
#contact { margin-left: auto; margin-right: auto; margin-top: 0; width: 500px; padding: 1em; }
#contact div.row { clear: both; padding-top: 0.5em; }
#contact div.row span.label { float: left; width: 150px; text-align: right; font-weight: bold; padding-right: 1em; color: #3366cc; }
#contact div.row span.details { float: right; width: 320px; text-align: left; } 
#formarea { clear: both; padding-top: 0.5em; }

/* =classes */
.imgright { float: right; padding-left: 8px; padding-top: 8px; padding-bottom: 20px; }
.imgmid { margin-left: auto; margin-right: auto; padding-top: 1em; padding-bottom: 2em; padding-left: 3em;}
.imgleftmain { padding-top: 0.4em; padding-bottom: 6em; padding-right: 2em; float: left; }
.imgleftabout { float: left; padding-right: 2em; padding-top: 0.5em; padding-bottom: 13em; }
.imgleftescalator { float: left; padding-right: 1.5em; padding-top: 1em; padding-bottom: 2em; }
.imgrecycling { margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; padding: 0; }
.imgrightsolutions { float: right; padding-top: 20px; }
.imgrightquality { float: right; padding-left: 1.5em; padding-top: 1em; padding-bottom: 3em; }
.imgmobile, .imgmobile2, .solutionsmobile, .olympicsmobile, .smallwheel { display: none; }
.recycling { margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; padding: 0; text-align: center; font-size: 1.2em; letter-spacing: normal; color: #3366cc; line-height: 1.2; font-family: Corbel, "Trebuchet MS", "Arial Narrow", Arial, Helvetica, sans-serif }
.components { text-align: left; }
.tiny { font-size: 0.8em; letter-spacing: 1px; }
.listbox { width: 236px; border: 1px solid #ababab; margin-left: 1.5em; margin-right: 0.1em; margin-top: 1em; font-size: 0.9em; text-align: left; float: right; }
.listbox ul { list-style: circle inside; padding-left: 0; margin-left: 0; padding-left: 2em; padding-right: 0.5em; padding-bottom: 1em; padding-top: 0.5em; text-indent: -1.4em; line-height: 1.4em; }
.listbox ul li { padding-top: 0.7em; }
.listbox-comp { width: 200px; border: 1px solid #ababab; margin-left: 1em; margin-right: 0.1em; margin-top: -1.5em; font-size: 0.9em; text-align: left; float: right; }
.listbox-comp ul { list-style: circle inside; padding-left: 0; margin-left: 0; padding-left: 2em; padding-right: 0.5em; padding-bottom: 1em; padding-top: 0.5em; text-indent: -1.5em; line-height: 1.1em; }
.listbox-comp ul li { padding-top: 0.7em; }
.listbox-desc { width: 240px; border: 1px solid #ababab; margin-left: 0.5em; margin-right: 1em; margin-top: 0.5em; margin-bottom: 3em; font-size: 0.9em; text-align: left; float: left; }
.listbox-desc ul { list-style: circle inside; padding-left: 0; margin-left: 0; padding-left: 2em; padding-right: 0.5em; padding-bottom: 1em; padding-top: 0.5em; text-indent: -1.3em; line-height: 1.1em; }
.listbox-desc ul li { padding-top: 0.7em; }
.listbox-manuf { width: 200px; border: 1px dotted #ababab; margin-left: 1.5em; margin-right: 0.1em; margin-top: 0.5em; margin-bottom: 1.5em; font-size: 0.9em; text-align: left; float: right; }
.listbox-manuf ul { list-style: square inside; padding-left: 0; margin-left: 0; padding-left: 2em; padding-right: 0.5em; padding-bottom: 1em; padding-top: 0.5em; text-indent: -1.5em; line-height: 1.2em; }
.listbox-manuf ul li { padding-top: 0.9em; font-weight: bold; padding-left: 1em; }
.listbox-clients { width: 220px; border: 1px dotted #ababab; margin-left: 1.5em; margin-right: 0.1em; margin-top: 0.5em; margin-bottom: 1.5em; font-size: 0.9em; text-align: left; float: right; }
.listbox-clients ul { list-style: square inside; padding-left: 0; margin-left: 0; padding-left: 2em; padding-right: 0.5em; padding-bottom: 1em; padding-top: 0.2em; text-indent: -1.4em; line-height: 1.2em; }
.listbox-clients ul li { padding-top: 0.6em; font-weight: bold; padding-left: 0.2em; }
.allcaps { font-size: 1.1em; letter-spacing: 0.1em; margin-top: 0.5em; text-transform: uppercase; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
.allcaps-front { font-size: 1.1em; margin-top: 0.5em; text-transform: uppercase; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
.minicaps { font-size: 1em; text-align: center; text-transform: uppercase; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #3366cc; }
.listcaps { padding-top: 0.5em; letter-spacing: 0.1em; line-height: 1.2; text-transform: uppercase; font-family: Corbel, "Trebuchet MS", "Arial Narrow", Arial, Helvetica, sans-serif; color: #3366cc; }
.allcapsnar { letter-spacing: 0.1em; text-transform: uppercase; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; }
.bordertable { text-align: left; border: 1px dotted #6c6c6c; }
.contentpad { padding-left: 2em; }
.headline { font-size: 1.2em; letter-spacing: 0.1em; padding-top: 0.4em; font-family: Corbel, "Trebuchet MS", "Arial Narrow", Arial, Helvetica, sans-serif; color: #3366cc; line-height: 1.2; }
.headline strong { font-size: 1.2em; font-weight: bold; letter-spacing: 0.1em; font-family: Corbel, "Trebuchet MS", "Arial Narrow", Arial, Helvetica, sans-serif; }
.headline2 { font-size: 1.2em; letter-spacing: normal; color: #3366cc; line-height: 1.2; font-family: Corbel, "Trebuchet MS", "Arial Narrow", Arial, Helvetica, sans-serif; }
.headline strong2 { font-size: 1.1em; font-weight: bold; letter-spacing: 0.1em; font-family: "Trebuchet MS", "Arial Narrow", Arial, Helvetica, sans-serif; }
.bigheadline { font-size: 1.4em; letter-spacing: 0.1em; padding-top: 0.4em; font-family: "Trebuchet MS", "Arial Narrow", Arial, Helvetica, sans-serif; color: #3366cc; line-height: 1.2; }
.bigheadline strong { font-size: 1.4em; font-weight: bold; letter-spacing: 0.1em; font-family: "Trebuchet MS", "Arial Narrow", Arial, Helvetica, sans-serif; }
.contactform { width: 500px; margin-left: auto; margin-right: auto; margin-top: 0.5em; font-size: 1em; border: 0px solid #dbe7f7; }
.contactform td { padding: 0.5em; }
.contactform th { text-align: center; letter-spacing: 0.1em; line-height: 1.2; text-transform: uppercase; font-family: "Trebuchet MS", "Arial Narrow", Arial, Helvetica, sans-serif; padding: 0.5em; color: #3366cc; }
.contactform input, .contactform textarea { border: 1px solid #b1cbee; background-color: #fbfcff; }
.contactform input.submitbutton { background: #417ac7 url(images/navback-blue.jpg) repeat-x; color: #ffffff; border: 0px; padding: 0.3em; font-weight: bold; letter-spacing: 0.1em; line-height: 1.1; text-transform: uppercase; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; }
.contactform input.submitbutton:hover, .contactform input.submitbutton:focus, .contactform input.submitbutton:active { background: #193c6b; color: #ffffff; }
.labelcell { width: 150px; text-align: right; font-weight: bold; color: #3366cc; }
.formcell { width: 320px; text-align: left; }
.forminput { width: 300px; }
.borderstripe { width: 600px; margin-left: auto; margin-right: auto; border-left: 1px solid #b1cbee; border-right: 1px solid #b1cbee; }
.imagewrapper { width: 710px; }
.imagewrapper-olympics { width: 778px; margin-left: 0.5em; }
.imagewrapper-wide { width: 800px; }
.spaced { line-height: 1.6; padding-top: 0.5em; width:650px; float:left; }
.smallspacer { padding: 4px; }
.thankswrapper { height: 50px; text-align: center; }
.thankswrapper p { padding-top: 25px; padding-bottom: 25px; }