/*---------------------------------------------------------------------------------------------*/
/*-----Template Layout-------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/

	body
	{
		font-size: 11px;
		font-family: Arial, Helvetica, sans-serif;
		background: #737270 URL(../images/body_bg.jpg) repeat-x top;
		color: #000000;
		margin: 0;
		padding: 0;
	}
	
	.body_wrapper
	{
		width: 949px;
		margin-left: auto;
		margin-right: auto;
	}
	
	h1
	{
		color: #002c50;
		font-size: 18px;
		font-weight: normal;
		margin: 0;
		padding-bottom: 10px;
	}
	
	h2
	{
		color: #002c50;
		font-size: 14px;
		font-weight: normal;
		margin: 0;
		padding-bottom: 8px;
	}
	
	h3
	{
		color: #002c50;
		font-size: 13px;
		font-weight: normal;
		margin: 0;
		padding-bottom: 8px;
	}
	
	.preload
	{
		display: none;
	}
	
	.fl
	{
		float: left;
	}
	
	.fr
	{
		float: right;
	}
	
	.cb
	{
		clear: both;
	}
	
	p
	{
		margin: 0;
	}
	
	a
	{
		color: #002c50;
	}
	
	.button
	{
		background: URL(../images/button.jpg);
		color: #FFFFFF;
		border: none;
		font-size: 11px;
		width: 50px;
		height: 18px;
	}
	
	.button:hover
	{
		color: #CCCCCC;
		cursor: pointer;	
		background: URL(../images/button_hover.jpg);
	}
	
	.button_hover
	{
		display: none;
		background: URL(../images/button_hover.jpg);
	}
	
	/*---------------------------------------------------------------------------------------------*/
	/*-----Header----------------------------------------------------------------------------------*/
	/*---------------------------------------------------------------------------------------------*/
		
		.header
		{
			width: 949px;
			height: 140px;
			background: URL(../images/header_bg.jpg);
		}
		
		.header_blue_strip
		{
			height: 1px;
			width: 949px;
			background: #86a2ba;
		}
		
	/*---------------------------------------------------------------------------------------------*/
	/*-----END Header------------------------------------------------------------------------------*/
	/*---------------------------------------------------------------------------------------------*/
	
	/*---------------------------------------------------------------------------------------------*/
	/*-----Main Menu-------------------------------------------------------------------------------*/
	/*---------------------------------------------------------------------------------------------*/
	
		.main_menu
		{
			width: 949px;
			height: 26px;
			background: URL(../images/menu_bg.jpg);
			overflow: hidden;
		}
		
		.main_menu a
		{
			float: left;
			color: #FFFFFF;
			text-decoration: none;
			padding-top: 6px;
			padding-left: 13px;
			padding-right: 13px;
			display: block;
			height: 20px;
		}
		
		.main_menu a:hover
		{
			background: URL(../images/menu_mouseover.png);
		}
		
		.main_menu_a_hover
		{
			background: URL(../images/menu_mouseover.png);
		}
	
	/*---------------------------------------------------------------------------------------------*/
	/*-----END Main Menu---------------------------------------------------------------------------*/
	/*---------------------------------------------------------------------------------------------*/
	
	/*---------------------------------------------------------------------------------------------*/
	/*-----Content---------------------------------------------------------------------------------*/
	/*---------------------------------------------------------------------------------------------*/
	
		.content_wrapper_home
		{
			background: #eaeaeb;
			width: 949px;
		}
		
		.content_wrapper
		{
			background: #eaeaeb;
			padding: 15px;
			width: 919px;
		}
		
		/*---------------------------------------------------------------------------------------------*/
		/*-----Home------------------------------------------------------------------------------------*/
		/*---------------------------------------------------------------------------------------------*/
		
			.home_left_columb
			{
				width: 568px;
			}
			
			.home_right_columb
			{
				width: 371px;
			}
			
			.home_right_content_links h1
			{
				margin: 2px 0 0 0;
				padding: 0;
				background: URL(../images/arrow_right.png) no-repeat right;
				width: 165px;
			}
			
			.home_right_content_links .hr
			{
				width: 352px;
				position: relative;
 				height: 1px;
				background-color: #CCCCCC;
			}
			
			.home_right_content_link
			{
				padding-top: 6px;
				padding-bottom: 6px;
				height: 25px;
				margin-right: 11px;
			}
		
			.home_right_content_link:hover
			{
				background: #d5dde5;
			}
		
			/*---------------------------------------------------------------------------------------------*/
			/*----About Us---------------------------------------------------------------------------------*/
			/*---------------------------------------------------------------------------------------------*/
		
				.home_page .about_us_top
				{
					width: 568px;
					height: 270px;
					background: URL(../images/about_us_top_bg.jpg);
				}
				
				.home_page .about_us_content
				{
					padding: 10px;
					width: 568px;
					background: URL(../images/about_us_content_bg.jpg) repeat-y; 
				}
				
				.home_page .about_us_content div
				{
					width: 500px;
					padding-left: 23px;
					padding-right: 23px;
				}
				
				.home_page .about_us_bottom
				{
					width: 568px;
					height: 25px;
					background: URL(../images/about_us_bottom_bg.jpg);
				}
				
			/*---------------------------------------------------------------------------------------------*/
			/*----END About Us-----------------------------------------------------------------------------*/
			/*---------------------------------------------------------------------------------------------*/
			
			/*---------------------------------------------------------------------------------------------*/
			/*----Blog-------------------------------------------------------------------------------------*/
			/*---------------------------------------------------------------------------------------------*/
			
				.home_page .blog_top
				{
					width: 568px;
					height: 24px;
					background: URL(../images/home_blog_top.jpg);
				}
				.home_page .blog_by
				{
					width: 424px;
					height: 26px;
					background: URL(../images/home_blog_by.jpg);
					padding-left: 144px;
				}
			
				.home_page .blog_by h1
				{
					position: relative;
					top: -5px;
				}
				
				.home_page .blog_content
				{
					padding-left: 38px;
					padding-top: 6px;
					width: 568px;
					min-height: 226px;
					height: 226px;
					background: URL(../images/about_us_content_bg.jpg) repeat-y; 
				}
				
				.blog_user_image
				{
					width: 90px;
				}
				
				.home_page .blog_content_text h2
				{
					padding-bottom: 0px;				
				}
				
				.home_page .blog_content_text
				{
					width: 402px;
					padding-left: 15px;
				}
				
				.blog_date
				{
					color: #778fa4;
				}
				
				.home_page .all_blogs_by
				{
					width: 324px;
				}
				
				.home_page .blog_bottom
				{
					width: 568px;
					height: 18px;
					background: URL(../images/blog_bottom_bg.jpg);
				}
				
			/*---------------------------------------------------------------------------------------------*/
			/*----END Blog---------------------------------------------------------------------------------*/
			/*---------------------------------------------------------------------------------------------*/
			
			/*---------------------------------------------------------------------------------------------*/
			/*----Upcoming Rides---------------------------------------------------------------------------*/
			/*---------------------------------------------------------------------------------------------*/
			
				.home_page .upcoming_top
				{
					width: 371px;
					height: 28px;
					background: URL(../images/upcoming_top.jpg);
				}
				
				.home_page .upcoming_content
				{
					width: 363px;
					background: URL(../images/upcoming_content.jpg);
					padding-left: 8px;
				}

				.home_page .upcoming_bottom
				{
					width: 371px;
					height: 19px;
					background: URL(../images/upcoming_bottom.jpg);
				}
				
				.home_page .upcoming_content h1
				{
					padding-left: 18px;
				}
				
				.home_page .upcoming_content .upcoming_rides_heading
				{
					height: 28px;
				}
				
				.home_page .upcoming_content .upcoming_rides_heading_h1
				{
					width: 253px;
				}
				
				.home_page .upcoming_content .upcoming_rides_heading_link
				{
					margin-top: 4px;
				}
				
				.home_page .upcoming_content .upcoming_ride
				{
					width: 334px;
					height: 26px;
					padding-top: 13px;
					padding-left: 18px;
					color: #002c50;
					font-size: 14px;
				}
				
				.home_page .upcoming_content .upcoming_ride div
				{
				}
				
				.upcoming_ride_blue
				{
					background: #d5dde5;
				}
			
			/*---------------------------------------------------------------------------------------------*/
			/*----END Upcoming Rides-----------------------------------------------------------------------*/
			/*---------------------------------------------------------------------------------------------*/
			
			/*---------------------------------------------------------------------------------------------*/
			/*----Bike Setup Machine-----------------------------------------------------------------------*/
			/*---------------------------------------------------------------------------------------------*/
			
				.bike_bg {
					width: 370px;
					height: 197px;
					overflow: hidden !important;
				}
				.bike_bg img {
					min-width: 210px;
					min-height: 197px;
					position: absolute;
					padding: 0;
					margin: 0;
				}
				.bike_bg_img {
					width: 150px;
					height: 195px;
					position: absolute;
					overflow: hidden;
					padding: 0;
					margin: 0 0 0 207px;
				}
			
				.bike_setup
				{
					width: 322px;
					height: 145px;
					background: URL(../images/bg_img.png);
					padding: 26px;
					position: absolute;
				}
				
				.bike_setup div
				{
					 width: 168px;
				}
				
				.bike_setup_text
				{
					position: relative;
					top: -5px;
				}
				
				.bike_setup_contents {
					height: 110px;
					overflow: hidden;
				}
				
				.bike_setup_readmore
				{
					padding-left: 106px;
				}
				
				.blog_heading .blog_date
				{
					padding-top: 5px;
					padding-right: 20px;
				}
			
			/*---------------------------------------------------------------------------------------------*/
			/*----END Bike Setup Machine-------------------------------------------------------------------*/
			/*---------------------------------------------------------------------------------------------*/
			
			/*---------------------------------------------------------------------------------------------*/
			/*----Brands-----------------------------------------------------------------------------------*/
			/*---------------------------------------------------------------------------------------------*/
			
				.home_page .brands			
				{
					width: 371px;
					height: 225px;
				}
			
			/*---------------------------------------------------------------------------------------------*/
			/*----END Brands-------------------------------------------------------------------------------*/
			/*---------------------------------------------------------------------------------------------*/
			
		/*---------------------------------------------------------------------------------------------*/
		/*-----END Home--------------------------------------------------------------------------------*/
		/*---------------------------------------------------------------------------------------------*/
		
		/*---------------------------------------------------------------------------------------------*/
		/*-----Blogs-----------------------------------------------------------------------------------*/
		/*---------------------------------------------------------------------------------------------*/
		
			.blog_heading
			{
				display: block;
				height: 38px;
				width: 895px;
				padding-top: 5px;
				padding-left: 20px;
				background: #d5dde5;
			}
			
			.blog_comments_heading
			{
				display: block;
				height: 22px;
				width: 895px;
				padding-top: 5px;
				padding-left: 20px;
				background: #d5dde5;
			}
			
			.blog_heading h2
			{
				padding-bottom: 0;
			}
		
			.blog_content
			{
				display: block;
				width: 895px;
				padding-top: 10px;
				padding-left: 20px;
			}
			
			.blog_home_text {
				width: 200px;
				float: left;
			}
			
			.blog_home_img {
				width: 150px;
				margin: 0 15px 0 0;
				overflow: hidden;
				padding: 2px;
				border: 1px solid #ccc;
				float: right;
			}
			.blog_home_img img {
				min-width: 150px;
				min-height: 100px;
			}
			
			.blog_home_img_large {
				margin: 20px 0px 20px 0;
				overflow: hidden;
				padding: 2px;
				border: 1px solid #ccc;
				float: right;
			}
			.blog_home_img_large img {
				max-width: 800px;
			}			
			
			.blog_content_text
			{
				width: 800px;
			}
			
			.blog_comment_text
			{
				width: 730px;
			}
			
			.blog_by
			{
				color: #778fa4;
			}
			
			.comment_by
			{
				width: 150px;
			}
			
			.comment_alternate
			{
				background: #dae1e7;
			}
		
		/*---------------------------------------------------------------------------------------------*/
		/*-----END Blogs-------------------------------------------------------------------------------*/
		/*---------------------------------------------------------------------------------------------*/	
		
		/*---------------------------------------------------------------------------------------------*/
		/*-----Upcoming Rides--------------------------------------------------------------------------*/
		/*---------------------------------------------------------------------------------------------*/
		
			.upcoming_ride_heading
			{
				display: block;
				height: 26px;
				width: 895px;
				padding-top: 9px;
				padding-left: 20px;
				background: #d5dde5;
			}
			
			.upcoming_ride_date
			{
				width: 447px;
			}
		
			.upcoming_ride_name
			{
				width: 447px;
			}
			
			.upcoming_rides_date {
				width: 80px;
				height: 26px;
				padding: 0 20px 0 0;
				float: left;
			}
			.upcoming_rides_text {
			}
		
		/*---------------------------------------------------------------------------------------------*/
		/*-----END Upcoming Rides----------------------------------------------------------------------*/
		/*---------------------------------------------------------------------------------------------*/
		
	/*---------------------------------------------------------------------------------------------*/
	/*-----END Content-----------------------------------------------------------------------------*/
	/*---------------------------------------------------------------------------------------------*/
	
	/*---------------------------------------------------------------------------------------------*/
	/*-----Footer----------------------------------------------------------------------------------*/
	/*---------------------------------------------------------------------------------------------*/
	
		.footer
		{
			width: 949px;
			height: 28px;
			background: URL(../images/footer_bg.jpg);
			color: #FFFFFF;
		}
		
		.footer a
		{
			text-decoration: none;
			color: #FFFFFF;
		}
		
		.footer a:hover
		{
			text-decoration: underline;
		}		
		
		.footer div
		{
			display: block;
			padding-top: 6px;
			height: 22px;
			padding-left: 36px;
			padding-right: 36px;		
		}
	
	/*---------------------------------------------------------------------------------------------*/
	/*-----END footer------------------------------------------------------------------------------*/
	/*---------------------------------------------------------------------------------------------*/
	
/*---------------------------------------------------------------------------------------------*/
/*-----END Template Layout---------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------*/
/*-----General Ajax Classes--------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/

	.load
	{
		height: 11px;
		padding-right: 18px;
		padding-top: 5px;
		background: URL(../images/load.gif) no-repeat top right;
	}
	
	.correct
	{
		height: 11px;
		padding-right: 18px;
		padding-top: 5px;
		background: URL(../images/check.gif) no-repeat top right;
	}
	
	.error
	{
		height: 11px;
		padding-right: 18px;
		padding-top: 5px;
		background: URL(../images/warning.gif) no-repeat top right;
	}

/*---------------------------------------------------------------------------------------------*/
/*-----General Ajax Classes--------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/

