Navigation Menu pushed lower on page

Hi there - great theme!!! My website is centerasupply.com.

I'm using your One Page theme (op-parallax-light-image-fullwidth.html). Everything seems to be working well except for the navigation menu - this menu appears to be pushed a few lines lower on the page. Ideally, the navigation manu in the upper righthand side of the screen should be positioned on the same line as the "CanvasOne" logo in the upper left. However, the nav menu seems too be pushed down a bit. This becomes problematic after clicking on one of the various nav menu links that bring the reader further down the page to a targeted section. It appears the entire nav menu gets pushed below the header section and becomes quite hard to read.

I think I've identified the problem -

1. the location of my style.css sheet is currently located in the css folder (I want all my css sheets to be in the css folder) and not scattered in multiple folders.
2. when I relocate my style.css sheet back to the root directory, the problem of the lower-positioned nav menu seems to disappear.
3. the problem only arises when I locate my style.css sheet outside of my root directory (i.e. when I move the style.css file to the css folder.

Thanks in advance for your help.

Best,
Kevin
310-430-3122

Somehow, I fooled around with the index.html and the style.css files (I really don't know what I did). But after saving these files, the browser rendered the page correctly where the logo and the main navigation menu ("Primary Menu") now are in line with each other in the header section.

Therefore, please disregard my original post (unless you are familiar with the original problem that I described and have a fix should the problem ever come back).

Thx!