body {
  background-image:url('../images/background_slice.png');
  background-color:black;
  min-height:400px;
  background-repeat:repeat-x;
  font-family: helvetica, verdana, arial, sans-serif;
}



#motorcycle-background
{
  position: absolute;
  background-image:url('../images/background_motorcycle.jpg');
  background-repeat:no-repeat;
  background-position:right top;
  min-height:400px;
  min-width:602px;
  right: 0px;
  top: 0px;
}



#titlebar{
  position:absolute;
  left:0px;
  min-width:955px;
  width:98%;
  margin:0px;
  
}


#site-logo{
  border-style:none;
  border-width:0px;
}


#titlebar-background-fade {
  position:absolute;
  background-image:url('../images/titlebar-background-fade.png');
  right:0px;
  width:339px;
  top:15px;
  height:114px;
  background-position:right top;
  background-repeat:no-repeat;
  
}
#titlebar-background {
  background-image:url("../images/titlebar-background.png");
  position:absolute;
  right:336px;
  left:0px;
  top:15px;
  height:114px;
  background-position:left top;
  background-repeat:repeat-x;
  
}

#titlebar-address {
  display:inline-block;
  margin:0;
  padding:0;
  float:right;
  margin-right:16%;
  top:0px;
  color:#FFF;
  font-size:.7em;
  text-transform:uppercase;
  
}

#titlebar-heading {
  position:relative;
  margin:0;
  padding:0;
  top:-19px;
  margin-left:5px;
  margin-bottom:-18px;
  color:#FFF;
  text-transform:uppercase;
  font-weight:normal;
  
}

#titlebar-heading h1{
  color:#FFF;
  font-size:.7em;
  text-transform:uppercase;
  font-weight:normal;
  padding:0;
  margin:0;
}

#titlebar-content {
  position:relative;
  clear:both;
  top:3px;
  margin:0 auto 0 auto;
  min-width:970px;
  width:100%;
  max-width:1150px;
  
}
#titlebar-content a{
  margin:0 auto 0 auto;
  float:left;
  text-decoration:none;
}

#titlebar-logos {
  display: table-row;
  padding-top:20px;
  float:left;
  
}

#titlebar-logos .logo-link{
  width: 80px;
  padding-left:1px;
  padding-right:1px;
  border-style:none;
  vertical-align: middle; 
  display: table-cell;
  height:60px;
}

#titlebar-logos .logo-link img{
  width: 75px;  
  max-height:60px;
  margin: auto 0;
}

#titlebar-navbar {
  position:absolute;
  top:80px;
  min-width: 972px;
  padding-top:0px;
  left:0px;
}


#titlebar-navbar ul
{
  list-style: none;
  padding: 0;
  margin: 0;
} 

#titlebar-navbar li{
  float: left;
  top:2px;
  height: 16px;
  padding: 4px 5px;
  margin: 1px;
  font-size: .9em;
  text-transform:uppercase;
  text-align:center;
  vertical-align:middle;
}

#titlebar-navbar li.on{
  background:#444;
}

#titlebar-navbar li a:link{color: #FFF; text-decoration: none; }
#titlebar-navbar li a:visited{color: #FFF; text-decoration: none; }
#titlebar-navbar li a:active{color: #F00;  text-decoration: none;  }
#titlebar-navbar li a:hover{color: #F00;  text-decoration: underline; }


#main-container {
  position:absolute;
  width:100%;
  left:0px;
  top:134px;
  color: #FFF;
  margin:0;
}


#centered-container {
  position:relative;
  min-width:960px;
  max-width:1200px;
  margin:0px auto;
  
}

#sidebar {
  margin: 0 auto 0 1em;
  min-width:170px;
  max-width:350px;
  width:20%;
  font-size: .8em;
  text-transform:uppercase;
  font-weight:lighter;
  float:left;
  
}


#sidebar a:link{color: #FFF; text-decoration: none; }
#sidebar a:visited{color: #FFF; text-decoration: none; }
#sidebar a:active{color: #FFF;  text-decoration: none;  }
#sidebar a:hover{color: #FFF;  text-decoration: underline; }

.sidebar_image{width: 168px;}


#sidebar h2 {
  font-family:helvetica, verdana, arial, sans-serif;
  text-transform:uppercase;
  font-size:1.2em;
  padding-top: .7em;
  padding-left: .2em;
  margin-bottom: -.7em;
  margin-left:-10px;
  background-image:url('../images/sidebar-heading.png');
  background-repeat:no-repeat;
  background-position:top left;
  background-size: 100% 80%;
  min-height:34px;
  vertical-align:middle;
  
}

#sidebar ul {
  list-style: none;
  padding: 0;
  margin: 0;
  border-width:0px;
  
}

#sidebar ul li{
  padding: .8em 0 0 0;
}

#content {
  top:0px;
  left:0px;
  min-width:740px;
  max-width:790px;
  width:70%;
  margin-left:0.5em;
  float:left;
}


#content a:link{color: #F33; text-decoration: underline; }
#content a:visited{color: #A33; text-decoration: underline; }
#content a:hover{color: #FFF;  text-decoration: underline; }
#content a:active{color: #FFF;  text-decoration: underline;  }





#content-background-top {
  
  background-image:url('../images/content-background-top.png');
  background-repeat:no-repeat;
  background-size:100%;
  width: 100%;
  height:22px;
  float:left;
}



#content-background {
  background-image:url('../images/content-background.png');
  background-repeat:repeat-y;
  background-size:100%;
  width:100%;
  top:22px;
  float:left;
  
}

#content-main {
  margin:-.5em 1.5em 0em 2em;
  color: #FFF;
  font-size:.8em;
}


@font-face{
  font-family: "Oregon LDO Medium";
  src: url('../fonts/Oregon_LDO_Medium.ttf');          
}

#content-main h2 {
  font-family: "OregonLDOMediumRegular", "Oregon LDO Medium", helvetica, verdana, arial, sans-serif;
  font-variant:small-caps;
  font-weight:bolder;
  font-size:225%;
  letter-spacing:1px;
  padding-top: .2em;
  padding-left: .4em;
  margin-left: -.4em;
  margin-bottom: .1em;
  background-image:url('../images/heading-background.png');
  background-repeat:no-repeat;
  background-position:top left;
  min-height:41px;
  clear:both;
}


#content-main h3 {
  font-family:helvetica, verdana, arial, sans-serif;
  text-transform:uppercase;
  font-size:1.2em;
  padding-top: .7em;
}





#homepage-links {
  width:110%;
  margin:0em 0em 0em -.5em;
  clear:both;
}


#homepage-links a:link{color: #FFF; text-decoration: none; }
#homepage-links a:visited{color: #FFF; text-decoration: none; }
#homepage-links a:hover{color: #FFF;  text-decoration: underline; }
#homepage-links a:active{color: #FFF;  text-decoration: none;  }



#homepage-links .homepage-link {
  background-color:#000;
  float:left;
  width: 29%;/*222px;
  height: 122px;*/
  padding:4px;
  margin:0em .4em .4em 0em;
  font-size: 1.2em;
}


.homepage-link-image {
  width: 98%;/*218px;
  height: 98px;*/
  margin-bottom:4px;
  border-color:white;
  border-width:2px;
  border-style:solid;
  
}




#content-background-bottom {
  background-image:url('../images/content-background-bottom.png');
  background-repeat:no-repeat;
  background-size:100%;
  width:100%;
  height:23px;
  float:left;
  
}

.clear {
  clear:both;
  
}

.email_form {
  color: #FFF;
  border-width:0px;
}
.email_form form{
  border-width:0px;
}


.email_form ol {
  list-style: none;
  padding: 0;
  margin: 0;
  border-width:0px;
}


.email_form_short ol {
  list-style: none;
  padding: 0;
  margin: 0;
  border-width:0px;
}




.email_form li {
  width:48%;
  min-height: 40px;
  float:left;  
}



.email_form li label {
  display:block;width:25%;float:left;
  line-height:1.5em;
  padding: 2px;
}

.email_form_short li label {
  display:block;width:100%;float:left;
  line-height:1.5em;
  padding: 2px;
}

.email_form li label.error {
  line-height:1em;
  width: 100%;
  padding-top:.5em;
  margin-top:.5em;
  clear:both; 
}

.email_form li input {
  display:block;width:25%;float:left;
  width:200px;
}

.email_form li.submit {
  margin-top:1em;
  width:100%;
}

.email_form li.form_heading {
  font-family:helvetica, verdana, arial, sans-serif;
  text-transform:uppercase;
  font-size:1.2em;
  padding-top: .7em;
  width:100%;
  font-weight:bold;
  
}

.email_form .email_form_textarea {
  width: 200px;
}

fieldset {
  margin: 0;
  border-width:0px;
}

label.error {
  width:100%;
}

ul.product-list {
  list-style:none;
  margin-left:0;
  padding-left:0;
  font-size: 1.5em;
  float:left;
}




ul.product-list li{
  width:100%;
  float:left;
  
}

#product-listing a:link{color: #EEE; text-decoration: none; }
#product-listing  a:visited{color: #EEE; text-decoration: none; }
#product-listing  a:hover{color: #FFF;  text-decoration: underline; }
#product-listing  a:active{color: #FFF;  text-decoration: none;  }



li.product-list-item.evenrow{
  background-color:rgba(200,200,200,.1);
  
}

.product-list-image {
  width:25%;
  min-width:120px;
  max-width:250px;
  margin-right: .4em;
  padding:1px;
  float:left;
}

.product-list-text{
  margin: .5em;
  float:left;
}



.product-page-image {
  width:50%;
  float:left;
  margin: 1em;
}



.otherproduct-item-listing {
  clear:both;
  margin-right:1em;
  padding-right: 1em;
}

.otherproduct-item-picture {
  width:20%;
  max-width: 168px;
  float:right;
  margin: 0 .5em;
}


.otherproduct-item-picture img {
  width: 168px;
}

.product-page-text {
  width:45%;
  float:left;
  margin-top: -1em;
}


.person-listing {
  margin-bottom: .5em;
  width:100%;
  float:left;
  
}

.person-picture {
  float:left;
  width: 100px;
}
.person-picture img {
  width: 97px;
}

.person-details {
  margin:0em 0em .5em .5em;
  width: 80%;
  float: left;
}


.person-details .name{
  font-weight: bold;
  font-size: 1.2em;
  margin-right: 1em;
}
.person-details .job{
  font-size: 1.1em;
  font-style: italic
}

.staff-picture {
  float: left;
  margin: 8px;
  border: 1px solid white;
}



#footer
{
  color: #CCC;
  font-size:.7em;
  clear:both;
  float:none;
  text-align: center;
  margin: 1em auto 1em;
  padding: 1em;
  text-transform:uppercase;
}


#footer a:link{color: #C33; text-decoration: underline; }
#footer a:visited{color: #D33; text-decoration: underline; }
#footer a:hover{color: #CCC;  text-decoration: underline; }
#footer a:active{color: #CCC;  text-decoration: underline;  }