/* CSS Document */


.rollhead {
	font: bold 18px/1 Verdana, Ariel, Helvetica, sans-serif;
	padding: 0;
	margin: 0 0 0.8em 0;
	color: #DD0307;
}

h1 {
	font: bold 18px/1 Verdana, Ariel, Helvetica, sans-serif;
	padding: 0;
	margin: 0 0 0.8em 0;
	color: #DD0307;
}

h2 {
	font: bold 14px/-0.5 Verdana, Ariel, Helvetica, sans-serif;
	padding: 0;
	margin: 0 0 0 0;
	color: #140082;
}

h3 {
	font: bold 12px Verdana, Ariel, Helvetica, sans-serif;
	padding: 0;
	margin: 0.5 0 0 0;
	color: #DD0307;
}

h4 {
	font: bold 10px/-0.8 Verdana, Ariel, Helvetica, sans-serif;
	padding: 0;
	margin: 0 0 0 0;
	color: #DD0307;
}

p {
	font: 10px/1.5 Verdana, Ariel, Helvetica, sans-serif;
	padding: 0;
	margin: 0 0 1.5em 0;
	color: #140082;
}

dt {
	font: bold 10px Verdana, Ariel, Helvetica, sans-serif;
	padding: 0 20px 0 0;
	margin: 5px 0 0 30px;
	color: #DD0307;
}

dd {
	font: bold 10px/1.5 Verdana, Ariel, Helvetica, sans-serif;
	padding: 0 20px 0 0;
	margin: 0 0 0 50px;
	color: #140082;
}

.choose {
	font: 10px Verdana, Ariel, Helvetica, sans-serif;
	color: #140082;
}

#diagram {
	border: 0;
	margin: 0 0 10px 100px;
}

.bolding {
	font-weight: bold;
}

img {
	display: block;
	border: 0;
	margin: 0;
}

#nav {
	position: absolute;
	top: 1px;
	left: -1px;
	width: 327;
}

img.curve-1 {
	float: left;
	clear: left;
	}

#pic {
	position: absolute;
	top: 122px;
	left: 334px;
	index: 100;
	}
	
#maincontent {
	position: absolute;
	top: 193px;
	left: 100px;
	z-index: 150;
	width: 546px;
	height: 144px;
	}
	
#maincontent-1 {
	position: absolute;
	top: 193px;
	left: 100px;
	z-index: 150;
	width: 475px;
	height: 144px;
	}
	
#maincontent-2 {
	position: absolute;
	top: 193px;
	left: 90px;
	z-index: 150;
	width: 300px;
	height: 144px;
	}
	
#maincontent-3 {
	position: absolute;
	top: 193px;
	left: 40px;
	z-index: 150;
	width: 546px;
	height: 144px;
	}
	
#maincontent-4 {
	position: relative;
	top: 150px;
	left: 50px;
	index: 620;
	}
	
#prod-back {
	position: absolute;
	top: 160px;
	left: 330px;
	z-index: 10;
	width: 315px;
	height: 162px;
}
	
#prod-back-1 {
	position: absolute;
	top: 30px;
	left: 290px;
	z-index: 10;
	width: 315px;
	height: 162px;
}	

	
#logo1 {
	position: absolute;
	top: 0px;
	left: 326px;
	index: 450;
	width: 300;
	}

div#nav a span {
	display: none;
	}
	
div#nav a:hover span {
	display: block;
     position: absolute; 
	 top: 75px; 
	 left: 354px; 
	 width: 200px;
     z-index: 500;
	 margin: 0 0 0 10px;
	 padding: 0 0 0 10px;
}

div#nav a {
	text-decoration: none;
}

div#home {
	position: absolute;
	top: 0px;
	left: 467px;
	index: 650;
	width: 35px;
	height: 43px;
}

div#title {
	font: bold 18px/1 Verdana, Ariel, Helvetica, sans-serif;
	color: #140082;
     position: absolute; 
	 top: 170px; 
	 left: 90px; 
	 width: 300px;
     z-index: 550;	
}

#title-1 {
	position: absolute;
	top: 100px;
	left: 30px;
	index: 630;
	font: bold 18px/1 Verdana, Ariel, Helvetica, sans-serif;
	color: #140082;
	}

.quote {
	padding: 0 10px 0 10px;
	font: italic 10px;
	color: #DD0307;
	background: transparent url(images/quotefewlines.gif) no-repeat;
	display: block;
	}
	
#pound {
	position: absolute;
	top: 350px;
	left: 62px;
	z-index: 20;
	width: 35px;
	height: 31px;
	}
	  
li {
	font: bold 10px Verdana, Ariel, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	color: #140082;
	}
	
#perf {
	 position: absolute; 
	 top: 160px; 
	 left: 325px; 
	 width: 200px;
     z-index: 650;
}

#wheel {
	position: absolute;
	left: 30px;
	top: 0px;
	index: 350;
	width: 61px;
	height: 64px;
	border: 0;
	}
	
#caption {
	position: absolute;
	left: 91px;
	index: 250;
	width: 300px;
	height: 18px;
	top: 17px;
	}

div#home {
	border: 0;
	position: absolute;
	left: 445px;
	index: 650;
	width: 35px;
	height: 43px;
}

div#back {
	border: 0;
	position: absolute;
	left: 486px;
	index: 650;
	width: 35px;
	height: 43px;
}

div#next {
	position: absolute;
	left: 525px;
	index: 652;
	width: 35px;
	height: 43px;
}

#footer {
 	position: relative;
	left: -100px;
	index: 700;
	}