The difficulty lied in the accordion panel.  My intent was to utilize the accordion widget from jQuery UI.  I built a custom theme using jQuery UI’s ThemeRoller, then after downloading it I further tweaked the CSS to get exactly the look I was going for.  The supplied CSS code was a lengthy file which included a lot of style rules I wouldn’t be needing.  Bascically, I was starting with something complex and trying to trim it down to something more simple.  I had it nearly perfected except the animation between panels was not smooth in most browsers [only worked fine in Firefox].  The shaky / jittery effect I was seeing when it transitioned between panels was unacceptable.

After some research online, I saw that I was certainly not the only person to experience this behavior.  My research led me to a plug-in widget called Kwicks that offered the accordion behavior I was after with smooth animation and less code to modify for my needs.  It even supported custom easing animations in conjunction with the jQuery Easing Plug-in.  This new approach, starting with something simple and adding complexity as needed, worked like a charm.

I had fun creating the graphics for this.  The photograph was supplied by Frank, along with what the text should read.  I utilized one of my favorite Photoshop tools, the Vanishing Point command, to orient the title text along the highway overpass.  For the title text I used one of my newest favorite fonts, Yanone Kaffeesatz.  I also put some of my jQuery knowledge to work on the site’s behavior, writing a simple .toggle function for the contact button.  Look for 90four.com to expand in the near future!