body 
{
	background-color:#000000;
/*
	text-align:center;
	padding-left: 10%;
	padding-right: 10%;
*/
}

p, h1, h2, h3 ,h4, h5
{
	padding-right: 24px;
	padding-left: 24px;
}

h1, h2, h3, h4, h5
{
	font-family:Estrangelo Edessa;
	color:#678aff;
}

p 
{
	font-family:Times New Roman;
	color:#000000;
	padding-bottom: 6px;	
	padding-top:0px;
}

hr 
{
	color: #ff0000;
}

img, image
{
	border:none;
}

#wrap
{
	width: 900px;
	margin: 0 auto;
}

#main, #top, #menu-wrap
{
	border: #000 2px solid;
	background: #0000dd;
	padding-right: 24px;
	padding-left: 24px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	width: 100%;
	-moz-border-radius-bottomleft:5px;	/*does not work for opera or IE*/
	-moz-border-radius-bottomright:5px;	/*does not work for opera or IE*/
	-moz-border-radius-topleft:5px;		/*does not work for opera or IE*/
	-moz-border-radius-topright:5px;	/*does not work for opera or IE*/
}

#main, #top, #menu-wrap
{
	background: #0000dd;
}

#top 
{
	background-image: url(../images/HEADER-8.jpg);
	background-repeat:repeat;
	overflow:hidden;
}

#main 
{
	background-image: url(../images/two-wheel-industries-background.gif);
	padding-top:6px;
}

#main p 
{
	text-align: justify;
}

#main p img
{
	padding:3px;
}

#footer
{
	text-align:center;
	color: orange;
}
	
/*links*/
#main a 
{
	font-weight: bolder;
	text-decoration: none;
	color: #000000;
}

#main a:hover 
{
	text-decoration: underline;
	color: #678aff;
}

/*classes*/
#top .float-left 
{
	float: left;
    text-align:right;
	padding-left: 6px;
}

#top .float-right 
{
	float: right;
    text-align:right;
    display:inline; /*required by IE6*/
	padding-left: 6px;
}

#main .float-left 
{
	float: left;
	padding-left: 6px;
}

#main .float-right 
{
	float: right;
	padding-left: 6px;
}

#main .float-right 
{
	padding-left: 6px;
	text-align:center;
}

#main .columns
{
	overflow:hidden;
}

#main .columns .triple
{
	float:left;
	width:33%;
}

#main .columns .double
{
	float:left;
	width:49%; /*50% width breaks in IE7.0*/
}

#main .map
{
	text-align:center;
	width:100%;
}

/*menu container*/
#menu-wrap
	{
	height:26px;
}

/*horizontal drop down menu*/
#menu
	{
	font-size: small;
	font-family: arial, helvetica, sans-serif;
	width:100%;
	float:left;
	}
		
#menu a
	{
	text-align: center;
	display:block;
	border-bottom:1px solid #00d;
	border-top:1px solid #00d;
	border-left:1px solid #555;
	border-right:1px solid #555;
	white-space:nowrap;
	margin:0;
	padding: 0.3em;
	background-color: #00d;
	color: white;
	text-decoration:none;
	}
	
#menu a:link, #menu a:visited, #menu a:active	/* menu at rest */
	{
	background-color: #0000dd;
	}
	
#menu a:hover	/* menu at mouse-over  */
	{
	background-color: #dd0000;
	}	
	
#menu ul
	{
	list-style:none;
	margin:0;
	margin-right:10px;
	margin-left:10px;
	padding:0;
	float:left;
	width:12em;	/* width of all menu boxes */
	}

#menu li
	{
	position:relative;
    min-height: 1px; 			/* for IE7 */
    vertical-align: bottom; /* for IE7 */
	}

#menu ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
	}

#menu ul ul ul
	{
	top:0;
	left:100%;
	}

div#menu li:hover
	{
	cursor:pointer;
	z-index:100;
	}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none;}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block;}