Pitch theme mainmenu error- main menu has disappeared

Hi there,

I am pretty new to this but have a problem with a site I am working on.
https://www.oraravalleyestate.com.au
I went to add a new page to the mainmenu in Appearance/Menus. The main menu is located under the slider on the website. Somehow did something I shouldn’t have and now the menu background, which was previously grey, has disappeared or is showing white. When I hover over the menu each page shows up individually but when not hovering the whole area is blank/white.
I’m fairly new to CSS but have attached what is showing on the stylesheet.
Any help is appreciated- thank you.

#mainmenu {
/*margin: 35px 0;*/
word-wrap: break-word;
}

ul#mainmenu-menu {
position: relative;

background: rgb(247,247,247);
background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(244,244,244,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(100%,rgba(244,244,244,1)));
background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(244,244,244,1) 100%);
background: -o-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(244,244,244,1) 100%);
background: -ms-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(244,244,244,1) 100%);
background: linear-gradient(top, rgba(247,247,247,1) 0%,rgba(244,244,244,1) 100%);
border: 1px solid #E2E2E2;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#f7f7f7′, endColorstr=’#f4f4f4′,GradientType=0 );
}

ul#mainmenu-menu li.menu-item {
position: relative;

border-right: 1px solid #E2E2E2;
display: block;
float: left;
font-size: 11px;
font-weight: bold;
}

ul#mainmenu-menu li.menu-item a {
color: #5e5e5e;
display: block;
/*padding: 20px 40px;*/
text-decoration: none;
}

ul#mainmenu-menu li.menu-item a:hover {
/* background: #F9F9F9;my code*/
}