<!--
scriptdir: 
resource_root: https://www.ryancbinns.com/
global_file_prefix: /assets/production/
contentBase: firebird/
pageId: firebird/
requestURI: /firebird/
use_rewrite_paths: true
get: Array
(
    [rel] => 1
    [pageid] => firebird/
)

array(2) {
  [0]=>
  string(1) "/"
  [1]=>
  string(8) "firebird"
}

object(stdClass)#9 (7) {
  ["pagetitle"]=>
  string(21) "Ryan's Install Guides"
  ["style"]=>
  string(12) "firebird.css"
  ["styleContentBase"]=>
  string(9) "firebird/"
  ["sidebar"]=>
  object(stdClass)#2 (4) {
    ["avatar"]=>
    string(10) "avatar.png"
    ["image"]=>
    string(6) "bg.jpg"
    ["text"]=>
    string(64) "**1997 Pontiac Trans Am**
Project Photos and Installation Guides"
    ["footer"]=>
    object(stdClass)#4 (2) {
      ["copyright"]=>
      string(13) "Ryan C. Binns"
      ["icons"]=>
      array(4) {
        [0]=>
        object(stdClass)#5 (3) {
          ["url"]=>
          string(1) "/"
          ["iconclass"]=>
          string(7) "fa-home"
          ["title"]=>
          string(4) "Home"
        }
        [1]=>
        object(stdClass)#6 (3) {
          ["url"]=>
          string(29) "https://twitter.com/theheadfl"
          ["iconclass"]=>
          string(10) "fa-twitter"
          ["title"]=>
          string(7) "Twitter"
        }
        [2]=>
        object(stdClass)#7 (3) {
          ["url"]=>
          string(36) "https://www.facebook.com/ryan.binns1"
          ["iconclass"]=>
          string(18) "fa-facebook-square"
          ["title"]=>
          string(8) "Facebook"
        }
        [3]=>
        object(stdClass)#8 (3) {
          ["url"]=>
          string(27) "mailto:ryan.binns@gmail.com"
          ["iconclass"]=>
          string(13) "fa-envelope-o"
          ["title"]=>
          string(5) "Email"
        }
      }
    }
  }
  ["sidebarContentBase"]=>
  string(9) "firebird/"
  ["id"]=>
  string(9) "firebird/"
  ["articles"]=>
  array(23) {
    [0]=>
    array(2) {
      ["type"]=>
      string(4) "text"
      ["text"]=>
      string(376) "# The Firebird
I've owned this '97 Trans Am since 2002, and over that time I've made many modifications.  The car is still in great shape and although I don't work on it as much as I did in the past, it is still great fun to drive.  In order to help others in the F-Body community, I've documented some of these experiences here as install guides and project photo galleries."
    }
    [1]=>
    array(2) {
      ["type"]=>
      string(6) "header"
      ["image"]=>
      string(16) "firebird2024.jpg"
    }
    [2]=>
    array(2) {
      ["type"]=>
      string(4) "text"
      ["text"]=>
      string(16) "# Install Guides"
    }
    [3]=>
    array(6) {
      ["id"]=>
      string(7) "camswap"
      ["type"]=>
      string(8) "pagelink"
      ["title"]=>
      string(8) "Cam Swap"
      ["desc"]=>
      string(38) "Installing a Comp Camps XE224/230 cam."
      ["link"]=>
      NULL
      ["thumbnail"]=>
      string(16) "camswap_crop.jpg"
    }
    [4]=>
    array(6) {
      ["id"]=>
      string(6) "brakes"
      ["type"]=>
      string(8) "pagelink"
      ["title"]=>
      string(21) "Big Brake Kit Install"
      ["desc"]=>
      string(59) "Installing a Wilwood Superlite 6 Piston 13\" Big Brake Kit."
      ["link"]=>
      NULL
      ["thumbnail"]=>
      string(15) "brakes_crop.jpg"
    }
    [5]=>
    array(6) {
      ["id"]=>
      string(6) "clutch"
      ["type"]=>
      string(8) "pagelink"
      ["title"]=>
      string(27) "Clutch and Flywheel Install"
      ["desc"]=>
      string(56) "Installing a SPEC Stage 4 clutch and SLP Steel flywheel."
      ["link"]=>
      NULL
      ["thumbnail"]=>
      string(15) "clutch_crop.jpg"
    }
    [6]=>
    array(6) {
      ["id"]=>
      string(7) "headers"
      ["type"]=>
      string(8) "pagelink"
      ["title"]=>
      string(24) "Longtube Headers Install"
      ["desc"]=>
      string(44) "Jet Hot Longtube Headers and Y-Pipe Install."
      ["link"]=>
      NULL
      ["thumbnail"]=>
      string(16) "headers_crop.jpg"
    }
    [7]=>
    array(6) {
      ["id"]=>
      string(9) "waterpump"
      ["type"]=>
      string(8) "pagelink"
      ["title"]=>
      string(23) "Electric Waterpump Swap"
      ["desc"]=>
      string(50) "CSR Water Pump Install and Warning Circuit Wiring."
      ["link"]=>
      NULL
      ["thumbnail"]=>
      string(18) "waterpump_crop.jpg"
    }
    [8]=>
    array(6) {
      ["id"]=>
      string(9) "windowfix"
      ["type"]=>
      string(8) "pagelink"
      ["title"]=>
      string(17) "F-Body Window Fix"
      ["desc"]=>
      string(45) "AutoTrix Window Fix and Express Down Install."
      ["link"]=>
      NULL
      ["thumbnail"]=>
      string(18) "windowfix_crop.jpg"
    }
    [9]=>
    array(6) {
      ["id"]=>
      string(6) "hidkit"
      ["type"]=>
      string(8) "pagelink"
      ["title"]=>
      string(17) "HID Headlight Kit"
      ["desc"]=>
      string(56) "Blackbird Lighting Solutions Bi-Xenon HID Projector Kit."
      ["link"]=>
      NULL
      ["thumbnail"]=>
      string(10) "hidkit.jpg"
    }
    [10]=>
    array(6) {
      ["id"]=>
      string(9) "bosch30lb"
      ["type"]=>
      string(8) "pagelink"
      ["title"]=>
      string(28) "Bosch 30lb Injectors Install"
      ["desc"]=>
      string(61) "Installing Bosch III 30lb Injectors and polishing fuel rails."
      ["link"]=>
      NULL
      ["thumbnail"]=>
      string(13) "bosch30lb.jpg"
    }
    [11]=>
    array(6) {
      ["id"]=>
      string(6) "stereo"
      ["type"]=>
      string(8) "pagelink"
      ["title"]=>
      string(10) "Car Stereo"
      ["desc"]=>
      string(75) "Custom car stereo, light-up head unit mount, hidden amplifier install, etc."
      ["link"]=>
      NULL
      ["thumbnail"]=>
      string(10) "stereo.jpg"
    }
    [12]=>
    array(6) {
      ["id"]=>
      string(8) "bilstein"
      ["type"]=>
      string(8) "pagelink"
      ["title"]=>
      string(40) "SLP Bilstein / Eibach Shocks and Springs"
      ["desc"]=>
      string(60) "Installing the SLP Bilstein / Eibach Shocks and Springs Kit."
      ["link"]=>
      NULL
      ["thumbnail"]=>
      string(18) "bilsteineibach.jpg"
    }
    [13]=>
    array(6) {
      ["id"]=>
      string(8) "wideband"
      ["type"]=>
      string(8) "pagelink"
      ["title"]=>
      string(30) "Innovate LC-2 Wideband Install"
      ["desc"]=>
      string(88) "Installing the Innovate Motorsports LC-2 Wideband and wiring to the PCM for datalogging."
      ["link"]=>
      NULL
      ["thumbnail"]=>
      string(12) "wideband.jpg"
    }
    [14]=>
    array(6) {
      ["id"]=>
      string(8) "fuelpump"
      ["type"]=>
      string(8) "pagelink"
      ["title"]=>
      string(40) "Racetronix Fuel Pump and Harness Install"
      ["desc"]=>
      string(67) "Installing the Racetronix 255lph Fuel Pump and Hotwire Harness Kit."
      ["link"]=>
      NULL
      ["thumbnail"]=>
      string(12) "fuelpump.jpg"
    }
    [15]=>
    array(6) {
      ["id"]=>
      string(11) "smokedtails"
      ["type"]=>
      string(8) "pagelink"
      ["title"]=>
      string(26) "Smoked Trans Am Taillights"
      ["desc"]=>
      string(75) "Modifying the factory Trans Am taillights to create a subtle smoked effect."
      ["link"]=>
      NULL
      ["thumbnail"]=>
      string(15) "smokedtails.jpg"
    }
    [16]=>
    array(6) {
      ["id"]=>
      string(12) "ledexteriors"
      ["type"]=>
      string(8) "pagelink"
      ["title"]=>
      string(19) "LED Exterior Lights"
      ["desc"]=>
      string(82) "Replacing all exterior lights with LED bulbs and wiring up an LED 3rd Brake Light."
      ["link"]=>
      NULL
      ["thumbnail"]=>
      string(16) "ledexteriors.jpg"
    }
    [17]=>
    array(6) {
      ["id"]=>
      string(7) "ledfogs"
      ["type"]=>
      string(8) "pagelink"
      ["title"]=>
      string(14) "LED Fog Lights"
      ["desc"]=>
      string(69) "Modifying some eBay LED Fog Lights to replace the factory fog lights."
      ["link"]=>
      NULL
      ["thumbnail"]=>
      string(11) "ledfogs.jpg"
    }
    [18]=>
    array(6) {
      ["id"]=>
      string(10) "wheelshubs"
      ["type"]=>
      string(8) "pagelink"
      ["title"]=>
      string(37) "Replica C6 Z06 18x9.5 Wheels and Hubs"
      ["desc"]=>
      string(52) "New Replica C6 Z06 18x9.5 Wheels and new Wheel Hubs."
      ["link"]=>
      NULL
      ["thumbnail"]=>
      string(14) "wheelshubs.jpg"
    }
    [19]=>
    array(6) {
      ["id"]=>
      string(15) "steeringknuckle"
      ["type"]=>
      string(8) "pagelink"
      ["title"]=>
      string(27) "Steering Knuckle Conversion"
      ["desc"]=>
      string(53) "Replacing the steering 'rag joing' with a hard joint."
      ["link"]=>
      NULL
      ["thumbnail"]=>
      string(19) "steeringknuckle.jpg"
    }
    [20]=>
    array(6) {
      ["id"]=>
      string(12) "steeringbtns"
      ["type"]=>
      string(8) "pagelink"
      ["title"]=>
      string(37) "Steering Wheel Buttons LED Conversion"
      ["desc"]=>
      string(102) "Converting the factory steering wheel radio control buttons to LEDs and replacing the turn signal cam."
      ["link"]=>
      NULL
      ["thumbnail"]=>
      string(16) "steeringbtns.jpg"
    }
    [21]=>
    array(6) {
      ["id"]=>
      string(13) "powersteering"
      ["type"]=>
      string(8) "pagelink"
      ["title"]=>
      string(40) "Power Steering Pump and Rack Replacement"
      ["desc"]=>
      string(58) "Replacing the power steering pump and power steering rack."
      ["link"]=>
      NULL
      ["thumbnail"]=>
      string(17) "powersteering.jpg"
    }
    [22]=>
    array(6) {
      ["id"]=>
      string(16) "headlinerconsole"
      ["type"]=>
      string(8) "pagelink"
      ["title"]=>
      string(47) "Headliner Replacement and Console Refurbishment"
      ["desc"]=>
      string(175) "Replacing the headliner with a reproduction from Stock Interiors and replacing the center console with a used one in better condition, with a Hawks reproduction upper console."
      ["link"]=>
      NULL
      ["thumbnail"]=>
      string(20) "headlinerconsole.jpg"
    }
  }
}
-->
<!DOCTYPE HTML>
<!--
	Strata by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
	<head>
		<title>Ryan's Install Guides</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<script nomodule src="https://cdnjs.cloudflare.com/ajax/libs/babel-polyfill/6.26.0/polyfill.min.js" integrity="sha256-WRc/eG3R84AverJv0zmqxAmdwQxstUpqkiE+avJ3WSo=" crossorigin="anonymous"></script>
		<style>
            .hidden {
                display: none !important; 
            }
        </style>
        <style>
            .carousel {
                position: relative;
                width: 100%; /* or any fixed width */
                height: 400px; /* adjust as needed */
                overflow: hidden;
                border-radius: 0.35em;
                margin: 0 0 2em 0;
            }

            .carousel-image {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                opacity: 0;
                transition: opacity 2s ease-in-out;
            }

            .carousel-image.active {
                opacity: 1;
            }

            .carousel-caption {
                position: absolute;
                /*width: 100%;*/
                text-align: right;
                right: 0;
                bottom: 0;
                margin: 0 1em 0.5em 0;
                color: #c2c2c2;
                font-style: italic;
                font-size: 1.2em;
                transition: opacity 1s ease; /* Duration and timing function */
                opacity: 1; /* Default state */
                background: rgba(0, 0, 0, 0.2);
                backdrop-filter: blur(4px);
                border-radius: 0.25em;
                padding: 0.1em 0.5em;
            }
            /* Class to trigger fade out */
            .carousel-caption.fade {
                opacity: 0;
            }

            @media screen and (max-width: 736px) {
                .carousel-caption {
                    font-size: 1em;
                    line-height: 1.1em;
                }
            }

            @media screen and (max-width: 480px) {
                .carousel-caption {
                    font-size: 0.8em;
                    line-height: 1.1em;
                }
            }
        </style>
        <script>
            // Basic debounce function
            function debounce(func, wait) {
                let timeout;
                return function executedFunction(...args) {
                    const later = () => {
                        clearTimeout(timeout);
                        func(...args);
                    };
                    clearTimeout(timeout);
                    timeout = setTimeout(later, wait);
                };
            }
            
            function getCarouselFunction(selectorSuffix) {
                let captionDiv = null;
                const images = document.querySelectorAll('.carousel-image-' + selectorSuffix);
                if (images?.length > 0) {
                    let img = images[0];
                    let carouselDiv = img.parentElement;
                    captionDiv = carouselDiv.querySelector('div.carousel-caption');
                    if (captionDiv) { 
                        captionDiv.innerHTML = img.alt;
                    }
                    img.onload = function() {
                        let naturalWidth = this.naturalWidth;
                        let naturalHeight = this.naturalHeight;
                        let clientWidth = this.clientWidth;

                        // Set the correct height on the parent container
                        carouselDiv.style.height = Math.round((clientWidth / naturalWidth) * naturalHeight) + 'px';
                    }
                    const observer = new ResizeObserver(debounce((entries) => {
                        for (let entry of entries) {
                            const { width, height } = entry.contentRect;

                            let naturalWidth = img.naturalWidth;
                            let naturalHeight = img.naturalHeight;
                            let clientWidth = width;

                            // Set the correct height on the parent container
                            carouselDiv.style.height = Math.round((clientWidth / naturalWidth) * naturalHeight) + 'px';
                        }
                    }, 200));

                    observer.observe(img);
                }
                
                let counter = 0;
                let firstRun = true;
                return () => {
                    // Function to show the current image
                    images.forEach((image, index) => {
                        image.classList.remove('active');
                        if (index === counter) {
                            image.classList.add('active');
                            if (captionDiv && !firstRun) {
                                if (image.alt) {
                                    // Add fade class to start fade out
                                    captionDiv.classList.add('fade');
                                    
                                    // Wait for fade out, then update content and fade in
                                    setTimeout(() => {
                                        captionDiv.innerHTML = image.alt;      // Update content
                                        captionDiv.classList.remove('fade');    // Fade back in
                                    }, 600); // Match this to the transition duration
                                }
                                else {
                                    captionDiv.innerHTML = '';
                                }
                            }
                        }
                    });
                    counter = (counter + 1) % images.length;
                    firstRun = false;
                };
            }
            function doCarousel(selectorSuffix, carouselTimeMS) {
                document.addEventListener('DOMContentLoaded', function() {
                    let carouselFunction = getCarouselFunction(selectorSuffix);
        
                    // Show the first image immediately
                    carouselFunction();
        
                    // Change image every 3 seconds (adjust as needed)
                    setInterval(carouselFunction, carouselTimeMS);
                });
            }
        </script>
        <link rel="stylesheet" href="/assets/production/css/main.css" />
                    <link rel="stylesheet" href="/assets/production/pagedata/firebird/css/firebird.css" /> 
        	</head>
	<!-- Google tag (gtag.js) -->
	<script async src="https://www.googletagmanager.com/gtag/js?id=G-X5FX9HKB92"></script>
	<script>
	window.dataLayer = window.dataLayer || [];
	function gtag(){dataLayer.push(arguments);}
	gtag('js', new Date());

	gtag('config', 'G-X5FX9HKB92');
	</script>
	<body id="top">
		<!-- Main -->
		<div id="react">
			    <div>
            <header id="header" style="background-image: url('/assets/production/css/images/overlay.png'), url('/assets/production/pagedata/firebird/images/bg.jpg');">
        <div class="inner">
            <img class="image avatar" src="/assets/production/pagedata/firebird/images/avatar.png" onClick="window.location.href = '/';" alt="" />
            <h1><p><strong>1997 Pontiac Trans Am</strong>
 Project Photos and Installation Guides</p>
</h1>
        </div>
            <footer id="sidebarfooter"  class="sidebarfooter hidden">
        <div class="inner">
            <ul class="icons">
                <li><a href="/" class="icon fa-home" title="Home"><span class="label">Home</span></a></li>
                <li><a href="https://twitter.com/theheadfl" class="icon fa-twitter" title="Twitter"><span class="label">Twitter</span></a></li>
                <li><a href="https://www.facebook.com/ryan.binns1" class="icon fa-facebook-square" title="Facebook"><span class="label">Facebook</span></a></li>
                <li><a href="mailto:ryan.binns@gmail.com" class="icon fa-envelope-o" title="Email"><span class="label">Email</span></a></li>
            </ul>
            <ul class="copyright">
                <li>&copy; Ryan C. Binns</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
            </ul>
        </div>
    </footer>
    </header>
        <div id="main">
            <div id="articles">
                    <div class="row">
        <article class="12u 12u$(xsmall) work-item markdown">
            <h1>The Firebird</h1>
<p>I've owned this '97 Trans Am since 2002, and over that time I've made many modifications.  The car is still in great shape and although I don't work on it as much as I did in the past, it is still great fun to drive.  In order to help others in the F-Body community, I've documented some of these experiences here as install guides and project photo galleries.</p>
        </article>
    </div>
    <div class="row">
        <section>
			<a href="#" class="image fit" onClick="window.scrollTo({ top: 0, left: 0, behavior: 'smooth' });"><img src="/assets/production/pagedata/firebird/images/headers/firebird2024.jpg" alt="" /></a>
        </section>
    </div>
    <div class="row">
        <article class="12u 12u$(xsmall) work-item markdown">
            <h1>Install Guides</h1>
        </article>
    </div>
                <div class="row">
                <article class="6u 12u$(xsmall) work-item">
        <a href="/firebird/camswap" class="image fit thumb" desc="Cam Swap" ><img src="/assets/production/pagedata/firebird/images/thumbs/camswap_crop.jpg" alt="" /></a>
        <h3><a href="/firebird/camswap">Cam Swap</a></h3>
        <p>Installing a Comp Camps XE224/230 cam.</p>
    </article>
    <article class="6u 12u$(xsmall) work-item">
        <a href="/firebird/brakes" class="image fit thumb" desc="Big Brake Kit Install" ><img src="/assets/production/pagedata/firebird/images/thumbs/brakes_crop.jpg" alt="" /></a>
        <h3><a href="/firebird/brakes">Big Brake Kit Install</a></h3>
        <p>Installing a Wilwood Superlite 6 Piston 13&quot; Big Brake Kit.</p>
    </article>
                </div>
                            <div class="row">
                <article class="6u 12u$(xsmall) work-item">
        <a href="/firebird/clutch" class="image fit thumb" desc="Clutch and Flywheel Install" ><img src="/assets/production/pagedata/firebird/images/thumbs/clutch_crop.jpg" alt="" /></a>
        <h3><a href="/firebird/clutch">Clutch and Flywheel Install</a></h3>
        <p>Installing a SPEC Stage 4 clutch and SLP Steel flywheel.</p>
    </article>
    <article class="6u 12u$(xsmall) work-item">
        <a href="/firebird/headers" class="image fit thumb" desc="Longtube Headers Install" ><img src="/assets/production/pagedata/firebird/images/thumbs/headers_crop.jpg" alt="" /></a>
        <h3><a href="/firebird/headers">Longtube Headers Install</a></h3>
        <p>Jet Hot Longtube Headers and Y-Pipe Install.</p>
    </article>
                </div>
                            <div class="row">
                <article class="6u 12u$(xsmall) work-item">
        <a href="/firebird/waterpump" class="image fit thumb" desc="Electric Waterpump Swap" ><img src="/assets/production/pagedata/firebird/images/thumbs/waterpump_crop.jpg" alt="" /></a>
        <h3><a href="/firebird/waterpump">Electric Waterpump Swap</a></h3>
        <p>CSR Water Pump Install and Warning Circuit Wiring.</p>
    </article>
    <article class="6u 12u$(xsmall) work-item">
        <a href="/firebird/windowfix" class="image fit thumb" desc="F-Body Window Fix" ><img src="/assets/production/pagedata/firebird/images/thumbs/windowfix_crop.jpg" alt="" /></a>
        <h3><a href="/firebird/windowfix">F-Body Window Fix</a></h3>
        <p>AutoTrix Window Fix and Express Down Install.</p>
    </article>
                </div>
                            <div class="row">
                <article class="6u 12u$(xsmall) work-item">
        <a href="/firebird/hidkit" class="image fit thumb" desc="HID Headlight Kit" ><img src="/assets/production/pagedata/firebird/images/thumbs/hidkit.jpg" alt="" /></a>
        <h3><a href="/firebird/hidkit">HID Headlight Kit</a></h3>
        <p>Blackbird Lighting Solutions Bi-Xenon HID Projector Kit.</p>
    </article>
    <article class="6u 12u$(xsmall) work-item">
        <a href="/firebird/bosch30lb" class="image fit thumb" desc="Bosch 30lb Injectors Install" ><img src="/assets/production/pagedata/firebird/images/thumbs/bosch30lb.jpg" alt="" /></a>
        <h3><a href="/firebird/bosch30lb">Bosch 30lb Injectors Install</a></h3>
        <p>Installing Bosch III 30lb Injectors and polishing fuel rails.</p>
    </article>
                </div>
                            <div class="row">
                <article class="6u 12u$(xsmall) work-item">
        <a href="/firebird/stereo" class="image fit thumb" desc="Car Stereo" ><img src="/assets/production/pagedata/firebird/images/thumbs/stereo.jpg" alt="" /></a>
        <h3><a href="/firebird/stereo">Car Stereo</a></h3>
        <p>Custom car stereo, light-up head unit mount, hidden amplifier install, etc.</p>
    </article>
    <article class="6u 12u$(xsmall) work-item">
        <a href="/firebird/bilstein" class="image fit thumb" desc="SLP Bilstein / Eibach Shocks and Springs" ><img src="/assets/production/pagedata/firebird/images/thumbs/bilsteineibach.jpg" alt="" /></a>
        <h3><a href="/firebird/bilstein">SLP Bilstein / Eibach Shocks and Springs</a></h3>
        <p>Installing the SLP Bilstein / Eibach Shocks and Springs Kit.</p>
    </article>
                </div>
                            <div class="row">
                <article class="6u 12u$(xsmall) work-item">
        <a href="/firebird/wideband" class="image fit thumb" desc="Innovate LC-2 Wideband Install" ><img src="/assets/production/pagedata/firebird/images/thumbs/wideband.jpg" alt="" /></a>
        <h3><a href="/firebird/wideband">Innovate LC-2 Wideband Install</a></h3>
        <p>Installing the Innovate Motorsports LC-2 Wideband and wiring to the PCM for datalogging.</p>
    </article>
    <article class="6u 12u$(xsmall) work-item">
        <a href="/firebird/fuelpump" class="image fit thumb" desc="Racetronix Fuel Pump and Harness Install" ><img src="/assets/production/pagedata/firebird/images/thumbs/fuelpump.jpg" alt="" /></a>
        <h3><a href="/firebird/fuelpump">Racetronix Fuel Pump and Harness Install</a></h3>
        <p>Installing the Racetronix 255lph Fuel Pump and Hotwire Harness Kit.</p>
    </article>
                </div>
                            <div class="row">
                <article class="6u 12u$(xsmall) work-item">
        <a href="/firebird/smokedtails" class="image fit thumb" desc="Smoked Trans Am Taillights" ><img src="/assets/production/pagedata/firebird/images/thumbs/smokedtails.jpg" alt="" /></a>
        <h3><a href="/firebird/smokedtails">Smoked Trans Am Taillights</a></h3>
        <p>Modifying the factory Trans Am taillights to create a subtle smoked effect.</p>
    </article>
    <article class="6u 12u$(xsmall) work-item">
        <a href="/firebird/ledexteriors" class="image fit thumb" desc="LED Exterior Lights" ><img src="/assets/production/pagedata/firebird/images/thumbs/ledexteriors.jpg" alt="" /></a>
        <h3><a href="/firebird/ledexteriors">LED Exterior Lights</a></h3>
        <p>Replacing all exterior lights with LED bulbs and wiring up an LED 3rd Brake Light.</p>
    </article>
                </div>
                            <div class="row">
                <article class="6u 12u$(xsmall) work-item">
        <a href="/firebird/ledfogs" class="image fit thumb" desc="LED Fog Lights" ><img src="/assets/production/pagedata/firebird/images/thumbs/ledfogs.jpg" alt="" /></a>
        <h3><a href="/firebird/ledfogs">LED Fog Lights</a></h3>
        <p>Modifying some eBay LED Fog Lights to replace the factory fog lights.</p>
    </article>
    <article class="6u 12u$(xsmall) work-item">
        <a href="/firebird/wheelshubs" class="image fit thumb" desc="Replica C6 Z06 18x9.5 Wheels and Hubs" ><img src="/assets/production/pagedata/firebird/images/thumbs/wheelshubs.jpg" alt="" /></a>
        <h3><a href="/firebird/wheelshubs">Replica C6 Z06 18x9.5 Wheels and Hubs</a></h3>
        <p>New Replica C6 Z06 18x9.5 Wheels and new Wheel Hubs.</p>
    </article>
                </div>
                            <div class="row">
                <article class="6u 12u$(xsmall) work-item">
        <a href="/firebird/steeringknuckle" class="image fit thumb" desc="Steering Knuckle Conversion" ><img src="/assets/production/pagedata/firebird/images/thumbs/steeringknuckle.jpg" alt="" /></a>
        <h3><a href="/firebird/steeringknuckle">Steering Knuckle Conversion</a></h3>
        <p>Replacing the steering 'rag joing' with a hard joint.</p>
    </article>
    <article class="6u 12u$(xsmall) work-item">
        <a href="/firebird/steeringbtns" class="image fit thumb" desc="Steering Wheel Buttons LED Conversion" ><img src="/assets/production/pagedata/firebird/images/thumbs/steeringbtns.jpg" alt="" /></a>
        <h3><a href="/firebird/steeringbtns">Steering Wheel Buttons LED Conversion</a></h3>
        <p>Converting the factory steering wheel radio control buttons to LEDs and replacing the turn signal cam.</p>
    </article>
                </div>
                            <div class="row">
                <article class="6u 12u$(xsmall) work-item">
        <a href="/firebird/powersteering" class="image fit thumb" desc="Power Steering Pump and Rack Replacement" ><img src="/assets/production/pagedata/firebird/images/thumbs/powersteering.jpg" alt="" /></a>
        <h3><a href="/firebird/powersteering">Power Steering Pump and Rack Replacement</a></h3>
        <p>Replacing the power steering pump and power steering rack.</p>
    </article>
    <article class="6u 12u$(xsmall) work-item">
        <a href="/firebird/headlinerconsole" class="image fit thumb" desc="Headliner Replacement and Console Refurbishment" ><img src="/assets/production/pagedata/firebird/images/thumbs/headlinerconsole.jpg" alt="" /></a>
        <h3><a href="/firebird/headlinerconsole">Headliner Replacement and Console Refurbishment</a></h3>
        <p>Replacing the headliner with a reproduction from Stock Interiors and replacing the center console with a used one in better condition, with a Hawks reproduction upper console.</p>
    </article>
                </div>
                        </div>
        </div>
            <footer id="bottomfooter" style="background-image: url('/assets/production/css/images/overlay.png'), url('/assets/production/pagedata/firebird/images/bg.jpg');" class="bottomfooter hidden">
        <div class="inner">
            <ul class="icons">
                <li><a href="/" class="icon fa-home" title="Home"><span class="label">Home</span></a></li>
                <li><a href="https://twitter.com/theheadfl" class="icon fa-twitter" title="Twitter"><span class="label">Twitter</span></a></li>
                <li><a href="https://www.facebook.com/ryan.binns1" class="icon fa-facebook-square" title="Facebook"><span class="label">Facebook</span></a></li>
                <li><a href="mailto:ryan.binns@gmail.com" class="icon fa-envelope-o" title="Email"><span class="label">Email</span></a></li>
            </ul>
            <ul class="copyright">
                <li>&copy; Ryan C. Binns</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
            </ul>
        </div>
    </footer>
    </div>
		</div>

		<!-- Scripts -->
			<script src="/assets/js/jquery.min.js"></script>
			<script src="/assets/js/jquery.poptrox.min.js"></script>
			<script src="/assets/js/skel.min.js"></script>
			<script src="/assets/js/util.js"></script>
			<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
			<script src="/assets/js/main.js"></script>
            <script>
                $(document).on('skelSizeChanged', function (event) {
                    let detail = event.originalEvent.detail;
                    if (detail.large) {
                        $('footer.bottomfooter').addClass('hidden');
                        $('footer.bottomfooter')[0].id = 'bottomfooter';
                        $('footer.sidebarfooter').removeClass('hidden');
                        $('footer.sidebarfooter')[0].id = 'footer';
                    }
                    else {
                        $('footer.sidebarfooter').addClass('hidden');
                        $('footer.sidebarfooter')[0].id = 'sidebarfooter';
                        $('footer.bottomfooter').removeClass('hidden');
                        $('footer.bottomfooter')[0].id = 'footer';
                    }
                }); 

                $(window).on('load', function() {
                    document.dispatchEvent(new CustomEvent('sidebarChanged', { bubbles: true, detail: { } }));
                });
            </script>
	</body>
</html>