Horizontal Scroll Bar at the bottom of my website???

Hello, I need to get rid of the horizontal scroll bar at the bottom of my website page. I have tried everything! Overflow: hidden, overflow: auto, etc etc. It will not seem to go away!

Some questions I have....
1) is my background image too large producing the scrolling bar?
2) when I do put an overflow: hidden on my body tag, then my drop down navigation menu moves so I need to know why that is getting messed up when I try to fix the horizontal scroll bar in the body tag

Here is the url
http://agencytwotwelvetest.com/trinitycrctest/

Here is the css file
http://agencytwotwelvetest.com/trinitycrctest/wp-content/themes/trinitytheme/style.css

It is just a test site.

Please help!!!! I am designer not a programmer so need any help I can get!!! Thanks!!