@charset "UTF-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #ffffff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #636363;
}

a {
	color:#eb6e1f;
	text-decoration:none;
	}
	
a:hover {
	color:#a9b31d;
	text-decoration:none;
	}
	
a img{border:none;}	
	
#page {
	position:relative;
	width:940px;
	margin:0 auto;
	margin-top: 20px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color:#fff; 
}

#page #mainContent {
	position:relative; float: left;
	width:938px;
	padding:0px;
	background-color: white;
	border-top:none; border-left: 1px solid black; float: right;  border-right: 1px solid black; border-bottom: 1px solid black;
}

.below_header {
	padding:0; background-color: grey;
	}

	
	
	



.header {
	margin: 0; padding:0; position:relative;   width: 940px;
	}
	

	
	



#logo {
	margin:0px; padding:0px; border-top: 1px solid black;
	float:left;
	}
	
#logo2 {
	margin:20px 0px 18px 18px;
	float:left;
	display:inline;
	}
	
		


.topImage {margin:0px; padding:0px;  background-color: white; float:left; border-top: 1px solid black; border-right: 1px solid black;}


/*MAIN NAVIGATION*/

#mainnav {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	position:relative;
	left:0px;
	 border-top: 1px solid black; border-bottom: 1px solid black; width: 738px; background:#636363 url("images/menu_bg.gif") 0 0 repeat-x; 
	}
	
	#mainnav li {
		margin:0;
		padding:0;
		float:left;
		line-height:1.0em;
		
		}
	
		#mainnav li a {
			display:block;
			padding:5px 14px;
			*padding:5px 12px 5px 13px;
			background:#000 url("images/menu_rollover_bg.gif") 0 0 repeat-x; /* preload for rollover */
			background:#000 url("images/menu_bg.gif") 0 0 repeat-x;
			color:#fff;
			border-right:1px dotted #959595;
			font-size:11px;
			}

		


		#mainnav li a:hover {
			background:#000 url("images/menu_rollover_bg.gif") 0 0 repeat-x; color:#c3cf21;
			}

	#mainnav li#mn_home a {
		padding:5px 16px 5px 15px; margin-left: 20px; border-left: 1px dotted #959595;
		*padding:5px 14px 5px 13px;
		}
		
		
	#mainnav li#mn_blank1 a {
		padding:5px 10px 5px 10px;
		}
		
		
body.home #mn_home a,
body.products #mn_products a,
body.fittings #mn_fittings a,
body.services #mn_services a,
body.about #mn_about a,
body.news #mn_news a{
	background:#000 url("images/menu_selected_bg.gif") 0 0 repeat-x;
	}
	


#contact_hours { background-color:#009DDC; width: 199px; height: 422px; border-top: 1px solid black; border-right: 1px solid black;  border-bottom: 1px solid black; float:left; margin:0; padding:0; }
.home #contact_hours {border-bottom:none;}
.services #contact_hours {border-bottom:none;}


#contact_hours p, #contact_hours p {text-align:center; color:#FFFFFF;  margin-left: 20px; margin-right: 20px; margin-bottom: .8em; margin-top: 0px;}
#contact_hours #phone {font-size:14px; font-weight: bold; }
#contact_hours #address, #hours, #email {font-size: 12px; line-height: 18px;}

#contact_hours #hours_title { color:#000000; font-weight: bold; letter-spacing: .25em; font-size:14px; padding-top: 1.2em; border-top: 1px solid black; }
#contact_hours #email a {color:#000000; font-weight:bold;}
#contact_hours #email a:hover {color:#c3cf21; }
#contact_hours #email {padding-top: 1.2em; border-top: 1px solid black; border-bottom: 1px solid black; padding-bottom: 1.2em;}




#contact_hours  #address .phonenumber{
	font-size: 14px;
	font-weight: bold; color:#000000; margin-bottom: 0px; display:block;   padding-top: 32px;  padding-bottom: 0px; margin-bottom: 0px; line-height: 1px;
}



.home .main {background-color: white; width: 738px; height:395px; float:right; margin:0; padding:0;background-image:url(images/home_bottom.jpg) }
.main img {margin:0; padding:0;}
.home #mainContent .main p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; line-height: 30px; padding-top:90px; padding-left: 20px; color:#000000;}

.main {
	width: 738px;
	float: left;
	padding-bottom: 1.5em;
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	padding-top: 1em;
}
.main p {font-size: 11px; line-height: 18px; margin: 20px; }
.main p .subhead {font-weight:bold; color:#000000;}
.main p.companies { border-top: 1px solid #CCCCCC; padding-top: 1.2em;  }
.main .logos { padding-bottom: 5px;}
.main .bike_types {font-weight:bold;}
.main ul {font-size: 11px; line-height: 16px;}
.main .bold {font-weight:bold;}
.main p.news { border-top: 1px solid #CCCCCC; padding-top: 1.2em;  }

.main .rightphotos {width: 250px; float: right; margin-top: 20px; margin-left: 20px; clear:left;}
.main .rightphotos img {float:right; margin-right: 20px; margin-bottom: 15px;}
.main .rightphotos #fit {  }

.main #fittings {margin-left: 20px; font-size: 11px;}
.main #fittings .bold {font-weight:bold;}
	
	/* ----------------
	footer
-----------------*/
#footer {
	clear:both;
	color:#adadad; background-color: white; font-size: 10px; 
	text-align:right;
	padding:5px 10px 10px;
}


}