/* CSS RESET */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,b,u,i,center,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-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}/* remember to define focus styles! */:focus{outline:0}/* remember to highlight inserts somehow! */ins{text-decoration:none}del{text-decoration:line-through}/* tables still need 'cellspacing="0"' in the markup */table{border-collapse:collapse;border-spacing:0}/* END CSS RESET (http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/) */

body {
	/*background-image: url(../images/bg_body.jpg);*/
    background-image: url(../images/bg_body.jpg);
    background-repeat: repeat;
	text-align: center;
	font-family: arial,tahoma;
	font-size: small;
	line-height: 1;
	color: #ffffff;
}

a {
	color: #FF6D00;
}

#home-container {
	margin: 0px auto;	
	text-align: left;	
	background-image: url(../images/bg_body.jpg);
}
#container {
	margin: 0px auto;	
	text-align: left;	
	background: url(../images/bg_body.jpg);
}

/* 3 main page elements */  
.header-container {
	margin: 0px auto;
	text-align: left;
	background-image: url(../images/bg_body.jpg);
	background-repeat: repeat-x;
}
#header {
    margin: 0px auto;
	height: 152px;
	background-image: url(../images/bg_header.jpg);
	background-repeat: no-repeat;
	text-align: center;
	width: 1000px;
}
#home-main {
	background-image: url(../images/bg_body.jpg);
	width: 1000px;
	margin: 0px auto;
}
#main_container
{
	width: 900px;
	margin: 0px auto;
	padding-top: 10px;
}
#main {
	width: 900px;
	margin: 0px auto;
	color: #201406;
	background: url(../images/repeat-pg.jpg) left top repeat-y;
}
#sub_main 
{
	width: 900px;
	margin: 0px auto;
	color: #201406;
	background: url(../images/top-pg.jpg) left top no-repeat;
}
#main_footer 
{
	width: 900px;
	height: 71px;
	margin: 0px auto;
	background: url(../images/bottom-pg.jpg) left top no-repeat;
}
#footer {
	padding: 40px 15px 18px 15px;
	text-align: center;
	color: #ffffff;
	font-size: .9em;
	background-image: url(../images/bg_body.jpg);
}
/* End of 3 main page elements */

/* Header Styles */
.img_logo {
	position: absolute;
	top: 40px;
	left: 250px;
	width: 366px;
	height: 90px;
}
.navigation {
	margin: 0px auto;
	margin-bottom: 1px;
	width: 1000px;
	height: 40px;
	border-top: 1px solid #463825;
	border-bottom: 1px solid #463825;
	background-image: url(../images/bg_body.jpg);	
}
	.navigation a {
		display: block;
		float: left;
		padding: 13px 7px 13px 7px;
		margin: 0 5px 15px 5px;
		font-size: 14px;
		color: #E0E8ED;
		text-decoration: none;
		font-variant: small-caps;
	}
	    .navigation a:hover {
	     display: block;
	     background-color: #463825;
	     text-decoration: underline;
	     color: #FF6D00;
	    }
		.navigation a.active {
		 background-color: #463825;
		 color: #FF6D00;
		}
	.navigation span {
		display: block;
		float: left;
		padding: 13px 0 0 0;
		font-size: 13px;
		color: #E0E8ED;
	}
/* End Header Styles */

/* Main Styles */
.label{float: left; width: 100px;}
.img_mainsplash {
    .margin-top: 10px;
	text-align: center;
}
.home_col_a {
	float: left;
	width: 610px;
	font-size: .9em;
}
	.home_col_a .pad {
		padding: 0 0 0 100px;
	}
	.home_col_a h1.home {
		font-size: 3em;
		font-weight: normal;
		color: #FF6D00;
	}
	.home_col_a p {
		line-height: 1.5em;
		margin: 0 0 14px 0;
	}
.home_col_b {
	float: right;
	width: 365px;
	margin: 12px 0 0 0;
	font-size: .9em;
}
	.home_col_b h3 {
		font-size: 1.6em;
		font-weight: normal;
		color: #FF6D00;
	}
	.home_col_b .pad {
		padding: 0 100px 0 0;
	}
	.home_col_b p {
		line-height: 1.8em;
	}
		.home_col_b p a {
			color: #3A93BE;
			font-weight: bold;
			text-decoration: underline;
		}
.pad_main_features {
	padding: 10px 50px 0px 80px;
}
.main_features_1, .main_features_2, .main_features_3{
	float: left;
	position: relative;
	width: 265px;
	height: 160px;
	margin: 0 24px 0 0;
	background-repeat: no-repeat;
}
.main_features_blank{
    margin: 0 24px 0 0; .margin: -3px 24px -7px 0;
    float: left;
	position: relative;
	width: 265px;
}
.main_features_1 {
	background-image: url(../images/bg_home_feature_1.gif);
}
.main_features_2 {
	background-image: url(../images/bg_home_feature_2.gif);
}
.main_features_3 {
	background-image: url(../images/bg_home_feature_3.gif);
}
.main_features_blank {
  background: transparent url(../images/callout-bg.gif) repeat;
}
	.main_features_1 h2, .main_features_2 h2, .main_features_3 h2, h2.main_features {
		color: #FF6D00;
		font-size: 18px;
		font-weight: bold;
		text-transform: uppercase;
	}
	.main_features_1 h4, .main_features_2 h4, .main_features_3 h4, .main_features_blank h4 {
		padding: 16px 16px 0 16px;
		color: #387FB0;
		font-size: 18px;
		font-variant: small-caps;
		font-weight: bold;
	}
	.main_features_1 p, .main_features_2 p, .main_features_3 p, .main_features_blank p {
		padding: 6px 16px 8px 16px;
		color: #252524;
		line-height: 1.4em;
	}
	.main_features_1 .btn_go, .main_features_2 .btn_go, .main_features_3 .btn_go {
		position: absolute;
		top: 125px;
		right: 16px;
		width: 58px;
		height: 24px;
	}
.sub_col_a_full {
	width: 800px;
	font-size: 14px;
	margin: 0 50px 0 50px;
	padding-bottom: 1px;
}
    .sub_col_a_full .pad_home {
     padding: 8px 0 0 70px;
    }
	.sub_col_a_full .pad {
		padding: 8px 0 0 0; 	  
	}
	.sub_col_a_full .pad h1,.sub_col_a_full .pad_home h1.home {
		font-size: 2.2em;
		font-weight: normal;
		color: #FF6D00;
		margin-bottom: 10px;
	}
	.sub_col_a_full .pad p,.sub_col_a_full .pad_home p {
		line-height: 1.5em;
		margin: 0 0 14px 0;
	}
	.sub_col_a_full .pad ul{
	 margin-left: 20px;
	 list-style-type: disc;
	 line-height: 1.2em;
	}

.sub_col_a {
	float: left;
	width: 545px;
	font-size: 14px;
	margin: 5px 0 0 50px !important; margin: 5px 0 0 25px;
	min-height: 250px;
}
	.sub_col_a .pad {
		padding: 0;
	}
	    .sub_col_a .pad h1 {
	        float: left;
		    font-size: 3em;
		    font-weight: normal;
		    color: #FF6D00;
		    margin-bottom: 10px;
	    }
	    .sub_col_a .pad .titleRight {
	     float: right;
	     margin-top: 15px;
	     font-size: 1.3em;
	    }
	    .sub_col_a .pad p {
		    line-height: 1.5em;
		    margin: 0 0 14px 0;
	    }
	    .sub_col_a .pad h2 {
	     font-size: 2em;
	    }
	    .sub_col_a .pad .contact_container {
	     float: left;
	     width: 250px;
	     margin-top: 15px;
	    }
	    .sub_col_a .pad .left_main {
	     float: left;
	     padding: 10px;
	    }
	    .sub_col_a .pad .right_main {
	     float: right;
	     padding: 10px;
	    }
	    .sub_col_a .pad .directions {
	     margin-top: 15px;
	    }
	    .sub_col_a .pad ul.newsletter {
	     margin: 0 0 20px 20px;
	    }
	    .sub_col_a .pad ul.newsletter li.item {
	     list-style-type: disc;
	    }
	    .sub_col_a .pad li.question {
	     line-height: 1.5;
	    }
	    .sub_col_a .pad li a.company,a.company:visited{
         font-size: 2.4em;
         font-weight: normal;
         color: #201406;
        }
	    .sub_col_a .pad .bikeContainer {
	     float: left;
	     width: 150px;
	     margin: 0 10px 10px 0;
	     border: dashed 1px brown;
	     text-align: center;
	     padding-bottom: 5px;
	    }
	        .sub_col_a .pad .bikeContainer .bikethumb {
	         margin: 5px;
	         border: none;
	        }
	        
	    .sub_col_a .pad #bodyContainer {
	     float: left;
	     width: 410px;
	    }	    
	    
	    .sub_col_a .directions a {
	     font-size: 1.4em;
	    }

	    .sub_col_a #calendarContainer {
	     margin-top: 25px;
	    }	
	    .sub_col_b #bikeNav {
	     background-color:#463825;	     
	     width:245px;
	     padding:2px;
	    }
	        .sub_col_b #bikeNav .box{
	         border:solid 1px #aa9e91;
	         padding:8px;
	        }
	            .sub_col_b h2.bikes {
	             color: #FF6D00;
		        font-size: 18px;
		        font-weight: bold;
		         text-transform:uppercase;
	            }
	            .sub_col_b #bikeNav .box li{
	             line-height: 1.5em;
	            }
	                .sub_col_b #bikeNav .box li a.styles:hover {
	                 color: #3A93BE;
	                }
	    
        /************************************************************************
        * 
        * Calendar specific formatting 
        *
        ************************************************************************/

        /* Surrounds the calendar */
        .sub_col_a #calendarContainer .eventmonth
        {
            border: 1px solid #201406;
            width: 525px;
            margin-right: auto;
            margin-left: auto;
            margin-bottom: 10px;
            padding-left: 15px;
            padding-right: 15px;
            padding-top: 10px;
            text-align: center;
        }

        /* used as the cssclass of the actual calendar */
        .sub_col_a #calendarContainer .eventmonthtable
        {
            width: 525px;
            margin-right: auto;
            margin-left: auto;
            position: relative;
            margin-bottom: 15px;
            border: 1px solid #201406;
            border-collapse:collapse;
        }

        .sub_col_a #calendarContainer .dayNumber
        {
            float: right;
            border-bottom: 1px solid #201406;
            border-left: 1px solid #201406;
            clear: none;
            padding: 2px;
        }

        .sub_col_a #calendarContainer .calcurrentmonth
        {
            /* no styles needed at this time */
        }

        .sub_col_a #calendarContainer .calothermonth
        {            
            border: 1px solid #201406;            
        }

        .sub_col_a #calendarContainer .calcurrentday
        {
            
        }

        .sub_col_a #calendarContainer .calweekend
        {
            border: 2px solid #201406;
          /*  width: 15%; */
        }

        .sub_col_a #calendarContainer .calcurrentmonth , .calcurrentmonth , .calothermonth , .calcurrentday , .calweekend
        {
            text-align: left;
            border: 2px solid #201406;
            height: 60px;
            vertical-align: top;
            /* needed for positioning the dayNumber part */
            position:relative;
            border-collapse:separate;
            border-spacing: 5px;             
        }
        /*************************** END Calendar ********************************/

.sub_col_b {
	float: right;
	width: 275px;
	margin: 12px 0 0 0;
	font-size: .9em;
}
	.sub_col_b h3 {
		font-size: 1.6em;
		font-weight: normal;
		color: #FF6D00;
	}
	.sub_col_b .pad {
		padding: 0 100px 0 0;
	}
	.sub_col_b p {
		line-height: 1.8em;
	}
		.sub_col_b p a {
			color: #3A93BE;
			font-weight: bold;
			text-decoration: underline;
		}
	.sub_col_b .main_features_1, .sub_col_b .main_features_2, .sub_col_b .main_features_3 {
		margin: 0 0 30px 0;
	}
.product {
	border-top: 1px solid #70665B;
	padding: 20px 10px 20px 20px;
}
.product_image {
	float: left;
	width: 250px;
}
.product_desc {
	float: right;
	width: 200px;
	padding: 20px 0 0 0;
}
	.product_desc h2 {
		font-size: 2.4em;
		font-weight: normal;
		color: #FF6D00;
	}
	.product_desc p {
		margin: 0 0 6px 0;
	}
	.product_desc p.product_stats {
		margin: 0 0 2px 0;
		font-size: 1.3em;
	}
		.product_desc p.product_stats span {
			color: #387FB0;
		}

/* End Main Styles */

/* Footer Styles */
#footer a {
	color: #FF6D00;
}
#footer div {
	margin: 0 0 16px 0;
}
/* End Footer Styles */

/* Standard Styles */
.clear {
	clear: both;
}
.divider {
	clear: both;
	background-color: #70665B;
	height: 1px;
}
.orange {
 color: #FF6D00;
}