/* =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.2em; 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: 310px; background:#ffffff; }
#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 { width: 100%; margin: 0; padding: 0; list-style: none; background: #79a6e1; border-top: 1px solid #5173a1; border-bottom: 1px solid #5173a1; }
#nav li { display: inline; margin: 0; padding: 0; }
#nav a { display: inline; width: auto; margin: 0; padding: 0px 4px 0 4px; border-right: 1px solid #5173a1; color:#ffffff; font-size: 12px; 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: 0.5em; margin: auto; width: 300px; background:#ffffff; text-align: left; }
#content strong { letter-spacing: 0.1em; font-weight: bold; }
#content p { padding: 0.4em; }
#content-wheels { padding: 0.5em; margin: auto; width: 300px; background:#ffffff; text-align: left; }
#content-wheels strong { letter-spacing: 0.1em; font-weight: bold; }
#content-wheels p { padding: 0.4em; }
#content-olympics { padding: 0.4em; margin: auto; width: 300px; background:#ffffff; text-align: left; }
#content-olympics strong { letter-spacing: 0.1em; font-weight: bold; }
#content-olympics p { padding: 0.4em; }
#content-solutions { padding: 0.4em; margin: auto; width: 300px; background:#ffffff; text-align: left; }
#content-solutions strong { letter-spacing: 0.1em; font-weight: bold; }
#content-solutions p { padding: 0.4em; }
#content-recycling { padding: 0.4em; margin: auto; width: 300px; background:#ffffff; text-align: left; }
#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 { height: 10px; }
#medspacer { height: 10px; }
#bigspacer { height: 10px; }
#contact { margin-left: auto; margin-right: auto; margin-top: 0; width: 300px; padding: 0.5em; }
#contact div.row { clear: both; padding-top: 0.5em; }
#contact div.row span.label { float: left; width: 50px; text-align: right; font-weight: bold; padding-right: 0.5em; color: #3366cc; }
#contact div.row span.details { float: right; width: 240px; 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: auto; padding: 1em; height: 170px; }
.imgleftmain { display: none; }
.imgleftabout { display: none; }
.imgleftescalator { display: none; }
.imgrecycling { margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; padding: 0; height: 80px; }
.imgrightsolutions { float: right; padding-top: 20px; }
.imgrightquality { padding: 1em; margin: auto; height: 100px; float: right; }
.imgmobile { width: 240px; height: 50px; margin: auto; padding: 0;  background: url(images/wheels-mobile.jpg) no-repeat; }
.imgmobile2 { width: 240px; height: 50px; margin: auto; padding: 0;  background: url(images/wheels-mobile2.jpg) no-repeat; }
.solutionsmobile { width: 65px; height: 125px; float:right; background: url(images/solutions-m.jpg) no-repeat; }
.olympicsmobile { width: 66px; height: 92px; float:right; background: url(images/kelly-holmes-m.jpg) no-repeat; }
.smallwheels { width: 230px; height: 50px; margin: auto; background: url(images/smallwheels-m.jpg) no-repeat; }
.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; font-family: Corbel, "Trebuchet MS", "Arial Narrow", Arial, Helvetica, sans-serif }
.components { text-align: center; }
.tiny { font-size: 0.8em; letter-spacing: 1px; }
.listbox { width: 240px; border: 1px solid #ababab; margin:auto; font-size: 0.9em; text-align: left; margin-top:10px; }
.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: 240px; border: 1px solid #ababab; margin-left: auto; margin-right: auto; margin-top: 0.5em; margin-bottom: 0.5em; font-size: 0.9em; text-align: left; }
.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: auto; margin-right: auto; margin-top: 1em; margin-bottom: 0.5em; font-size: 0.9em; text-align: 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: auto; margin-right: auto; margin-top: 0.5em; margin-bottom: 0.5em; font-size: 0.9em; text-align: left; }
.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: 236px; border: 1px dotted #ababab; margin-left: auto; margin-right: auto; margin-top: 0.5em; margin-bottom: 0.5em; font-size: 0.9em; text-align: left; }
.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; text-transform: uppercase; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
.allcaps-front { font-size: 1.1em; 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; padding-top: 0.5em; padding-left: 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.3em;  padding-top: 0.4em; font-family: "Trebuchet MS", "Arial Narrow", Arial, Helvetica, sans-serif; color: #3366cc; }
.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: 300px; 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; 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: 50px; text-align: right; font-weight: bold; color: #3366cc; }
.formcell { width: 240px; text-align: left; }
.forminput { width: 220px; }
.borderstripe { width: 300px; margin-left: auto; margin-right: auto; }
.imagewrapper { width: 300px; }
.imagewrapper-olympics { width: 300px; }
.imagewrapper-wide { width: 300px; }
.spaced { width: 290px; }
.smallspacer { padding: 0; }
.thankswrapper { height: 50px; text-align: center; }
.thankswrapper p { padding-top: 25px; padding-bottom: 25px; }