Customizing a Theme to Match an Existing Site

Hi all,

I created a website— http://www.jadebaltimore.com —using Dreamweaver CS4 and I’m having trouble customizing a WP theme to match it. The WP theme I’m working on is “The Francis Wright” theme and I’m using Dreamweaver CS5.5 to edit it. Fortunately, most of the theme works very well with my site and I’d like to keep the majority of it the same. The only element I’d like to alter is the menu bar that comes standard with it.

So far, I’ve installed Mamp and WordPress on my computer, created a local host, made a copy of the theme and installed it in Dreamweaver, activated it through my admin panel, and located the theme’s style css sheet for editing. I haven’t had any trouble with the above steps, but I’m utterly lost when it comes to re-styling the menu/nav bar. I thought this would be a simple fix, but I was wrong.

I’ve read that an alternative to integrating the blog into an existing site is to simply host the site on WP, but I don’t want to go that route. I spent a lot of time working on my site in Dreamweaver, and I don’t want to risk changing any of its visual elements.

I know this question has been asked in other threads, but I’ve spent weeks, if not months, scouring the responses, as well as a number of tutorials, forums, and videos. At this point, I just really need some individualized assistance.

Just so you have a visual idea of what I’m trying to accomplish, here’s a link to the theme I’m trying to modify— http://wordpress.org/extend/themes/the-frances-wright —and here’s a link to a page within my website— http://www.jadebaltimore.com/bio. You can view the menu bar on that page; I created it using the spry menu bar option in Dreamweaver CS4, if that makes a difference. Any help would be greatly appreciated.

Thanks in advance,
Jade