/*** NORMALIZE STYLES ***/
	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: normal;
		font-style: normal;
		font-size: 100%;
		line-height: 1;
		font-family: inherit;
		text-align: left;
		color: #fff;
	}
	
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	
	ol,ul {
		list-style: none;
	}
	
	q:before,q:after,
	blockquote:before,blockquote:after {
		content: "";
	}
/*** END NORMALIZE STYLES ***/


/*** BODY SETUP ***/
	html {
		text-align: center;
	}
	
	body {
		background: #252732;
		font-family: Verdana;
		font-size: 100%;
	}
	
	#body-wrap {
		width: 700px;
		position: relative;
		text-align: left;
		margin: 0 auto 40px auto;
		line-height: 1.125em;
	}
/*** END BODY SETUP ***/


/*** FONT SETTINGS ***/
	strong {
		color: #d00032;
		font-weight: bold;
	}
	
	strong.plain {
		color: #fff;
	}
	
	a {
		text-decoration: none;
	}
	
	h3 {
		font-weight: bold;
		margin-bottom: 1em;
		font-size: 0.7em;
		color: #d00032;
	}
	
	.retailer-list address,
	.tests-list a {
		font-size: 0.7em;
		line-height: 1.125em;
	}
	
	#content a {
		text-decoration: underline;
	}
	
	#content p,
	.right,
	fieldset label,
	fieldset input {
		font-size: 0.7em;
		line-height: 1.125em;
	}
	
	.right p {
		font-size: 1em !important;
		line-height: 1em !important;
	}
	
	#site-info {
		font-size: 0.6em;
		color: #d00032;
	}
	
	/** Navigations **/
		ul#nav li a {
			font-size: 0.7em;
			font-weight: bold;
			text-transform: uppercase;
		}
		
		ul#nav-sub li a span.outter span {
			font-size: 0.6em;
			font-weight: bold;
			text-transform: uppercase;
		}
		
		ul#nav-sup li {
			font-size: 0.5em;
			line-height: 0.5em;
		}
		
		ul#nav-sup li a {
			color: #929399;
			font-size: 1.2em;
			padding-top: 1px;
		}
		
		ul#nav-sup li a.active {
			text-decoration: underline;
		}
	/** END Navigations **/
	
	/** Content Lists **/
		ul.bike-list li h3 {
			color: #d00032;
			font-weight: bold;
			margin-bottom: 1em;
			font-size: 1em;
		}
		
		ul.gallery li a,
		ul.bike-list li a {
			line-height: 1.6em;
			font-size: 0.7em;
			text-decoration: underline;
		}
		
		ul.bike-list li a {
			text-align: center;
		}
	/** END Content Lists **/
/*** END FONT SETTINGS ***/


/*** HEADER ***/
	#branding {
		padding: 40px 0 0 0;
	}
	
	h1 {
		background: transparent url(../img/head.jpg) repeat-x;
		height: 129px;
		width: 100%;
		text-indent: -9999px;
		
	}
	
	#branding p {
		display: none;
	}
/*** END HEADER ***/

/*** NAVIGATION **/
	/** Main Navigation **/
		ul#nav {
			width: 100%;
			background: #7e7e7e;
			margin: 8px 0 0 0;
			height: 20px;
			overflow: hidden;
		}
		
		ul#nav li {
			float: left;
		}
		
		ul#nav li a {
			display: block;
			float: left;
			width: 106px;
			height: 20px;
			padding: 3px 15px 0 15px;
			margin: 0 3px 0 -15px;
			text-align: center;
		}
		
		ul#nav li:first-child a {
			width: 85px;
		}
		
		/* this is for IE 8 as it does not support :last-child and will thus ignore the class if we add it like this li:last-child, li.last-child */
		ul#nav li.last-child a {
			margin-right: 0 !important;
			width: 86px;
		}
		
		ul#nav li.last-child a,
		ul#nav li:last-child a {
			margin-right: 0 !important;
			width: 86px;
		}
		
		ul#nav li:first-child a:hover,
		ul#nav li:first-child a.active {
			background-position: -21px top;
		}
		
		ul#nav li a:hover,
		ul#nav li a.active {
			background: transparent url(../img/nav-hi.png) left top no-repeat;
		}
		
	/** END Main Navigation **/

	/** Subnavigation **/
		ul#nav-sub {
			background: #a80303;
			margin: 8px 0 0 0;
			height: 20px;
			padding: 0 0 0 30px;
		}
		
		ul#nav-sub li {
			padding-right: 15px;
		}
		
		ul#nav-sub li a {
			display: block;
			float: left;
			height: 20px;
			padding: 0 15px 0 0;
			margin: 0 3px 0 -15px;
			text-align: center;
			
		}
		
		ul#nav-sub li a span.outter {
			display: block;
			float: left;
			height: 20px;
			padding: 0 0 0 15px;
		}
		
		ul#nav-sub li a span.outter span {
			height: 16px;
			display: block;
			padding: 4px 3px 0 3px;
			white-space: nowrap;
		}
		
		ul#nav-sub li a:hover,
		ul#nav-sub li a.active {
			background: transparent url(../img/nav-sub-hi-r.png) right top no-repeat;
		}
		
		ul#nav-sub li a:hover span.outter,
		ul#nav-sub li a.active span.outter {
			background: transparent url(../img/nav-sub-hi-l.png) left top no-repeat;
		}
		
		ul#nav-sub li a:hover span.outter span,
		ul#nav-sub li a.active span.outter span {
			background: #fff;
			color: #a80303;
		}
	/** END Subnavigation **/
	
	
	/** Supplementary Navigation **/
		ul#nav-sup {
			position: absolute;
			right: 0;
			top: 18px;
		}
		
		ul#nav-sup li {
			display: inline;
			border-left: 1px solid #929399;
			padding-left: 6px;
			margin-left: 2px;
		}
		
		ul#nav-sup li:first-child {
			border-left: 0;
			padding-left: 0;
			margin-left: 0;
		}
	/** END Supplementary Navigation **/

/*** END NAVIGATION **/


/*** CONTENT ***/
	#content,
	#content-start {
		background: #121319;
		padding: 20px 10px 20px 21px;
		margin: 8px 0 0 0;
		min-height: 300px;
	}
	
	#content.short {
		background: #121319 url(../img/bg.jpg) 0 0 no-repeat;
		padding: 100px;
	}
	
	#content.indent {
		min-height: 253px;
		padding: 40px 100px;
	}
	
	#content-start {
		padding: 0px;
		background: none;
	}
	
	#content p {
		margin-bottom: 2em;
	}
	
	.left {
		float: left;
	}
	
	.right {
		margin-left: 242px;
		min-height: 180px;
	}
	
	.clear {
		clear: both;
	}
	/** Image Gallery **/
		ul.gallery {
			float: left;
		}
		
		ul.gallery li {
			float: left;
			text-align: center;
			margin: 0 10px 35px 0;
		}
		
		ul.gallery li a img {
			display: block;
		}
	/** END Image Gallery **/
	
	/** Bikes List **/
		ul.bike-list li {
			clear: both;
			margin-bottom: 40px;
		}
		
		ul.bike-list li p {
			margin-bottom: 0.5em !important;
		}
		
		ul.bike-list li a img {
			display: block;
		}
	/** END Bikes List **/
	
	/** Retailer List **/
		ul.retailer-list li {
			margin-bottom: 15px;
		}
		
		ul.retailer-list h3 {
			margin-bottom: 5px;
		}
	/** END Retailer List **/
	
	/** Tests List **/
		ul.tests-list {
			margin-left: 79px;
		}
		
		ul.tests-list li {
			margin: 15px 0 50px 0;
		}
		
		ul.link-list li {
			margin: 5px 0 5px 0;
		}
		
		ul.tests-list h3 {
			margin-bottom: 5px;
		}
		
		ul.tests-list p,
		ul.tests-list ul,
		ul.tests-list object {
			margin-left: 40px;
		}
		
		ul.tests-list .pdf {
			background: url(../img/pdficon_small.gif) no-repeat left top;
			padding: 0px 0px 5px 25px;
		}
	/** END Tests List **/
	
	/** Contact Form **/
		fieldset label {
			display: block;
			margin-bottom: 0.5em;
		}
		
		fieldset div {
			margin-bottom: 1em;
		}
		
		fieldset .text{
			width: 196px;
		}
		
		fieldset textarea.text{
			width: 494px;
		}
		
		fieldset .button {
			background: #a80303 url(../img/button.png) right bottom no-repeat;
			border: none;
			color: #fff;
			font-weight: bold;
			padding: 5px;
			text-transform: uppercase;
		}
		
		.contact-info {
			margin-top: 3em;
		}
		
		.contact-info span {
			display: block;
			font-size: 0.7em;
			line-height: 1.125em;
		
		}
		
		.contact-info .middle {
			float: left;
			margin-left: 37px;
		}
		
		.contact-info .right {
			float: left;
			margin-left: 37px;
			font-size: 1em;
			line-height: 1em;
			min-height: 0;
		}
		
	/** END Contact Form **/
/*** END CONTENT ***/


/*** FOOTER ***/
	#site-info {
		margin: 10px 0 30px 0;
		text-align: center;
	}
/*** END FOOTER ***/