body, html {
	color: #000; 
	font-family: Verdana, Arial, Tahoma, sans-serif;
	background-color: #eee; 
	text-align: center; /*** Centers the design in old IE versions ***/
}

body {
	font-size: 70%;
}

p {
	line-height: 150%;
	padding: 0 10px 0 10px;
}

li {   line-height: 150%;  }


img {
	border: 0;
}

a {
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}

a:hover{
	color: #B01A1B;
	font-weight: bold;
	text-decoration: none;
}

h1, h2, h3, h4, h5 {
	font-weight: bold;
	padding: 0 10px 0 10px;
}

h1 {
	font-size: 1.4em;
}

h2 {
	font-size: 1.2em;
}

.clear { clear: both; }

#mainContainer {
	width: 758px;
	margin: 0 auto; /*** Centers the design ***/
	min-height: 300px;
	background: #fff35f;
	border-style: solid;
	border-color: #B01A1B;
	border-width: 1px;
	text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/
}

* html #mainContainer {
	height: 300px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}

/**************************
HEADER
**************************/
#header {
	background: #fff;
	padding: 0;
	height: 71;
	border-style: solid;
	border-width: 0 0 5px 0;
	border-color:#ffffff;
}

/**************************
CONTENT AND COLUMNS
**************************/
#maincontent {
	width: 100%; 
	background: #fff35f;
	border-style: solid;
	border-width: 3px 0 0 0;
	border-color:#000000;
	position: relative;
}

#maincontent p {
	padding: 0 10px 0 10px;
	line-height: 150%;
}

#content {
	float: left;
	width: 520px;
	background: #fff35f; 
}

.contentWrap {
	padding: 5px;
}

.contentWrap ol, .contentWrap ul {
	margin: 3px 0 5px 35px;
}

.contentWrap li {
	padding-bottom: 2px;
        line-height: 100%;
}
/**************************
SHOP COLUMN
**************************/
#shopbox {
	float: right;
	width: 232px;
	padding-bottom: 10px;
}
#shopbox1 {
  background:#fff url("images/shopbox1.gif") no-repeat right top;
  }
#shopbox2 {
  background:url("images/shopbox2.gif") right repeat-y;
  	padding-right: 10px;
	padding-left: 20px;
	padding-top: 15px;

  }
#shopbox3 {
  background:url("images/shopbox3.gif") no-repeat right bottom;
  height: 20px;
  }
#shopbox ul {
	margin: 0;
	padding: 0 10px 0 10px;
}

#shopbox li {
	padding-bottom: 10px;
	font-weight: bold;
	margin: 0;
        line-height: 100%;
}

/*************************
ROW
**************************/
#featuredrow {
	margin: 0; 
	float: left; 
	width: 100%;
	height: 195px;
	background: #fff;
	padding: 0;
	border-style: solid;
	border-color: #ffffff;
	border-width: 0 0 5px 0;
}

/**************************
FOOTER
**************************/
#footer {
	width: 100%;
	margin: 0;
	text-align: center;
	background-color: #fff35f;
  	border-style: solid;
  	border-color: #B01A1B;
  	border-width: 1px 0 0 0;
	height: 25px;
	font-size: 10px;
	padding-top: 10px;
}

.goright {
	float: right;
	padding-right: 10px;
}

.goleft {
	float: left;
	padding-left: 10px;
}

/*--------------------*/
/* Top Navigation Bar */
/*--------------------*/
#scriptnav {
	margin: 0; /*** Move the nav column so it takes the position as a top menu ***/
	float: left; 
	width: 758px;
	background: #ccc;
	padding: 0;
	height: 27px;
}
  
#navbar {
  white-space: nowrap;
  float: left;
  list-style: none;
  width: 100%;
  padding: 0;
  margin: 0;
  background: #cccccc;
  display: inline-block;
    border-style: solid;
  border-color: #000000;
  border-width: 3px 0 0 0;
 
  }
  
#navbar li { 
  display: inline; 
  padding: 0;
  margin: 0;
   }

#navbar li a {
  background: #cccccc;
  color: #000000;
  width: 83px;
  height: 20px;
  font-size: 8pt; 
  font-family: arial,helvetica,sans serif; 
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  margin: 0; 
  padding-top: 4px;
  border-style: solid;
  border-color: #000000;
  border-width: 0 1px 0 0;
  float: left;
  }
  
#navbar li a:hover {
  background: #cccccc;
  color: #ffffff;
  }   

/*----link one----*/
 #navbar li a.one {
  background: #cccccc;
  width: 84px;
  height: 20px;
  color: #000000;
  font-size: 8pt; 
  font-family: arial,helvetica,sans serif; 
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  margin: 0; 
  padding-top: 4px;
  border-style: solid;
  border-color: #000000;
  border-width: 0 1px 0 1px;
  float: left;
  }
 
#navbar li a.one:hover {
  background: #999999 url(images/numbered.gif);
  color: #ffffff;
  }   

#navbar li a.one-active {
  background: #999999;
  color: #ffffff;
    width: 84px;
  border-style: solid;
  border-color: #000000;
  border-width: 0 1px 0 1px;
  }   

/*----link two----*/
#navbar li a.two:hover {
  background: #000000;
  color: #ffffff;
  }   

#navbar li a.two-active {
  background: #000000;
  color: #ffffff;
  }   

/*----link three----*/
#navbar li a.three:hover {
  background: #cc0000;
  color: #ffffff;
  }   

#navbar li a.three-active {
  background: #cc0000;
  color: #ffffff;
  }   

/*----link four----*/
#navbar li a.four:hover {
  background: #0000ff;
  color: #ffffff;
  }   

#navbar li a.four-active {
  background: #0000ff;
  color: #ffffff;
  }   

/*----link five----*/
#navbar li a.five:hover {
  background: #ffff00;
  color: #666666;
  }   

#navbar li a.five-active {
  background: #ffff00;
  color: #666666;
  }   

/*----link six----*/
#navbar li a.six:hover {
  background: #00cc00;
  color: #ffffff;
  }   

#navbar li a.six-active {
  background: #00cc00;
  color: #ffffff;
  }   

/*----link seven----*/
#navbar li a.seven:hover {
  background: #ff9900;
  color: #ffffff;
  }   

#navbar li a.seven-active {
  background: #ff9900;
  color: #ffffff;
  }   

/*----link eight----*/
#navbar li a.eight:hover {
  background: #ff00ff;
  color: #ffffff;
  }   

#navbar li a.eight-active {
  background: #ff00ff;
  color: #ffffff;
  }   

/*----link nine----*/
#navbar li a.nine:hover {
  background: #660099;
  color: #ffffff;
  }   

#navbar li a.nine-active {
  background: #660099;
  color: #ffffff;
  }   

/*--------------------
	Picture Row
--------------------*/
#featuredbike {
	float: left;
	width: 260px;
	height: 195px;
	border: 0;
	padding: 0;
	background: url(images/featured_bike.jpg);
}

#featuredtshirt {
	float: left;
	width: 260px;
	height: 195px;
	border: 0;
	padding: 0;
	background: url(images/featured_tshirt.jpg); 
}

.featuredtitle {
	position: relative;
	padding-top: 160px;
	padding-left: 30px;
}

#emailbox {
	background: #ffffff;
	border-style: solid;
	border-color: #B01A1B;
	border-width: 8px;
	width: 202px;
	height: 174px;
	float: left;
	padding: 5px 10px 0 10px;
	margin: 0;
}

#emailbox p { 
	padding: 0;
	font: 11px Tahoma; 
	text-align: justify;
	margin: 0px;
	line-height: 150%;
}

#emailbox p.half { 
	padding: 0;
	font: 5px Tahoma; 
	text-align: justify;
	margin: 0px;
}

/*--------------------*/
/* Extras */
/*--------------------*/
.hiddenfromview {
	/*display:none;*/
	z-index: 0;
}

.gallerythumb {
	width: 230px;
	margin: 10px;
	float: left;
	background: #ffffff;
	border-style: solid;
	border-color: #000000;
	border-width: 1px;	
}

.gallerythumb img {
	margin: 15px 15px 0 15px;
	border-style: solid;
	border-color: #000000;
	border-width: 1px;	
	display: block;
    margin-left: auto;
    margin-right: auto;
}

.gallerythumb p {
	text-align: center;
}


.galleryitem {
	width: 100%;
	margin: 10px;
}

.galleryitem img {
	border-style: solid;
	border-color: #000000;
	border-width: 1px;	
	display: block;
    margin-left: auto;
    margin-right: auto;
}

.galleryitem p {
	text-align: center;
}
.story {
	clear: both;
	padding-bottom: 20px;
}
.imgright {
	float: right;
	margin: 0 15px 10px 15px;
	border-style: solid;
	border-color: #000000;
	border-width: 1px;	
}
.imgleft {
	float: left;
	margin: 0 15px 10px 15px;
	border-style: solid;
	border-color: #000000;
	border-width: 1px;	
}