소스보기로 해당 내용을 가져오시면 수월하실것 같은데요.
아래와 같이 되어있네요.
배경이미지는 주소가 있으니 직접 다운을 받으시던지 만들어서 사용하시면 될듯하고, 제가 만든다면 그냥 border값으로 라인을 표현 할것 같은데...아무튼~~~

<style>
.topMenu { background: url("/media/img/front/skin/bg_head_1.gif") repeat-x bottom; letter-spacing: -1px; }
.topMenu .inSec { width: 986px; margin: 0 auto; font-size: 11px; font-family: dotum; line-height: 100%; background: url("/media/img/front/skin/bg_head_1.gif") repeat-x bottom; padding-bottom: 1px; }
.topMenu a { color: #7a7a7a; }
.topMenu a:hover { color: #3a3a3a; }
.topMenu .fleft { padding: 0 0 0 3px; }
.topMenu .fleft li { float: left; padding-right: 15px; }
.topMenu .fleft li.first { float: left; padding-left: 14px; padding-right: 15px; background: url("/media/img/front/skin/bar_2.gif") no-repeat 0px 10px; }
.topMenu .fleft li a { display: block; padding: 10px 0 9px 0; }
.topMenu .fright { padding: 0 3px 0 0; }
.topMenu .fright li { float: left; padding-left: 29px; background: url("/media/img/front/skin/bar_2.gif") no-repeat 13px 10px; }
.topMenu .fright li.first { background: none; }
.topMenu .fright li a { display: block; padding: 10px 0 9px 0; }
</style>


<!-- 상단 메뉴 -->
<div class="topMenu"><div class="inSec container">
<ul class="fleft">
<li><a href="javascript:fnAddFavorite('http://www.도메인.com' , '내용');">즐겨찾기</a></li>
<li class="first"><a href="#" target="_blank">링크명</a></li>
<li class="first"><a href="#" target="_blank">링크명</a></li>
</ul>

<ul class="fright">

<li class="first"><a href="#">로그인</a></li>
<li><a href="#">회원가입</a></li>

<li><a href="#">마이페이지</a></li>
<li><a href="#">고객센터</a></li>
</ul>
</div></div>
<!-- '상단 메뉴 -->

이스킨을 사용해 보세요

http://sir.co.kr/bbs/board.php?bo_table=g4_skin&wr_id=93304&sca=%EC%99%B8%EB%B6%80%EB%A1%9C%EA%B7%B8%EC%9D%B8&sfl=wr_subject%7C%7Cwr_content&stx=%EC%8B%AC%ED%94%8C&page=3