/*
Index:
1a - Fonts
2a - General CSS
3a - Header CSS
4a - Content CSS
    4b - Left Sidebar CSS
    4c - Slideshow css
    4d - Right Sidebar CSS
    4d/mobile - Mobile Right Sidebar CSS
    4e - Price List Page
    4f - Pricing Page
    4g - FrontPage CSS
    4h - Products for Sale
    4i - Examples
    4j - Terms and Conditions
    4k - 56 Chevy Page
    4L - jamboree Page
5a - Footer CSS
6a - Gallery page CSS
7a - Before and After page CSS

666 - 404 Page CSS

********************************************************************************
*******************************************************************************/

/* 1a - Fonts
------------------------------------------------------------------------------*/

@font-face {
    font-family: "Top Secret";
    src:url("../fonts/topSecret/Top Secret.eot?") format("eot"),
        url("../fonts/topSecret/Top Secret.woff") format("woff"),
        url("../fonts/topSecret/Top Secret.ttf") format("truetype"),
        url("../fonts/topSecret/Top Secret.svg#Top Secret") format("svg");
}

@font-face {
    font-family: 'Dragonwick';
    src: url('../fonts/dragonWick/dragonWick.eot');
    src: url('../fonts/dragonWick/dragonWick.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dragonWick/dragonWick.woff') format('woff'),
         url('../fonts/dragonWick/dragonWick.ttf') format('truetype'),
         url('../fonts/dragonWick/dragonWick.svg#Dragonwick') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* End 1a - Fonts
------------------------------------------------------------------------------*/

/* 2a - General CSS
------------------------------------------------------------------------------*/

header, footer, aside, nav, article { 
    display: block;
}

body {
    margin: 0px;
    padding: 0px;
    font-family: 'Imprima', sans-serif;
}

a:link img, a:visited img { /* IE stupidity */
    border: 0px;
}

body:before
{
   content: "";
   position: fixed;
   top: -10px;
   left: 0;
   width: 100%;
   height: 10px;
   z-index: 100;
   -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
   -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
   box-shadow: 0px 0px 10px rgba(0,0,0,.8);
}

#contentWrapper, #titleWrapper, #welcomeNoteWrapper, #sidebarLeft, #sidebarRight, .highslide-gallery ul li, 
    #weAreHere, .priceListCell, #pricingEXWrapper, #examplesNavbar a, #error404 #contentInner div,
    #beforeAndAfter .beforeAndAfterMini, #beforeAndAfter .beforeAndAfter {
    background: rgba(0,0,0,0.1) !important;
}

#slideshow, #contentWrapper, #titleWrapper, #welcomeNoteWrapper, #sidebarLeft, #sidebarRight, .highslide-gallery ul li, 
    #weAreHere, .priceListCell, #pricingEXWrapper, #examplesNavbar a, #pricingNavbarTop, #error404 #contentInner div, 
    #beforeAndAfter .beforeAndAfterMini, #beforeAndAfter .beforeAndAfter, .pricingEXPicWrapper img, .forSalePicWrapper img {
    -webkit-box-shadow: 1px 1px 7px 0px rgba(0, 0, 0, .8);
    -moz-box-shadow: 1px 1px 7px 0px rgba(0, 0, 0, .8);
    box-shadow: 1px 1px 7px 0px rgba(0, 0, 0, .8);
}

#title, #welcomeNote, #content, #footer {
    min-width: 1000px;
    max-width: 1000px;
    margin: auto;
    padding: 20px;
    
}

h1, h2, h3, h4, #chevy56 .chapterHeader {
    margin: 0px;
    padding: 0px;
    
    color: rgba(0,0,0, .8);
    text-shadow: 0px 1px 0px rgba(256,256,256,0.8);
    font-family: 'Port Lligat Sans', sans-serif;
}

h3 {
    font-size: 25px;
    
}

h4 {
    margin: 20px 0px 10px 20px;
    font-size: 18px;
    color: rgba(0,0,0, .8);
}

a:link, a:visited {
    font-size: 15px;
    text-decoration: none;
    color: rgba(0,0,150, .8);
    text-shadow: 0 1px 0 #fff;
    
}

.greenlink a:link, greenlink a:visited {
    color: rgba(0,200,0, .8) !important;
    text-shadow: 0 -1px 0 #000  !important;
} 

a:hover {
    color: rgba(150,0,0, .8);
    
}

.bold {
    font-weight: bold;
}

.dragonWick {
    font-family: 'Dragonwick', sans-serif;
    font-size: 1.3em;
}

/* End 2a - General CSS
------------------------------------------------------------------------------*/

/* 3a - Header CSS
------------------------------------------------------------------------------*/

#titleWrapperOverLay {
        
}

#title {
    height: 172px;
    position: relative;
}

#titlePic {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 212px;
    width: 557px;
    
}

#UC {
    position: absolute;
    top: 50px;
    left: 700px;
    width: 300px;
    height: 150px;
    background: url('../pics/frontPic.jpg');
    background-size: 100% 100%;
    border-right: 2px rgba(110, 110, 110, 1) solid;
    display: none;
    
    -webkit-transform: perspective(500px) rotateY(-20deg) rotateX(-10deg) rotate(20deg);
    -moz-transform: perspective(500px) rotateY(-20deg) rotateX(-10deg) rotate(10deg);
    -ms-transform: perspective(500px) rotateY(-20deg) rotateX(-10deg) rotate(10deg);
    transform: perspective(500px) rotateY(-20deg) rotateX(-10deg) rotate(10deg);
    
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    
    -webkit-box-shadow: 5px 5px 9px 0px rgba(0, 0, 0, .8);
    -moz-box-shadow: 5px 5px 9px 0px rgba(0, 0, 0, .8);
    box-shadow: 5px 5px 9px 0px rgba(0, 0, 0, .8);
}

#frontPic {
    position: absolute;
    top: 30px;
    right: 30px;
    width: auto;
    height: 170px
}

#welcomeNoteWrapper {
    z-index: 15;
}

#welcomeNote {
    text-align: center;
    color: black;
}

/* End 3a - Header CSS
------------------------------------------------------------------------------*/

/* 4a - Content CSS
------------------------------------------------------------------------------*/



#content {
    min-height: 1100px;
}

#contentInner {
    margin-left: 200px;
    min-height: 900px;
    position: relative;
    
}

#home #contentInner {
    min-height: 1400px;
}

#weAreHere {
    width: 700px;
    height: 350px;
    margin: 10px auto 20px -200px;
    border: none;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

/* End 4a - Content CSS
------------------------------------------------------------------------------*/

/* 4b - Left Sidebar CSS
------------------------------------------------------------------------------*/

#sidebarLeft {
    float: left;
    width: 150px;
    padding: 10px;
       
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#sidebarLeft h3 {
    padding-top: 10px;
    padding-left: 10px;
}

#sidebarLeft a {
    display: block;
    padding: 10px;
    border-bottom: 1px solid grey;
    font-family: 'Port Lligat Sans', sans-serif;
    font-size: 1.15em;
}

#sidebarLeft a:hover {
    background: rgba(0,0,0,0.1);
}

.hover {
    background: rgba(0,0,0,0.1);
}

#sidebarLeft #octusAdd {
    padding: 5px 0px !important;
    border: none;
    margin-top: 10px;
}

#octusAdd img {
    width: 150px;
    
}

#sidebarLeft #jamboreePic {
    margin: 0px !important;
    padding: 0px !important;
}
#sidebarLeft #jamboreePic img {
    background: url("http://www.jamboree.com.au/news/images/J24-BJ-A4.gif");
    background-size: 150px auto;
    height: 140px;
    width: 150px;
    padding: 0px 0px !important;
    margin: 0px;
    border: none;
    margin-top: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}


#home .home, #galleryPage .galleryPage, #pricing .pricing, #priceList .pricing, #beforeAndAfter .beforeAndAfterNav, #examples .examples, #forSale .forSale, #chevy56 .chevy56, #xtras .xtras {
    color: rgba(150,0,0, .8);
}

/* End 4b - Left Sidebar CSS
------------------------------------------------------------------------------*/

/* 4c - Slideshow CSS
------------------------------------------------------------------------------*/

#slideshow {
    width: 800px;
    height: 500px;
    background: url("../pics/slideshow/bike2.jpg");
    margin-bottom: 20px;
    position: relative;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#slideshow img {
    position: absolute;
    top: 0px;
    left: 0px;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    
    -webkit-animation-duration: 60s;
    -webkit-animation-iteration-count: infinite;
    
}

@-webkit-keyframes slide1 {
    0%, 8% {opacity:0;}
    10%, 100% {opacity: 1;}
    
}

@-webkit-keyframes slide2 {
    0%, 18% {opacity:0;}
    20%, 100% {opacity: 1;}
    
}

@-webkit-keyframes slide3 {
    0%, 28% {opacity:0;}
    30%, 100% {opacity: 1;}
    
}

@-webkit-keyframes slide4 {
    0%, 38% {opacity:0;}
    40%, 100% {opacity: 1;}
    
}

@-webkit-keyframes slide5 {
    0%, 48% {opacity:0;}
    50%, 100% {opacity: 1;}
    
}

@-webkit-keyframes slide6 {
    0%, 58% {opacity:0;}
    60%, 100% {opacity: 1;}
    
}

@-webkit-keyframes slide7 {
    0%, 68% {opacity:0;}
    70%, 100% {opacity: 1;}
    
}

@-webkit-keyframes slide8 {
    0%, 78% {opacity:0;}
    80%, 100% {opacity: 1;}
    
}

@-webkit-keyframes slide9 {
    0%, 88% {opacity:0;}
    90%, 100% {opacity: 1;}
    
}

#slideshow .img1 {
    -webkit-animation-name: slide1;
}

#slideshow .img2 {
    -webkit-animation-name: slide2;
}

#slideshow .img3 {
    -webkit-animation-name: slide3;
}

#slideshow .img4 {
    -webkit-animation-name: slide4;
}

#slideshow .img5 {
    -webkit-animation-name: slide5;
}

#slideshow .img6 {
    -webkit-animation-name: slide6;
}

#slideshow .img7 {
    -webkit-animation-name: slide7;
}

#slideshow .img8 {
    -webkit-animation-name: slide8;
}

#slideshow .img9 {
    -webkit-animation-name: slide9;
}

/* End 4c - Slideshow CSS
------------------------------------------------------------------------------*/

/* 4d - Right Sidebar CSS
------------------------------------------------------------------------------*/

#sidebarRight {
    float: right;
    width: 250px;
    padding: 10px;
    
    margin: 0px 0px 10px 10px;
            
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#sidebarRight a {
    text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
}

#sidebarRight input, #sidebarRight textarea {  
    padding: 9px;  
    border: solid 2px #E5E5E5;  
    outline: 0;  
    width: 200px;  
    background: #FFFFFF;  
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}  
  
#sidebarRight textarea {  
    width: 230px;  
    max-width: 230px;  
    height: 150px;  
    max-height: 250px;
    line-height: 150%;  
}  
  
#sidebarRight input:hover, #sidebarRight textarea:hover, #sidebarRight input:focus, #sidebarRight textarea:focus {  
    border-color: orangered;  
}  
  
#sidebarRight form label {  
    margin-left: 10px;  
    
}  
  
#sidebarRight .submit {  
    width: auto;  
    padding: 9px 15px;  
    background: #617798;  
    border: 0;  
    font-size: 14px;  
    color: #FFFFFF;  
    cursor: hand;
    cursor: pointer;
    
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5);
}  

#sidebarRight .submit:hover {
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.5);
}

.good {
    color: green;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.8);
}

.bad {
    color: red;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.8);
    font-weight: bold;
}

/* End 4d - Right Sidebar CSS
------------------------------------------------------------------------------*/

/* 4d/mobile - Mobile Right Sidebar CSS
------------------------------------------------------------------------------*/

#sidebarRightMobile {
    display: none;
    width: 100%;
    padding: 10px 0px;    
}

#sidebarRightMobile a {
    text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
}

#sidebarRightMobile input, #sidebarRightMobile textarea {  
    padding: 9px;  
    border: solid 2px #E5E5E5;  
    outline: 0;  
    width: 90%; 
    max-width: 200px;
    background: #FFFFFF;  
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}  
  
#sidebarRightMobile textarea {  
    width: 90%;  
    max-width: 230px;  
    height: 150px;  
    max-height: 250px;
    line-height: 150%;  
}  
  
#sidebarRightMobile input:hover, #sidebarRightMobile textarea:hover, #sidebarRightMobile input:focus, #sidebarRightMobile textarea:focus {  
    border-color: orangered;  
}  
  
#sidebarRightMobile form label {  
    margin-left: 10px;  
    
}  
  
#sidebarRightMobile #submit {  
    width: auto;  
    padding: 9px 15px;  
    background: #617798;  
    border: 0;  
    font-size: 14px;  
    color: #FFFFFF;  
    cursor: hand;
    cursor: pointer;
    
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5);
}  

#sidebarRightMobile #submit:hover {
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.5);
}

/* End 4d/mobile - Mobile Right Sidebar CSS
------------------------------------------------------------------------------*/

/* 4e - Price List Page
------------------------------------------------------------------------------*/

#priceList #contentInner {
    min-height: 1250px;
}

#priceListWrapper {
    margin: 10px auto 10px 10px;
    width: 800px;
}

.priceListCell {
    float: left;
    width: 390px;
    margin: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.priceListPic {
    display: block;
    float: left;
    margin: 10px;
    height: 90px;
    width: 120px;
    text-align: center;
}


.priceListTableWrapper {
    width: 240px;
    float: left;
    margin-top: 10px;
}

.priceListTable {
    width: 100%;
    
}

.priceListTable tr td:nth-child(2) {
    text-align: right;
}


/* End 4e - Price List Page
------------------------------------------------------------------------------*/

/* 4f - Pricing Page
------------------------------------------------------------------------------*/

#pricingEXWrapper {
    width: 500px;
    margin-right: 10px;
    min-height: 213px;
}

.pricingEXPicWrapper {
    text-align: center;
    float: left;
    width: 240px;
    padding: 5px;
}

.pricingEXPicWrapper img {
    width: 240px;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
    
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, .8);
    -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, .8);
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, .8);
    
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.pricingEXPicWrapper span {
    
}

#pricingNavbarTop {
    width: 100%;
    height: 15px;
    
    -webkit-border-radius: 5px;
    border-radius: 5px;
    
    background: url('../pics/background2-Dark.png');
    margin-bottom: 0px;
    position: relative;
    z-index: 55;
}

#pricingNavbar {
    margin-left: 20px;
    display: table;
}

#pricingNavbar a {
    background: rgba(0,0,0,0.1);
    display: block;
    float: left;
    padding: 15px 10px 5px;
    margin: 0px 5px 10px;
    
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, .8);
    -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, .8);
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, .8);
    
    -webkit-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
    z-index: 50;
    
    -moz-transform: translate(0px, -10px);
    -webkit-transform: translate(0px, -10px);
    -o-transform: translate(0px, -10px);
    -ms-transform: translate(0px, -10px);
    transform: translate(0px, -10px);
}

#pricing .pricingNavbar-pricing, #priceList .pricingNavbar-priceList {
    -moz-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    color: rgba(150,0,0, .8);
}

#pricing #contentInner {
    display: table;
}


/* End 4f - Pricing Page
------------------------------------------------------------------------------*/

/* 4g - FrontPage CSS
------------------------------------------------------------------------------*/

#sidebarWeAreHere {
    display: block;
    position: absolute;
    top: 580px;
    left: -200px;
}

#feetWrapper {
    position: absolute;
    top: 630px;
    left: -200px;
}

#feetWrapper img {
    position: absolute;
    top: 0px;
    left: 20px;
    opacity: 0.8;
}

#feetWrapper img:nth-child(1) {
    opacity: 0.2;
}

#feetWrapper img:nth-child(2) {
    top: 100px;
    left: 90px;
    opacity: 0.3;
}

#feetWrapper img:nth-child(3) {
    top: 200px;
    left: 20px;
    opacity: 0.4;
}

#feetWrapper img:nth-child(4) {
    top: 300px;
    left: 90px;
    opacity: 0.5;
}

#feetWrapper img:nth-child(5) {
    top: 400px;
    left: 20px;
    opacity: 0.6;
}

#feetWrapper img:nth-child(6) {
    top: 500px;
    left: 90px;
    opacity: 0.7;
}

#feetWrapper img:nth-child(7) {
    top: 600px;
    left: 20px;
}

/* End 4g - FrontPage CSS
------------------------------------------------------------------------------*/

/* 4h - Products for Sale
------------------------------------------------------------------------------*/

.forSaleWrapper {
    width: 510px;
    height: auto;
    
}

.forSaleTextWrapper {
    float: right;
    width: 330px;
    position: relative;
    z-index: 0;
}

.forSalePicWrapper {
    width: 170px;
    text-align: center;
}

.forSalePicWrapper img {
    width: 170px;
    border-radius: 5px;
    
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}

.forSalePicEnlarge {
    position: relative;
    z-index: 99;
    -moz-transform: scale(3);
    -webkit-transform: scale(3);
    -o-transform: scale(3);
    -ms-transform: scale(3);
    transform: scale(3);
}

.sold {
    position: absolute;
    top: 0px;
    left: -10px;
    -moz-transform: scale(1) rotate(-30deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -webkit-transform: scale(1) rotate(-30deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -o-transform: scale(1) rotate(-30deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -ms-transform: scale(1) rotate(-30deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    transform: scale(1) rotate(-30deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
}



.sold h5 {
    font-family: "Top Secret";
    color: darkred;
    opacity: 1;
    font-size: 75px;
    margin: 0px;
    padding: 0px;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.8);
}



/* End 4h - Products for Sale
------------------------------------------------------------------------------*/

/* 4i - Examples
------------------------------------------------------------------------------*/

#examplesNavbar {
    width: 800px;
    display: table;
}

#examplesNavbar a {
    position: relative;
    display: block;
    float: left;
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
    z-index: 5;
    margin: 5px 5px 0px;
    padding: 5px 10px 20px;
    -moz-transform: translate(0px, 15px);
    -webkit-transform: translate(0px, 15px);
    -o-transform: translate(0px, 15px);
    -ms-transform: translate(0px, 15px);
    transform: translate(0px, 15px);
    
}

#examples .examples, #examples-Mags .examples-Mags, #examples-BikeParts .examples-BikeParts, #examples-CarParts .examples-CarParts {
    -moz-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    
}

#examplesBody {
    position: relative;
    width: 770px;
    padding: 15px;
    z-index: 50;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: url('../pics/background2-Dark.png');
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, .8);
    -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, .8);
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, .8);
}

.examplesBodyLinksWrapper {
    width: 770px;
    display: table;
}

.examplesBodyLinksWrapper .LinkWrapper {
    width: 385px;
    float: left;
    text-align: center;
}

.examplesBodyLinksWrapper .LinkWrapper img {
    width: 355px;
    height: 266px;
    margin: 15px;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, .8);
    -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, .8);
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, .8);
    
    -webkit-border-radius: 15px 0px 15px 0px;
    border-radius: 15px 0px 15px 0px;
}



/* End 4i - Examples
------------------------------------------------------------------------------*/

/* 4j - Terms and Conditions
------------------------------------------------------------------------------*/

#termsAndConditions li {
    padding: 10px 5px;
}

#termsAndConditions li:hover {
    background: rgba(0,0,0,0.1);
    color: rgba(150,0,0,1);
}

/* End 4j - Terms and Conditions
------------------------------------------------------------------------------*/

/* 4k - 56 Chevy Page
------------------------------------------------------------------------------*/

#chevy56 .chapterPicWrapper {
    float: right;
    width: 310px;
    margin-left: 15px;
    margin-bottom: 5px;
    margin-top: 1em;
}

#chevy56 .chapterMainPic {
    width: 320px;
    height: 240px;
    background: url('../pics/56Chevy/chapter1_6MainSprite.jpg');
    background-position: 0px 0px;
    background-size: 15360px 240px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 10px;
    
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .8);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .8);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .8);
    
    cursor: pointer; 
    cursor: hand;
}

#chevy56 #chapter2MainPic {background-position: -1920px 0px;}
#chevy56 #chapter3MainPic {background-position: -3840px 0px;}
#chevy56 #chapter4MainPic {background-position: -6720px 0px;}
#chevy56 #chapter5MainPic {background-position: -8640px 0px;}
#chevy56 #chapter6MainPic {background-position: -12480px 0px;}

.transition {
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

#chevy56 .chapterBottomPicWrapper {
    width: 320px;
}

#chevy56 .chapterBottomPic {
    width: 100px;
    height: 75px;
    background: url('../pics/56Chevy/chapter1_6ThumbSprite.jpg');
    background-size: 4800px 75px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer; 
    cursor: hand;
    
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, .8);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, .8);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, .8);
}

#chevy56 .chapterBottomPic:hover {
    -moz-transform: scale(1.05) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -webkit-transform: scale(1.05) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -o-transform: scale(1.05) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -ms-transform: scale(1.05) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    transform: scale(1.05) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
}

#chevy56 .chevyPicEnlarge {
    -moz-transform: scale(2) rotate(0deg) translateX(-76px) translateY(57px) skewX(0deg) skewY(0deg);
    -webkit-transform: scale(2) rotate(0deg) translateX(-76px) translateY(57px) skewX(0deg) skewY(0deg);
    -o-transform: scale(2) rotate(0deg) translateX(-76px) translateY(57px) skewX(0deg) skewY(0deg);
    -ms-transform: scale(2) rotate(0deg) translateX(-76px) translateY(57px) skewX(0deg) skewY(0deg);
    transform: scale(2) rotate(0deg) translateX(-76px) translateY(57px) skewX(0deg) skewY(0deg);
}

#chevy56 .rightMost {
    margin-right: 0px;
}

#chevy56 h3, #chevy56 h4 {
    margin: 0px;
    padding: 10px 0px;
}

#chevy56 h4 {
    padding: 10px 20px;
}

#chevy56 #chapter1BottomPic1 {}
#chevy56 #chapter1BottomPic2 {background-position: -100px 0px;}
#chevy56 #chapter1BottomPic3 {background-position: -200px 0px;}
#chevy56 #chapter1BottomPic4 {background-position: -300px 0px;}
#chevy56 #chapter1BottomPic5 {background-position: -400px 0px;}
#chevy56 #chapter1BottomPic6 {background-position: -500px 0px;}

#chevy56 #chapter2BottomPic1 {background-position: -600px 0px;}
#chevy56 #chapter2BottomPic2 {background-position: -700px 0px;}
#chevy56 #chapter2BottomPic3 {background-position: -800px 0px;}
#chevy56 #chapter2BottomPic4 {background-position: -900px 0px;}
#chevy56 #chapter2BottomPic5 {background-position: -1000px 0px;}
#chevy56 #chapter2BottomPic6 {background-position: -1100px 0px;}

#chevy56 #chapter3BottomPic1 {background-position: -1200px 0px;}
#chevy56 #chapter3BottomPic2 {background-position: -1300px 0px;}
#chevy56 #chapter3BottomPic3 {background-position: -1400px 0px;}
#chevy56 #chapter3BottomPic4 {background-position: -1500px 0px;}
#chevy56 #chapter3BottomPic5 {background-position: -1600px 0px;}
#chevy56 #chapter3BottomPic6 {background-position: -1700px 0px;}
#chevy56 #chapter3BottomPic7 {background-position: -1800px 0px;}
#chevy56 #chapter3BottomPic8 {background-position: -1900px 0px;}
#chevy56 #chapter3BottomPic9 {background-position: -2000px 0px;}

#chevy56 #chapter4BottomPic1 {background-position: -2100px 0px;}
#chevy56 #chapter4BottomPic2 {background-position: -2200px 0px;}
#chevy56 #chapter4BottomPic3 {background-position: -2300px 0px;}
#chevy56 #chapter4BottomPic4 {background-position: -2400px 0px;}
#chevy56 #chapter4BottomPic5 {background-position: -2500px 0px;}
#chevy56 #chapter4BottomPic6 {background-position: -2600px 0px;}

#chevy56 #chapter5BottomPic1 {background-position: -2700px 0px;}
#chevy56 #chapter5BottomPic2 {background-position: -2800px 0px;}
#chevy56 #chapter5BottomPic3 {background-position: -2900px 0px;}
#chevy56 #chapter5BottomPic4 {background-position: -3000px 0px;}
#chevy56 #chapter5BottomPic5 {background-position: -3100px 0px;}
#chevy56 #chapter5BottomPic6 {background-position: -3200px 0px;}
#chevy56 #chapter5BottomPic7 {background-position: -3300px 0px;}
#chevy56 #chapter5BottomPic8 {background-position: -3400px 0px;}
#chevy56 #chapter5BottomPic9 {background-position: -3500px 0px;}
#chevy56 #chapter5BottomPic10 {background-position: -3600px 0px;}
#chevy56 #chapter5BottomPic11 {background-position: -3700px 0px;}
#chevy56 #chapter5BottomPic12 {background-position: -3800px 0px;}

#chevy56 #chapter6BottomPic1 {background-position: -3900px 0px;}
#chevy56 #chapter6BottomPic2 {background-position: -4000px 0px;}
#chevy56 #chapter6BottomPic3 {background-position: -4100px 0px;}
#chevy56 #chapter6BottomPic4 {background-position: -4200px 0px;}
#chevy56 #chapter6BottomPic5 {background-position: -4300px 0px;}
#chevy56 #chapter6BottomPic6 {background-position: -4400px 0px;}
#chevy56 #chapter6BottomPic7 {background-position: -4500px 0px;}
#chevy56 #chapter6BottomPic8 {background-position: -4600px 0px;}
#chevy56 #chapter6BottomPic9 {background-position: -4700px 0px;}


.hidden {
    display: none;
}

#javaScriptWarning {
    color: darkred;
}

#chevy56 #chapterHeaderWrapper {
    height: 46px;
    margin-top: 10px;
}

#chevy56 .chapterHeader {
    font-size: 23px;
    padding: 4px 8px;
    margin: 4px 8px;
    font-weight: bold;
    float: left;
    cursor: pointer; 
    cursor: hand;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    
    background: rgba(0, 0, 0, 0.1) !important;
    -webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, .8);
    -moz-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, .8);
    box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, .8);
    
    -moz-transform: translateX(-2px) translateY(-2px);
    -webkit-transform: translateX(-2px) translateY(-2px);
    -o-transform: translateX(-2px) translateY(-2px);
    -ms-transform: translateX(-2px) translateY(-2px);
    transform: translateX(-2px) translateY(-2px);
}

#chevy56 .chapterHeader:hover {
    -webkit-box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, .8);
    -moz-box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, .8);
    box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, .8);
    background: rgba(0, 0, 0, 0) !important;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    
    -moz-transform: translateX(0px) translateY(0px);
    -webkit-transform: translateX(0px) translateY(0px);
    -o-transform: translateX(0px) translateY(0px);
    -ms-transform: translateX(0px) translateY(0px);
    transform: translateX(0px) translateY(0px);
}

#chevy56 .active {
    -moz-transform: translateX(2px) translateY(2px);
    -webkit-transform: translateX(2px) translateY(2px);
    -o-transform: translateX(2px) translateY(2px);
    -ms-transform: translateX(2px) translateY(2px);
    transform: translateX(2px) translateY(2px);
    
    -webkit-box-shadow: inset 1px 01px 4px 0px rgba(0, 0, 0, .8);
    -moz-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, .8);
    box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, .8);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: url('../pics/background2.png') !important;
}

/* End 4k - 56 Chevy Page
------------------------------------------------------------------------------*/

/* 4L - jamboree Page
------------------------------------------------------------------------------*/

#jamboreeRafflePrizePics {
    width: 512px;
    padding: 0px;
    margin: 0px;
    height: 385px;
}

#jamPrizeBig {
    width: 510px;
    padding: 0px;
    margin: 0px;
    height: 383px;
    border: 1px solid black;
    background: url('../pics/jamboreePics/prizeSpriteBig.png');
    background-position: 0px 0px;
    background-size: 3570px 383px;
}

#jamPrizeSmallWrapper {
    width: 508px;
    padding: 2px;
    height: 190px;
    background: black;
}

#jamPrizeSmallWrapper img {
    float: left;
    width: 124px;
    height: 93px;
    border: 1px solid black;
    background: url('../pics/jamboreePics/prizeSpriteSmall.png') no-repeat;
    background-size: 868px auto;
}

#jamPrizeSmallWrapper img:hover {
    border: 1px solid white;
}

#jamPrizeSmallWrapper #jamPrizeSmall1 {background-position: -125px 0px;}
#jamPrizeSmallWrapper #jamPrizeSmall2 {background-position: -250px 0px;}
#jamPrizeSmallWrapper #jamPrizeSmall3 {background-position: -372px 0px;}
#jamPrizeSmallWrapper #jamPrizeSmall4 {background-position: -496px 0px;}
#jamPrizeSmallWrapper #jamPrizeSmall5 {background-position: -620px 0px;}
#jamPrizeSmallWrapper #jamPrizeSmall6 {background-position: -746px 0px;}



/* End 4L - jamboree Page
------------------------------------------------------------------------------*/

/* 5a - Footer CSS
------------------------------------------------------------------------------*/

#footerWrapper {
    background: url('../pics/background2.png');
    
}

#footer {
    text-align: center;
    color: black;
}

#footer img {
    width: 30px;
    margin: 10px 0px -10px 0px;
}

/* End 5a - Footer CSS
------------------------------------------------------------------------------*/

/* 6a - Gallery page CSS
------------------------------------------------------------------------------*/

.highslide-gallery ul li {
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.highslide-gallery ul li:hover {
    border: 1px solid orange;
}


/* End 6a - Gallery page CSS
------------------------------------------------------------------------------*/

/* 7a - Before and After page CSS
------------------------------------------------------------------------------*/

#beforeAndAfter .beforeAndAfter {
    position: relative;
    width: 800px;
    height: 500px;
    padding: 10px;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#beforeAndAfter .beforeAndAfter img {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 800px;
    height: 500px;
    
    background-position: 0px 0px;
    background-size: 1600px 500px;
}

#beforeAndAfter #tappetCovers, #beforeAndAfter #tappetCoversMini1, #beforeAndAfter #tappetCoversMini2 {
    background: url('../pics/beforeAndAfter/tappetCoversSprite.png');
}

#beforeAndAfter #motorBikeForks, #beforeAndAfter #motorBikeForksMini1, #beforeAndAfter #motorBikeForksMini2 {
    background: url('../pics/beforeAndAfter/motorBikeForksSprite.png');
}

#beforeAndAfter #quellFireExtinguisher1967, #beforeAndAfter #quellFireExtinguisher1967Mini1, #beforeAndAfter #quellFireExtinguisher1967Mini2 {
    background: url('../pics/beforeAndAfter/1967QuellFireExtinguisherSprite.png');
}

#beforeAndAfter #tappetCoversMini1, #beforeAndAfter #tappetCoversMini2, 
#beforeAndAfter #motorBikeForksMini1, #beforeAndAfter #motorBikeForksMini2,
#beforeAndAfter #quellFireExtinguisher1967Mini1, #beforeAndAfter #quellFireExtinguisher1967Mini2 {
    background-position: 0px 0px;
    background-size: 700px 220px;
}

#beforeAndAfter #tappetCoversMini2, #beforeAndAfter #motorBikeForksMini2, #beforeAndAfter #quellFireExtinguisher1967Mini2 {
    background-position: -350px 0px;
}

#beforeAndAfter .beforeAndAfterMini {
    position: relative;
    width: 700px;
    height: 220px;
    margin-left: 50px;
    margin-top: -50px;
    padding: 10px;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#beforeAndAfter .beforeAndAfterMini img {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 350px;
    height: 220px;
}

#beforeAndAfter .beforeAndAfterMini .beforeAndAfterMiniPic2 {
    left: 360px;
}


/* End 7a - Before and After page CSS
------------------------------------------------------------------------------*/



/* 666 - 404 page CSS
------------------------------------------------------------------------------*/

#error404 #contentInner {
    text-align: center;
}

#error404 #contentInner h3 {
    font-family: "Top Secret";
    font-size: 80px;
    color: darkred;
}

#error404 #contentInner h4 {
    font-family: "Top Secret";
    font-size: 50px;
    margin-bottom: 20px;
}

#error404 #contentInner div { 
    padding: 20px;
    width: 600px;
    text-align: center;
    margin: auto;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#error404 #contentInner div img {
    width: 600px;
    height: 410px;
}

#error404 #contentInner div span {
    margin-top: -30px;
}

/* End 666 - 404 page CSS
------------------------------------------------------------------------------*/

#happyBirthDay {
    position: absolute;
    top: 520px;
    left: 310px;
    -moz-transform: scale(1) rotate(30deg) translate(0px, 0px) skew(0deg, 0deg);
    -webkit-transform: scale(1) rotate(30deg) translate(0px, 0px) skew(0deg, 0deg);
    -o-transform: scale(1) rotate(30deg) translate(0px, 0px) skew(0deg, 0deg);
    -ms-transform: scale(1) rotate(30deg) translate(0px, 0px) skew(0deg, 0deg);
    transform: scale(1) rotate(30deg) translate(0px, px) skew(0deg, 0deg);
    display: none;
}

#happyBirthDay h1 {
    font-family: "Top Secret";
    font-size: 70px;
    color: darkred;
    text-shadow: 4px 4px 8px rgba(0,0,0,0.8);
}