/*Wheelbuilding with Arup version 4.0
author: Arup Sen
url: http://arupdesigns.co.uk
e-mail: arup@arupdesigns.co.uk
license: there isn't any. Use anything that you find useful and let me know if anything isn't working. Cool, thanks for looking. :)*/
/*  Typographical notes - going from px to em values
    1  parent font-size × required pixel value = em value
	1 ÷ 16 × 18 = 1.125em
	only 3 decimal places allowed*/
		
/*	Eric Meyer's zeroing out of elements--------------------------
http://meyerweb.com/eric/thoughts/2007/04/14/reworked-reset/*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;padding: 0;border: 0;
	font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;
	text-align: left;vertical-align: baseline;}
a img, :link img, :visited img {border: 0;}
table {border-collapse: collapse;border-spacing: 0;}
ol, ul {list-style: none;}
q:before, q:after,blockquote:before, blockquote:after {content: "";}
/*------------End of Eric's zero elements-----------------*/
body {
	/*background-image:url(wheelsite_grid2.gif);*/
	/*background-repeat:repeat-y;*/
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:10px 0 10px 10px;
	font-size:100.01%;/*the .01 is for Safari*/
	position:relative;
	width:58.75em;/*940px*/}
h1 {
	text-transform:uppercase;
	color:#CC0000;
	font-size:3em;/*48px*/
	/*width:19.166em;*/
	display:inline;
	}
h2 {
	color:#666666;
	font-size:2.25em;/*36px*/
	border-bottom:1px solid #B0B0B0;
	text-transform:lowercase;
	line-height:1.22em;
	width:16.94em;
	margin:0.611em 0;
	font-variant: small-caps;}
p {
	width:28.438em;/*455px*/
	font-size:1em;/*this is the default of 16px*/
	/*padding:1.375em 0;*/
	text-indent:1em;}
p.first_para, p#version, p.convert, p.pos1, p.pos2 {text-indent:0;}
div#footer li, div#footer a, p, ul#features li, ul#features1 li, td, tr, ol li {line-height:1.375em;/*22px*/}
p#version {
	color:#666666;
	text-align:left;
	display:inline;
	position:relative;
	left:4em;}
p.convert {
	position:absolute;
	font-style:italic;
	right:1.4em;
	top:4.475em;
	width:8.75em;
	padding:0;}
p.review {
	text-indent:0;
	padding:1em 0;
}
img {/*300 x 225 px*/
	height:14.063em;
	width:18.75em;
	padding-right:.625em;
	padding-top:.375em;}
ul#features,ul#features1, ol {padding:1.375em 0;}
ul#features li, ul#features1 li {
	padding-left:0.95em;
	background:url(blue-4square.png) 0 50% no-repeat;
	margin-left:-0.95em;}
ol {list-style-type:decimal;}
a {
	color:#333333;
	font-weight:bold;
	text-decoration:none;}
a:hover {color:#000000;}
div#nav a, div#footer a {display:block;}
div#nav a:hover, div#footer a:hover {border-bottom:2px solid #333;margin-bottom:-2px;}	
/*shows the active page link in red*/
#index #nav-index a, #method #nav-method a, #prices #nav-prices a, #about #nav-about a, #resources #nav-resources a, #fixed #nav-fixed a, #tips #nav-tips a, #hubs #nav-hubs a, #contact #nav-contact a, #process #nav-process a, #method_two #nav-method_two a, #version #nav-version a, #tools #nav-tools a, #shop #nav-shop a {
	color:#CC0000;}
/*shop link has a background image*/
#nav-shop{background:url(new_red.gif) 42px 6px no-repeat;}
div#heading {border-bottom:1px solid #B0B0B0;width:57.5em;
}
div#main_column {
	width:39.375em;
	margin-left:9.688em;
	margin-top:0.688em;}
div#nav {
	position:absolute;
	top:4.175em;
	font-weight:bold;
	color:#333333;
	line-height:2.061em;
	width:9.063em;}
/*-footer------------------------------------------*/
div#footer li, div#footer a {float:left;width:9.688em;}
div#footer {width:58.3em;}
div#footer ul {padding:1.375em 0 1.375em 9.688em;border-top:1px solid #B0B0B0;margin-top:1.375em;}
/*div#footer a:hover {color:#000000;cursor:pointer;border-bottom:2px solid #333;}*/
/*-margin notes and go to top links------------------------------------------*/
p.pos1, p.pos1a, p.pos1b, p.pos1c, p.pos1d, p.pos1e, p.pos1f, p.pos1g, p.pos1h, p.pos1i, p.pos1j, p.pos1k, p.pos1l, p.pos2, p.pos2a, p.pos2b, p.pos2c, p.pos2d, p.pos3, p.pos4, p.pos5, p.pos6, p.pos7, p.pos8, p.pos9, p.pos10, p.pos11, p.pos12, p.pos13, p.pos14 {
	position:absolute;
	font-style:italic;
	right:1.4em;
	width:8.75em;
	padding:0;
	text-indent:0;}
p.pos1 {top:21em;}
p.pos1a {top:39em;}
p.pos1b {top:44em;}
p.pos1c {top:91em;}
p.pos1d {top:99em;}
p.pos1e {top:130em;}
p.pos1f {top:138em;}
p.pos1g {top:191em;}
p.pos1h {top:199em;}
p.pos1i {top:223em;}
p.pos1j {top:231em;}
p.pos1k {top:266em;}
p.pos1l {top:274em;}
p.pos2 {top:28em;}
p.pos2a { /*a, b, c and d on version page*/top:31.5em;}
p.pos2b {top:38em;}
p.pos2c {top:47em;}
p.pos2d {top:55em;}
p.pos3 {top:180em;}
p.pos4 {top:188em;}
p.pos5 {top:218em;}
p.pos6 {top:226em;}
p.pos7 {top:240em;}
p.pos8 {top:248em;}	
p.pos9 {top:278em;}
p.pos10 {top:286em;}
p.pos11 {top:306em;}
p.pos12 {top:314em;}
p.pos13 {top:520em;}
p.pos14 {top:528em;}
/*method_two side notes, could cause code bloat but what the hell*/
/*p.m1{}
p.m2{}*/
.go_top { /*on the method page and method_two*/
	position:relative;
	right:9.688em;
	margin-right:-9.688em;
	padding-right:0.688em;}
/*-sub script for the fractions----------------------------------------------*/
sub {vertical-align:text-bottom;font-size:0.75em;}
/*-tables on hubs and prices page----------------------------------------------*/
table {margin:1.22em 0;width:38.1em;}
td {
	border-bottom:1px solid #B0B0B0;
	width:5.5em;
	padding-right:0.5em;
	vertical-align:top;}
th {line-height:2.75em;font-style:italic;}
/*the iframe element that wraps the quote calculator*/
iframe{position:absolute;right:-0.2em;top:7em;width:11em;height:45em;}
/*the christmas images currently not used*/
#snowman,#tree{position:absolute;bottom:3em;z-index:-1;}
#tree{left:0.1em;width:11em;height:15em;}
#snowman{right:-8.4em;height:20em;}

/*tiny tree 2009*/
#xtree{position:absolute;width:50px;height:58px;top:-9px;}