그누5에서 제공되는 기본 상단 메뉴를 수정하고 싶습니다.

그누에서 제공되는 기본 메뉴는 서브메뉴가 세로로 정렬인데 첨부파일처럼 가로정렬로 하고 싶습니다.

아래의 소스를 어떻게 바꿔야 하나요.. 초보라 모르는게 많네요..

#gnb {position:relative;margin:px 0 0;border-top:0px dotted #dde4e9;border-bottom:0px solid #dde4e9;background:#fff;height:110px; background-image:url(../images/main_01.jpg);float:center;width:1024px; }

#gnb_1dul {margin:0 auto !important;padding:0;width:700px;zoom:1;float:center; }
#gnb_1dul:after {display:block;visibility:hidden;clear:both;content:""}
.gnb_1dli {z-index:10;position:relative;float:left; margin-top:30px; margin-left:30px}
.gnb_1da {display:inline-block;padding:0 40px 0 10px;height:35px; center right no-repeat;font-weight:normal;line-height:2.95em;text-decoration:none;font-size:15px;font-family:nanumgothic}
.gnb_1da:focus, .gnb_1da:hover {background:url('../img/gnb_bg00.gif') #333 center right no-repeat;text-decoration:none}
.gnb_1dli_air .gnb_1da {background-color:#333;color:#fff}
.gnb_1dli_on .gnb_1da {background-color:#333;color:#fff}
.gnb_2dul {display:none;position:absolute;top:35px;width:180px}
.gnb_2da {display:block;padding:13px 10px;text-align:left;text-decoration:none}
.gnb_1dli_air .gnb_2da {background-color:#333;color:#fff}
.gnb_1dli_on .gnb_2da {background-color:#333;color:#fff}
.gnb_2da:focus, .gnb_2da:hover {background:#666;text-decoration:none}
.gnb_1dli_over .gnb_2dul {display:block;left:0;background:#fff}
.gnb_1dli_over2 .gnb_2dul {display:block;right:0;background:#fff}
​