/* 
CSS 
*/
 
body { font-family: arial; color: #333; background: url(images/background.jpg) #333; background-repeat: repeat-x repeat-y; margin: 0; line-height: 1.4em; letter-spacing: 0.02em; text-align: center;}
html { }

h1 { font-size: 130%; color: #333; font-weight: bold; margin: 0 0 5px 0; text-transform: uppercase;}
h2 { color: #0066cc; font-size: 90%; margin: 10px 0 25px 0; text-transform: uppercase;} 
.service01 h1 { font-size:100%; padding:4px; background-color:#94bee5; color: white;}
.service02 h1 { font-size:100%; padding:4px; background-color:#94bee5; color: white;}
.service03 h1 { font-size:100%; padding:4px; background-color:#94bee5; color: white;}
.ebay {border: 4px solid #000; float:right;}

a:link { color: #0099ff; text-decoration: underline;}
a:active { color: #0099ff; text-decoration: underline;}
a:hover { color: #333366; text-decoration: none; }
a:visited { color: #660066; text-decoration: underline;}

#admin {color: white;} /*Updateable Areas*/

#offer { font-size: 90%; font-weight: bold; padding: 8px; border:1px dashed red; }
#offer h1 { font-size:120%; color: red;}


#right h1 { font-size:100%; padding:4px; background-color:#333; color: white;}
#right a:link { color: #ff0000; text-decoration: none;}
#right a:active { color: #ff0000; text-decoration: none;}
#right a:hover { color: #666699; text-decoration: none; }
#right a:visited { color: #333399; text-decoration: none;}

		
#news_home { font-size:90%; float:left; width: 760px; margin-left:20px; text-align:left; border-bottom:1px dotted #444;}
#news_home h1 { font-size:110%; padding:4px; background-image: url(images/nav-bg.jpg); text-align:center; color: white;}
#news_home a:link { color: #ff0000; text-decoration: none;}
#news_home a:active { color: #ff0000; text-decoration: none;}
#news_home a:hover { color: #666699; text-decoration: none; }
#news_home a:visited { color: #333399; text-decoration: none;}

#wrapper {  background: #fff ; width: 800px; height:100%;  text-align: center; margin: auto; padding:0; border: 1px solid white;}
#wrapper-inner { width:801px; margin: auto; }


.home-header {background: url(images/header.jpg);}
.history-header {background: url(images/history-header.jpg);}
.bikes-header {background: url(images/bikes-header.jpg);}
.bits-header {background: url(images/bits-header.jpg);}
.servicing-header {background: url(images/servicing-header.jpg);}
.news-header {background: url(images/news-header.jpg);}
.gallery-header {background: url(images/gallery-header.jpg);}
.contact-header {background: url(images/contact-header.jpg);}
#header {  float:left; width: 800px; height: 447px; margin: 0; padding: 0;}

#main { float: left; width: 500px; font-size: 90%; text-align: left; padding: 20px;  }
#main_sub { float: left; width: 760px; font-size: 90%; text-align: left; padding: 20px;  }

.service01 { float:left; width:228px; margin: 10px 13px 0 0; font-size:75%; padding: 5px; border: 1px solid #333;}
.service02 { float:left; width:228px; margin: 10px 13px 0 0; font-size:75%; padding: 5px; border: 1px solid #333;}
.service03 { float:left; width:228px; margin: 10px 13px 0 0; font-size:75%; padding: 5px; border: 1px solid #333;}

#right { float: left; padding: 2px; margin: 50px 20px 0 35px; font-size: 75%; text-align: center; width: 200px; border: 1px dotted red;}



#news { float:left; padding: 20px; }
#col_one { padding: 5px; float: left; font-size:80%; width: 200px; margin: 0 10px 0 0 ;}
#col_one h1 {font-size:100%; color: #0066cc; }
#col_two { padding: 5px; float: left; font-size:80%; width: 200px; }
#col_two h1 {font-size:100%; color: #0066cc; }

.photo { float: left; margin: 0 0 10px 0; border: 3px solid #333; clear:both;}
.photo_sub { float: left; margin: 10px 10px 10px 0; border: 3px solid #333; }

#form_details { padding: 5px; float: left; width: 300px; margin: 0 30px 0 0 ;}
#form_services { padding: 5px; float: left; width: 300px; }

.field { font: 14px arial; width: 220px; height: 20px;  border-top: 1px solid #999; border-left: 1px solid #999; } 
.txtarea { font: 14px arial; width: 220px; border-top: 1px solid #999; border-left: 1px solid #999;}
.button { font: 14px arial; width: 70px; height: 25px; border: 1px solid #999; }
.checkbox { float:left; border: none; padding: 2px; }

#navcontainer { float: left; width: 800px; height: 30px; margin: 0; padding: 0; background: url(images/nav-bg.jpg); }

ul#navcontainer { padding: 0; margin: 0;}
li#navcontainer { padding: 0; margin: 0;}

#navcontainer li 
{
display: block;
float: left;
background: url("images/b1.jpg") no-repeat;
text-align: center;
width: 97px;
height: 29px; 
margin: 0 1px 0 2px;
}

#navcontainer ul {
list-style-type: none; 
padding: 0;
margin: 0;
}

#navcontainer a
{
color: #fff;
text-decoration: none;
font-weight: bold;
display: block;
font-size: 65%; 
padding: 5px;
}

#navcontainer li#active { background: url("images/b1a.jpg") no-repeat ; }
#navcontainer a:hover { background: url("images/b1a.jpg")  no-repeat; }
/*current page highlight link*/#home .home, #history .history, #bits .bits, #bikes .bikes, #servicing .servicing, #offers .offers, #gallery .gallery, #contact .contact { background: url("images/b1a.jpg")  no-repeat;}

#offer_nav a { background: url("images/b1-news.jpg") no-repeat ; }
/*navigtion end*/



#footer { width: 799px; font-size: 55%; text-align: center; margin: 10px auto 0 auto; color: #666; line-height: 1.8em; background-color:#fff; border-bottom: 5px solid green;}
#footer a:link { color: #666; text-decoration: none;}
#footer a:active { color: #666; text-decoration: none;}
#footer a:hover { color: #ccc; text-decoration: none; }
#footer a:visited { color: #999; text-decoration: none;}
#footer img {border: none;}

.clearer {
clear:both;
height:1px;
overflow:hidden;
margin-top:-1px; 
}

/*form styles*/
.submit { color: #fff; background: #94bee5; width: 100px; height: 30px; border:0;}
.field { width: 190px; height: 27px; padding: 2px; font-size: 16px; color: #333; border: 1px solid #B1B5AE; }
.textarea { width: 180px; height: 100px; border: 1px solid #B1B5AE; font-size: 16px; color: #333;}
.select { width: 180px; height: 27px; border: 1px solid #B1B5AE; font-size: 14px; color: #333;}

#box { width: 250px; float: left; margin: 10px 10px 0 0; }

#form-left { float: left; width: 210px; margin: 0 30px 0 10px; text-align: left; font-size: 75%; font-weight: bold; color:#333;}
#form-right {float: left; width: 181px; margin: 0 60px 0 10px; text-align: left; padding: 2px; font-size: 75%; font-weight: bold; color:#333;}
#address-right {float: left; width: 210px; text-align: right; padding: 2px; font-size: 95%; font-weight: normal; color:#333;}