/* CSS Document*/ 
html {
      font-family:Arial, Helvetica, sans-serif;
	  }

body {
      text-align:center;
      padding: 0 0 0 0;
	  }
		 		 

#container  {
             width:750px;
             text-align:left;
             margin: 0 auto;
			 background-color:#FFF;
			 padding: 10px 0;
		    }
			 
#top {
      float:left;
      position:relative;
      width: 750px;
	  background-color:#FFF;
	  padding:0;
	  margin: 0;
	  }


#nav   {
	   float:left;
	   width: 160px;
	   background-color:#FFF;
	   padding:0;
   	   }
		
#content {
          position:relative;
		  float:right;
		  width: 500px;
		  text-align:left;
		  background-color:#FFF;
		  padding: 5% 0;
          } 
		  
#gallery-row  {
          float:right;
		  width: 540px;
		  margin: 0 0px 0px 0;
		  text-align:left;
		  background-color:#FFF;
          } 
		  
#gallery-row img { margin: 10px 10px 30px 0;
                   padding-bottom: 12px;
                   }
				     
ul#navigation {
               list-style-type:none; 
			   float:left;
			   left: 1px;
			   padding:0;
			   margin-left:0;   
			   }
			   
ul#navigation a {
                border:2px solid #000000;
				display:block;
								
				 }
			   
/* This is the styling for the nav buttons down the left side.*/
			   
#home {display:block; height:60px; width:160px; background-image:url(nav-images/home-text.jpg);}
	   
#home:hover { background-image:url(nav-images/home-pic.jpg); }
	   
#news { display:block; height:60px; width:160px; background-image:url(nav-images/news-text.jpg);}
	   
#news:hover { background-image:url(nav-images/news-pic.jpg);}

#recycle { display:block; height:60px; width:160px; background-image:url(nav-images/recycle-text.jpg);}
	   
#recycle:hover { background-image:url(nav-images/recycle-pic.jpg); }


#whatwedo { display:block; height:60px; width:160px; background-image:url(nav-images/whatwedo-text.jpg);}
	   
#whatwedo:hover { background-image:url(nav-images/whatwedo-pic.jpg); }

#bikesurg { display:block; height:60px; width:160px; background-image:url(nav-images/bikesurg-text.jpg);}
	   
#bikesurg:hover { background-image:url(nav-images/bikesurg-pic.jpg); }

#repair { display:block; height:60px; width:160px; background-image:url(nav-images/repair-text.jpg);}
	   
#repair:hover { background-image:url(nav-images/repair-pic.jpg);}

#custom { display:block; height:60px; width:160px; background-image:url(nav-images/custom-text.jpg);}
	   
#custom:hover { background-image:url(nav-images/custom-pic.jpg);}

#vol { display:block; height:60px; width:160px; background-image:url(nav-images/vol-text.jpg);}
	   
#vol:hover { background-image:url(nav-images/vol-pic.jpg);}

#projects { display:block; height:60px; width:160px; background-image:url(nav-images/projects-text.jpg);}

#projects:hover { background-image:url(nav-images/projects-pic.jpg);}

#kyb { display:block; height:60px; width:160px; background-image:url(nav-images/kyb-text.jpg);}
	   
#kyb:hover { background-image:url(nav-images/kyb-pic.jpg);}

#forsale { display:block; height:60px; width:160px; background-image:url(nav-images/forsale-text.jpg);}
	   
#forsale:hover { background-image:url(nav-images/forsale-pic.jpg);}

#gallery { display:block; height:60px; width:160px; background-image:url(nav-images/gallery-text.jpg);}
	   
#gallery:hover { background-image:url(nav-images/gallery-pic.jpg);}

#supp { display:block; height:60px; width:160px; background-image:url(nav-images/supp-text.jpg);}
	   
#supp:hover { background-image:url(nav-images/supp-pic.jpg);}

#contact { display:block; height:60px; width:160px; background-image:url(nav-images/contact-text.jpg);}
	   
#contact:hover { background-image:url(nav-images/contact-pic.jpg);}

#links{ display:block; height:60px; width:160px; background-image:url(nav-images/links-text.jpg);}
	   
#links:hover { background-image:url(nav-images/links-pic.jpg);}

	   
#home b, #news b, #recycle b, #whatwedo b, #bikesurg b, #repair b, #custom b, #vol b, #projects b, #kyb b, #forsale b,
      #gallery b, #supp b, #contact b, #links b
                  {
                  display:none;
				  color:#009933
				  }
				  	   
#menu { font-family:Comic Sans MS, Arial, Helvetica, sans-serif;
        font-size: 180%; 
	    font-weight:bold;
		text-align:center; 
		margin: 2px;
		width:160px;  
	  }   
	   
p     { 
     font-size: 90%;
	 margin-left: 10pt;
	 margin-right: 20pt;
	 color:#333333;
      }

h1     { 
     font-size: 200%;
	 margin-left: 10pt;
	 margin-right: 20pt;
	 color:#FF6600;
	 font-weight:bold;
	    }
	  
h2   { 
     font-size: 160%;
	 margin-left: 10pt;
	 margin-right: 20pt;
	 color:#333333;
	 font-weight:bold;
      }

#content ul li { 
               font-size: 100%;
	           margin-left: 10pt;
	           margin-right: 20pt;
	           color:#333333;
              }

#content ul li a { 
                 font-size: 100%;
	             font-weight:bold;
	             list-style-type:disc;
	             margin-left: 10pt;
	             margin-right: 20pt;
	             color:#009933;
      }
	  
#content ul li a:hover { background-color:#CCCCCC; 
                         }
p.address {line-height: 7%;}

.homepage{  font-size: 80%; 
			color:#333333;
			margin-left: 10pt;
			line-height: 14pt;
			padding: 10px 0px 0px 0px;
       }
.welcome { font-size:180%;
           color:#FF6600; 
		   font-weight:bold;
		   line-height:20pt;		   
		   }
		   
a.topp { 
        font-size:80%;
		text-align:center;
		#FF6600;
		}
   	   
.green { color:#108C31; font-weight:bold;}

td 	{ 
     font-size: 90%;
	 margin-left: 10pt;
	 margin-right: 20pt;
	 color:#333333;
      }   

            
#footer {
      background: #059732 url(images/slogan.gif) no-repeat center top;
      height:21px;
	  width:500px;
	  }