グローバルナビを、jpg等の画像にすることは可能なのでしょうか？

そうなのですね！！
失礼いたしました。

cssのコードを知りたいのですが、どのあたりに記載されているのでしょうか？

初心者な質問ですみません。。。

リンク先のCSSを見るとホーム部分のみリスト・リスト内aタグのみ、それぞれの背景画像を用意して装飾・文字が表示されないように指定してます。

どのあたりに記載があるかと言えば

1番手っ取り早くみられるのが、ChromeやFireFoxなどのブラウザの機能（PC画面を右クリックした一番下）、要素の検証をクリックしてHTMLやCSSを見ると良いかもしれません

要素の検証とかで検索したらやり方は出てきます。とホワンとだけですが❦

お返事ありがとうございます。
無事バブルラップをカスタマイズ表示することができました。
助かりました。

サブメニューを表示させたのですが、デフォルトではnoneが!important;になっておりました。
これはデザイン的な理由からでしょうか？
デザインがちょっと崩れる以外では理由が見つかりませんでした。

あとすみません、、、一点質問よろしいでしょうか。
グローバルナビの横側がバブルラップのデザインになりません＞＜
画面いっぱいまでバブルラップのデザインを広げる事は可能でしょうか？？

質問ばかりですみません＞＜

スキンのオレンジメニューに設定したのですが、グローバルメニューの横の色が変更できずに 困っています。

カスタマイザーの『ヘッダー』にある以下の部分です。

グローバルナビを横幅いっぱいにする
グローバルナビを画面幅いっぱいに広げて「ヘッダー外側背景画像」に合わせるか。（※「色→グローバルナビ色」の設定も併せて行う必要があるかもしれません）

色の指定はCSSなしで、カスタマイザーの色でもイケるかも知れません。

色の指定が必要な場合は、CSSにバブルラップと同色に指定し追記してください

#navi {
    background: #******;
}

お返事ありがとうございます。

アドレスはこちらになります。
http://composer-instruments.com/

このグローバルメニューのデザインを画面の端っこまで伸ばしたいと思っています。
よろしくお願いいたします。

CSS を下記のものにご変更ください。

#navi {
  background: linear-gradient(to top, #000000 0%, #222222 50%, #3c3c3c 51%, #393939 78%, #888888 100%);
}

#navi ul {
  background: transparent;
  border-color: transparent;
}

linear-gradient は、ベンダープレフィックスは不要です。

皆様ありがとうございます。
イメージに近くなってきました。

まだ思ったとおりにならないところもありますが、もう少し調整していきますね！！
本当に助かりました。