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

html {padding:0px;margin:0px;}

body {
	background-color:#000;
	padding:0;
	margin:0;
	font-family:"Courier New", Courier, monospace;
}

#wrapper {
	background:url(../images/bg.jpg) top center no-repeat #000;
	position:relative;
	margin: auto auto;
	width: 999px;
	height:650px;
	top:20px;
}

#intro {text-indent:-9999px;margin:0;padding:0;}

#enter {
	position:absolute;
	top:520px;
	left:860px;
	width:140px;
	font-size:2em;
	color:#fff;
}

#enter a {text-decoration:none; color:#999;}
#enter a:hover { color:#fff;}

#logo a {
	position:absolute;
	top:37px;
	left:30px;
	display:block;
	text-indent:-9999px;
	width:307px;
	height:120px;
}

/* Start of Navigation Menu */
#navcontainer {
	position:absolute;
	top:176px;
	left:22px;
	width:307px;
	height:321px;
}

#nav, #nav li a{
	display:block;
	padding: 0;
	margin: 0;
	list-style:none;
}

#nav li#nm_a a{position:absolute;height:32px; width:307px; background:url(../images/nav_menu.jpg) no-repeat -307px 0; text-indent:-9999px;}
#nav li#nm_b a{position:absolute;height:32px; width:307px; top:32px; background:url(../images/nav_menu.jpg) no-repeat -307px -32px; text-indent:-9999px;}
#nav li#nm_c a{position:absolute;height:36px; width:307px; top:64px; background:url(../images/nav_menu.jpg) no-repeat -307px -64px; text-indent:-9999px;}
#nav li#nm_d {position:absolute;height:36px; width:307px; top:100px; background:url(../images/nav_menu.jpg) no-repeat -307px -100px; text-indent:-9999px;}
#nav li#nm_e a{position:absolute;height:29px; width:307px; top:136px; background:url(../images/nav_menu.jpg) no-repeat -307px -136px; text-indent:-9999px;}
#nav li#nm_f a{position:absolute;height:28px; width:307px; top:165px; background:url(../images/nav_menu.jpg) no-repeat -307px -165px; text-indent:-9999px;}
#nav li#nm_g a{position:absolute;height:30px; width:307px; top:193px; background:url(../images/nav_menu.jpg) no-repeat -307px -193px; text-indent:-9999px;}
#nav li#nm_h a{position:absolute;height:35px; width:307px; top:223px; background:url(../images/nav_menu.jpg) no-repeat -307px -223px; text-indent:-9999px;}
#nav li#nm_i a{position:absolute;height:39px; width:307px; top:258px; background:url(../images/nav_menu.jpg) no-repeat -307px -258px; text-indent:-9999px;}
#nav li#nm_j a{position:absolute;height:28px; width:307px; top:297px; background:url(../images/nav_menu.jpg) no-repeat -307px -297px; text-indent:-9999px;}

/* Rollover States */
#nav li#nm_a a:hover {background:url(../images/nav_menu.jpg) no-repeat 0 0;}
#nav li#nm_b a:hover {background:url(../images/nav_menu.jpg) no-repeat 0 -32px;}
#nav li#nm_c a:hover {background:url(../images/nav_menu.jpg) no-repeat 0 -64px;}
#nav li#nm_d a:hover {background:url(../images/nav_menu.jpg) no-repeat 0 -100px;}
#nav li#nm_e a:hover {background:url(../images/nav_menu.jpg) no-repeat 0 -136px;}
#nav li#nm_f a:hover {background:url(../images/nav_menu.jpg) no-repeat 0 -165px;}
#nav li#nm_g a:hover {background:url(../images/nav_menu.jpg) no-repeat 0 -193px;}
#nav li#nm_h a:hover {background:url(../images/nav_menu.jpg) no-repeat 0 -223px;}
#nav li#nm_i a:hover {background:url(../images/nav_menu.jpg) no-repeat 0 -258px;}
#nav li#nm_j a:hover {background:url(../images/nav_menu.jpg) no-repeat 0 -297px;}
/* End of Navigation Menu */

#blog a{
	position:absolute;
	top:525px;
	left:22px;
	width:163px;
	height:36px;
	background:url(../images/but_blog.jpg) no-repeat 0 0;
	text-indent:-9999px;
}

#blog a:hover {background:url(../images/but_blog.jpg) no-repeat 0 -36px}

#mates a{
position:absolute;
	top:525px;
	left:185px;
	width:145px;
	height:34px;
	background:url(../images/but_mates.jpg) no-repeat 0 0;
	text-indent:-9999px;
}
#mates a:hover {background:url(../images/but_mates.jpg) no-repeat 0 -34px}

#content {
	position:absolute;
	background-image:url(../images/bg_content.jpg);
	width:671px;
	height:593px;
	top:38px;
	right:1px;
}

#content2 {
	position:absolute;
	background-image:url(../images/bg_content2.jpg);
	width:671px;
	height:593px;
	top:38px;
	right:1px;
}

#content3 {
	position:absolute;
	background-image:url(../images/bg_content3.jpg);
	width:671px;
	height:593px;
	top:38px;
	right:1px;
}

#content4 {
	position:absolute;
	background-image:url(../images/bg_content4.jpg);
	width:671px;
	height:593px;
	top:38px;
	right:1px;
}

#content5 {
	position:absolute;
	background-image:url(../images/bg_content5.jpg);
	width:671px;
	height:593px;
	top:38px;
	right:1px;
}

#chaps {
	position:absolute;
	top:54px;
	left:53px;
	width:580px;
	font-size:0.7em;
	line-height:1.2em;
	color:#000;
}

#chaps p {margin:5px 0 10px 0;}

#chaps h1 {margin:0;padding:0;font-size:1.8em;}

.imgleft img {float:left;margin:0 5px 5px 0;}
.imgright img {float:right;margin:5px 0 0 5px;}

#motor {
	position:absolute;
	top:35px;
	left:53px;
	width:580px;
	font-size:0.7em;
}

#motor h1 {
	margin:0; padding:0;font-size:1.8em;
}

#story {
	position:absolute;
	top:35px;
	left:53px;
	width:580px;
	font-size:0.7em;
}

#story p {width:340px;margin:0 0 15px 0;}
#story2 p {width:570px;margin:0 0 0 0; line-height:1.5em;}

#story h1 {
	margin:10px 0 0 0; padding:0;font-size:1.5em;
}

#contact {
	position:absolute;
	top:45px;
	left:65px;
	font-size:0.7em;
	width:570px;
}

#contact h1 {margin:0 0 2px; padding:0; font-size:2em;}
#contact p {margin:0 0 0 0; padding:5px 0 5px 0;}

.imgleftmotor img {float:left;margin:20px 10px 50px 0;}
.imgrightmotor img {float:right;margin:15px 0 10px 5px;}

#image {
	position:absolute;
	top:43px;
	left:35px;
	width:611px;
	height:413px;
}

#slideshow {
	position:absolute;
	top:63px;
	left:48px;
	width:570px;
	height:390px;
}

#wallpapers {
	position:absolute;
	top:43px;
	left:35px;
	width:611px;
	height:423px;
	background-image:url(../images/wallpapers.jpg)
}

#wallpapertable {
	position:absolute;
	top:80px;
	left:35px;
	font-size:0.8em;
}

#wallpaperstext {
	position:absolute;
	top:430px;
	left:25px;
	width:570px;
	height:100px;
	font-size:0.7em;
}

#tabs {
	position:absolute;
	top:53px;
	left:299px;
	z-index:2;
	}
	
#tabs a {
	margin:0 12px 0 0px;
	text-decoration:none;
	font-size:0.8em;
	color:#000;
}

#tabs a:hover{color:#fff}

#title {
	position:absolute;
	top:456px;
	height:26px;
	text-indent:-9999px;
}

.colouroptions {width:144px; left:53px; background:url(../images/colour_choices.jpg)}
.colouroptionblack {width:26px; left:198px; background:url(../images/colour_choices_black.jpg); display:block;}
.colouroptionred {width:26px; left:224px; background:url(../images/colour_choices_red.jpg); display:block;}
.colouroptionsilver {width:26px; left:224px; background:url(../images/colour_choices_silver.jpg); display:block;}
.colouroptionblue {width:26px; left:224px; background:url(../images/colour_choices_avalon.jpg); display:block;}

.colouroptionblack a {display:block;height:26px;width:26px;}
.colouroptionred a {display:block;height:26px;width:26px;}
.colouroptionsilver a {display:block;height:26px;width:26px;}
.colouroptionblue a {display:block;height:26px;width:26px;}

.designsketches {width:171px; left:53px; background:url(../images/design_sketches.jpg)}
.scrapbook {width:144px; left:53px; background:url(../images/scrapbook.jpg)}

#text {
	position:absolute;
	top:492px;
	left:53px;
	width:568px;
	margin:0;
	padding:0;
}

#text h1 {
	position:relative;
	margin:0;
	padding:0;
	top:-35px;
	left:460px;
	font-size:1.5em;
}

#text p {margin-top:-25px;	font-size:0.7em;
}

#storytext {
	position:absolute;
	top:485px;
	left:53px;
	width:568px;
	margin:0;
	padding:0;
}

#storytext h1 {
	position:relative;
	margin:0;
	padding:0;
	top:-28px;
	font-size:1.5em;
}

#storytext p {margin-top:-25px;	font-size:0.7em;}

#legal {
	position:absolute;
	top:580px;
	left:30px;
	color:#999;
	font-size:0.7em;
}

#legal a {color:#ccc;text-decoration:none}
#legal a:hover {color:#FFF; text-decoration:none}

.trademark {
	font-size:0.9em;
	color:#666;
}

#imagecomment {
	position:absolute;
	top:200px;
	left:30px;
	width:290px;
	height:205px;
	
}