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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus 
{
	outline: 0;
}

body 
{
	line-height: 1;
	color: black;
	background: white;
}

ol, ul 
{
	list-style: none;
}

table 
{
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td 
{
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after 
{
	content: "";
}

blockquote, q 
{
	quotes: "" "";
}


h1
{
	color: #57aa47;
	font-family: verdana;
	font-size: 20px;
	line-height: 20px;
}


html
{
}

body
{
	color: #FFFFFF;
	font-family: verdana;
	font-size: 14px;
	line-height: 16px;	
	
	background-color: #000000;
	background-image: url(images/background.jpg);
	background-repeat: no-repeat;
	background-position: top center;	
}

#maincontainer
{
	width: 800px;
	height: 840px;
	margin: auto;
	margin-top: 40px;
}

	#header
	{
		width: 800px;
		height: 190px;
		float: left;
	}
		
	#navigation
	{
		width: 800px;
		height: 50px;
		float: left;
		background-image: url(images/navbg1.jpg);
	}	

		#home
		{
			width: 70px;
			height: 50px;
			float: left;
			margin-left: 13px;
			background-image: url('images/home.jpg');
		}
			#home:hover
			{
				background-image: url('images/homeOVER.jpg');
			}
			
		#inventory
		{
			width: 132px;
			height: 50px;
			float: left;
			margin-left: 8px;
			background-image: url('images/inv.jpg');
		}	
			#inventory:hover
			{
				background-image: url('images/invOVER.jpg');
			}
			
		#history
		{
			width: 105px;
			height: 50px;
			float: left;
			margin-left: 6px;
			background-image: url('images/hist.jpg');
		}	
			#history:hover
			{
				background-image: url('images/histOVER.jpg');
			}

		#contact
		{
			width: 106px;
			height: 50px;
			float: left;
			margin-left: 8px;
			background-image: url('images/contact.jpg');
		}
			#contact:hover
			{
				background-image: url('images/contactOVER.jpg');
			}
			
	#content
	{
		width: 800px;
		height: 480px;
		float: left;
		background-image: url('images/contentbg.jpg');
	}	
	
		#textarea
		{
			width: 720px;
			height: 55px;
			float: left;
			
			margin-top: 20px;
			margin-bottom: 10px;
			margin-left: 40px;
		}	
		
			#textareatext
			{
				width: 720px;
				height: 60px;
				float: left;
				text-align: left;
				
				color: #ffffff;
				font-family: verdana;
				font-size: 16px;
				line-height: 18px;
			}

				#textareatext a:link 
				{
					color: #449343;
					text-decoration: none;
				}
				#textareatext a:visited 
				{
					color: #449343;
					text-decoration: none;
				}
				#textareatext a:hover 
				{
					color: #57aa47;
					text-decoration: none;
				}
				#textareatext a:active 
				{
					color: #57aa47;
					text-decoration: none;
				}
				
		#contentarea
		{
			width: 720px;
			height: 360px;
			float: left;
			
			margin-top: 10px;
			margin-left: 40px;
		}
		
			#top
			{
				width: 720px;
				height: 145px;
				float: left;
				background-image: url('images/sportbikes.jpg');
			}
		
				#top:hover
				{
					background-image: url('images/sportbikesOVER.jpg');
				}
			
			#mid
			{
				width: 720px;
				height: 70px;
				float: left;
				background-image: url('images/middle.jpg');
			}		

			#bot
			{
				width: 720px;
				height: 145px;
				float: left;
				background-image: url('images/cruisers.jpg');
			}
				#bot:hover
				{
					background-image: url('images/cruisersOVER.jpg');
				}	
				
		#historyarea
		{
			width: 720px;
			height: 440px;
			margin-top: 20px;
			margin-left: 40px;
		}
		
			#historyleft
			{
				width: 220px;
				height: 440px;
				float: left;
				background-image: url('images/history1.jpg');
			}
			
			#historyright
			{
				width: 480px;
				height: 440px;
				margin-left: 20px;
				float: left;
			}
			
				#historytop
				{

					width: 480px;
					height: 240px;
					float: left;
					text-align: left;
					opacity: 0.90;
					background-color: #000000;
				}				
				
					#historytoptext
					{
						margin-left: 20px;
						margin-top: 20px;
						color: #ffffff;
						font-size: 16px;
						line-height: 18px;
					}
						#historytoptext a:link 
						{
							color: #449343;
							text-decoration: none;
						}
						#historytoptext a:visited 
						{
							color: #449343;
							text-decoration: none;
						}
						#historytoptext a:hover 
						{
							color: #57aa47;
							text-decoration: none;
						}
						#historytoptext a:active 
						{
							color: #57aa47;
							text-decoration: none;
						}

				#historybot
				{
					width: 480px;
					height: 180px;
					float: left;
					margin-top:20px;
					background-image: url('images/history2.jpg');
				}
				
		#contactarea
		{
			width: 720px;
			height: 440px;
			margin-top: 20px;
			margin-left: 40px;
		}
		
			#contactleft
			{
				width: 220px;
				height: 440px;
				float: left;
				background-image: url('images/map.jpg');
			}
			
			#contactright
			{
				width: 480px;
				height: 440px;
				margin-left: 20px;
				float: left;
			}

				#times
				{

					width: 480px;
					height: 60px;
					float: left;
					background-image: url('images/times.jpg');
				}

				#contacttop
				{

					width: 480px;
					height: 190px;
					float: left;
					background-image: url('images/andy.jpg');
				}
				
				#contactbot
				{
					width: 480px;
					height: 190px;
					float: left;
					background-image: url('images/aaron.jpg');
				}

	#footerarea
	{
		width: 800px;
		height: 80px;
		float: left;
		font-size: 16px;
		line-height: 16px;
		color: #449343;		
	}
			
		#footerarea a:link 
		{
			color: #449343;
			text-decoration: none;
		}
		#footerarea a:visited 
		{
			color: #449343;
			text-decoration: none;
		}
		#footerarea a:hover 
		{
			color: #57aa47;
			text-decoration: none;
		}
		#footerarea a:active 
		{
			color: #57aa47;
			text-decoration: none;
		}
			
		#footerleft
		{
			width: 315px;
			height: 80px;
			float: left;
		}	

			
		#footermid
		{
			width: 170px;
			height: 80px;
			float: left;	
			
			text-align: center;

		}	

		#footerright
		{
			width: 315px;
			height: 80px;
			float: left;
			
			text-align: right;
		}