large body background image not centering

Hello-
I have uploaded a large background image and I cannot get it to be centered using the css styling I have found in the forums.
This is my test site:http://riddickroofing.com/newsite/
See how the image repeats on the right side and the there is that line where the new image starts?
How do I center the image?

Here is what I currently have in my custom css stylesheet:

Code:

body {
background: url(http://riddickroofing.com/newsite/wp-content/uploads/2013/02/body-bkgd-roofing.png) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

 

Go to
Appearance > Theme Option > General Settings > Body Background Image

and remove image from there.

This will solve your issue.