@charset "utf-8";
/* CSS Document */



body {
font: normal 62.5% sans-serif;
text-align:left;
background-image: url(images/backmain.png);
background-position: top;
background-repeat: repeat-x;
}



h1 { color: #fff; font-size: 14px; line-height: 1.4em; text-align: left; }

h2 { color: #fff; font-size: 12px; line-height: 1.4em; text-align: left; }

h3 { color: #000; font-size: 10px; line-height: 1.4m; text-align: left; }

a { color: #fff; font-size: 12px; line-height: 1.4m; text-align: left; font-weight: bold; background-color: #e45728; }

a:hover { font-weight: normal; }

br { line-height: 1em; }


/* CSS FOR MAIN CONTAINER */

#container { width: 960px; height: 1150px; background-color: #000; }


/* CSS FOR HEADER */

#header { width: 960px; height: 248px; position: relative; background-image: url(images/header.png); background-position: top; background-repeat: no-repeat; }



/* CSS FOR NAVIGATION */

#navcontainer { width: 960px; height: 42px; position: relative; clear: both; background-image: url(images/backnav.png); background-repeat: repeat-x; background-position: top; }

#navmenu { display: inline; margin: 0; padding: 0; position: relative; }

#navmenu li { float: left; display: inline; }

#navmenu li.start { float: left; display: inline; background: url("images/navstart.png"); width: 52px; height: 48px; }

#navmenu li.end { float: left; display: inline; background: url("images/navend.png"); width: 190px; height: 48px; }

/*---------------HOME---------------*/

a.navHome, a.navHome_a { display: block; float: left; width: 110px; height: 48px; background: url("images/home.png"); background-repeat: no-repeat; }

a.navHome:hover { background: url("images/home.png") 0 -48px; }

a.navHome_a { background: url("images/home.png") 0 -48px; }

/*---------------QUOTE---------------*/

a.navQuote, a.navQuote_a { display: block; float: left; width: 117px; height: 48px; background: url("images/quote.png"); background-repeat: no-repeat; }

a.navQuote:hover { background: url("images/quote.png") 0 -48px; }

a.navQuote_a { background: url("images/quote.png") 0 -48px; }

/*---------------ABOUT---------------*/

a.navAbout, a.navAbout_a { display: block; float: left; width: 120px; height: 48px; background: url("images/about.png"); background-repeat: no-repeat; }

a.navAbout:hover { background: url("images/about.png") 0 -48px; }

a.navAbout_a { background: url("images/about.png") 0 -48px; }

/*---------------CONTACT---------------*/

a.navContact, a.navContact_a { display: block; float: left; width: 145px; height: 48px; background: url("images/contact.png"); background-repeat: no-repeat; }

a.navContact:hover { background: url("images/contact.png") 0 -48px; }

a.navContact_a { background: url("images/contact.png") 0 -48px; }

/*---------------COVER---------------*/

a.navCover, a.navCover_a { display: block; float: left; width: 119px; height: 48px; background: url("images/cover.png"); background-repeat: no-repeat; }

a.navCover:hover { background: url("images/cover.png") 0 -48px; }

a.navCover_a { background: url("images/cover.png") 0 -48px; }

/*---------------LINKS---------------*/

a.navLinks, a.navLinks_a { display: block; float: left; width: 107px; height: 48px; background: url("images/links.png"); background-repeat: no-repeat; }

a.navLinks:hover { background: url("images/links.png") 0 -48px; }

a.navLinks_a { background: url("images/links.png") 0 -48px; }


/* CSS FOR MIDDLE CONTAINERS */

#midcontainer { width: 960px; height: 605px; clear: both; }

#leftcontainer { width: 678px; height: 605px; position: relative; float: left; }

#rightcontainer { width: 282px; height: 605px; position: relative; float: right; background-image: url(images/backside.png); background-position: top; background-repeat: repeat-y; }


/* CSS FOR LEFT HAND CONTENT */

.indexmaina { width: 678px; height: 372px; background-image: url(images/indexmaina.png); background-position: top; background-repeat: no-repeat; }

.indexmaina h2 { width: 500px; position: relative; float: left; margin-top: 56px; margin-left: 18px; }

	* html .indexmaina h2 { margin-left: 9px; }
	
.aboutmaina { width: 678px; height: 372px; background-image: url(images/aboutmaina.png); background-position: top; background-repeat: no-repeat; }

.aboutmaina h2 { width: 445px; position: relative; float: left; margin-top: 56px; margin-left: 18px; }

	* html .aboutmaina h2 { margin-left: 9px; }
	
.contactmaina { width: 678px; height: 372px; background-image: url(images/contactmaina.png); background-position: top; background-repeat: no-repeat; }

.contactmaina h2 { width: 500px; position: relative; float: left; margin-top: 56px; margin-left: 18px; }

	* html .contactmaina h2 { margin-left: 9px; }
	
.form { text-align: left; position: absolute; margin-top: 118px; margin-left: 108px; }

	* html .form { margin-left: -490px; }

.form br { line-height: 1.3em; }

.covermaina { width: 678px; height: 372px; background-image: url(images/covermaina.png); background-position: top; background-repeat: no-repeat; }

.covermaina h2 { width: 600px; position: relative; float: left; margin-top: 56px; margin-left: 18px; }

	* html .covermaina h2 { margin-left: 9px; }
	
.linksmaina { width: 678px; height: 372px; background-image: url(images/linksmaina.png); background-position: top left; background-repeat: no-repeat; }

.linksmaina h2 { width: 600px; position: relative; float: left; margin-top: 56px; margin-left: 18px; }

	* html .linksmaina h2 { margin-left: 9px; }

.linksmaina h2 a { line-height: 1.7em; background-color: transparent; }

.linksmaina h2 a:hover { font-weight: bold; background-color: #e45728; }


.thanksmaina { width: 678px; height: 372px; background-image: url(images/thanksmaina.png); background-position: top; background-repeat: no-repeat; }

.thanksmaina h2 { width: 415px; position: relative; float: left; margin-top: 56px; margin-left: 18px; }

	* html .thanksmaina h2 { margin-left: 9px; }
	
	
/* CSS FOR FEATURED BIKES */

.force50 { width: 678px; height: 233px; background-image: url(images/force50.png); background-position: top; background-repeat: no-repeat; clear: both; }

.force50 h2 { position: relative; float: left; margin-top: 58px; margin-left: 18px; }

	* html .force50 h2 { margin-left: 9px; }
	
.force50 a { position: relative; float: left; margin-top: 119px; margin-left: -85px; }


.b10 { width: 678px; height: 233px; background-image: url(images/b10.png); background-position: top; background-repeat: no-repeat; clear: both; }

.b10 h2 { position: relative; float: left; margin-top: 58px; margin-left: 18px; }

	* html .b10 h2 { margin-left: 9px; }
	
.b10 a { position: relative; float: left; margin-top: 119px; margin-left: -180px; }


.vijo125 { width: 678px; height: 233px; background-image: url(images/vijo125.png); background-position: top; background-repeat: no-repeat; clear: both; }

.vijo125 h2 { position: relative; float: left; margin-top: 58px; margin-left: 18px; }

	* html .vijo125 h2 { margin-left: 9px; }
	
.vijo125 a { position: relative; float: left; margin-top: 119px; margin-left: -56px; }


.sb125 { width: 678px; height: 233px; background-image: url(images/sb125.png); background-position: top; background-repeat: no-repeat; clear: both; }

.sb125 h2 { position: relative; float: left; margin-top: 58px; margin-left: 18px; }

	* html .sb125 h2 { margin-left: 9px; }
	
.sb125 a { position: relative; float: left; margin-top: 119px; margin-left: -168px; }


.rhythm50 { width: 678px; height: 233px; background-image: url(images/rhythm50.png); background-position: top; background-repeat: no-repeat; clear: both; }

.rhythm50 h2 { position: relative; float: left; margin-top: 58px; margin-left: 18px; }

	* html .rhythm50 h2 { margin-left: 9px; }
	
.rhythm50 a { position: relative; float: left; margin-top: 119px; margin-left: -169px; }


/* CSS FOR RIGHT HAND CONTENT */

.rquote { width: 282px; height: 206px; background-image: url(images/quoteside.png); background-position: top; background-repeat: no-repeat; }

.rquote h2 { position: relative; float: left; margin-top: 56px; margin-left: 19px; width: 240px; }

	* html .rquote h2 { margin-left: 10px; }

.rcover { width: 282px; height: 185px; background-image: url(images/coverside.png); background-position: top; background-repeat: no-repeat; clear: both; }

.rcover h2 { position: relative; float: left; margin-top: 40px; margin-left: 19px; width: 240px; }

	* html .rcover h2 { margin-left: 10px; }
	
.rcover2 { width: 282px; height: 185px; background-image: url(images/coverside2.png); background-position: top; background-repeat: no-repeat; clear: both; }

.rcover2 h2 { position: relative; float: left; margin-top: 40px; margin-left: 19px; width: 240px; }

	* html .rcover2 h2 { margin-left: 10px; }
	
.rcover3 { width: 282px; height: 185px; background-image: url(images/coverside3.png); background-position: top; background-repeat: no-repeat; clear: both; }

.rcover3 h2 { position: relative; float: left; margin-top: 40px; margin-left: 19px; width: 240px; }

	* html .rcover3 h2 { margin-left: 10px; }

.rcontact { width: 282px; height: 214px; background-image: url(images/contactside.png); background-position: top; background-repeat: no-repeat; clear: both; }

.rcontact h2 { position: relative; float: left; margin-top: 40px; margin-left: 19px; width: 240px; }

	* html .rcontact h2 { margin-left: 10px; }
	
.rcontact1 { width: 282px; height: 206px; background-image: url(images/addressside.png); background-position: top; background-repeat: no-repeat; clear: both; }

.rcontact1 h2 { position: relative; float: left; margin-top: 56px; margin-left: 19px; width: 240px; }

	* html .rcontact1 h2 { margin-left: 10px; }
	
.rcontact2 { width: 282px; height: 185px; background-image: url(images/contactside2.png); background-position: top; background-repeat: no-repeat; clear: both; }

.rcontact2 h2 { position: relative; float: left; margin-top: 40px; margin-left: 19px; width: 240px; }

	* html .rcontact2 h2 { margin-left: 10px; }
	
.rcontact3 { width: 282px; height: 214px; background-image: url(images/openingside.png); background-position: top; background-repeat: no-repeat; clear: both; }

.rcontact3 h2 { position: relative; float: left; margin-top: 40px; margin-left: 19px; width: 240px; }

	* html .rcontact3 h2 { margin-left: 10px; }


/* CSS FOR FOOTER AREA */

#topfooter { width: 960px; height: 199px; background-image: url(images/sitemap.png); background-position: top; background-repeat: no-repeat; clear: both; }

#topfooter h2 { position: relative; float: left; margin-top: 56px; margin-left: 18px; width: 400px; }

	* html #topfooter h2 { margin-left: 9px; }

#topfooter a { background-color: transparent; }

#topfooter a:hover { font-weight: bold; text-decoration: underline; }

#topfooter .email { position: relative; float: right; margin-top: 165px; margin-right: -131px; }

#topfooter .email a { background-color: #e45728; }

#bottomfooter { width: 960px; height: 50px; background-image: url(images/backfooter.png); background-position: top; background-repeat: repeat-x; clear: both; }

#bottomfooter h3 { position: relative; float: left; margin-top: 18px; margin-left: 18px; }

	* html #bottomfooter h3 { margin-left: 9px; }