.menu5 {width:200px; position: relative; border-right:0px solid #000; font-family: arial; text-align: left;}
.menu5 ul {padding:0;margin:0;list-style-type:none;}
.menu5 li {float:left; position:relative; line-height: 14px; margin: 0px; height: 17px; width: 120px;}

.menu5 {position: relative; left: 4px; z-index: 400; float: left;}

.menu5 a {text-decoration: none; float: left; display: block;}


.menu5 a, .menu5 a:visited {display:block;font-size: 8pt;text-decoration:none; color:#ddd; width: 100px; height:14px;border:0px solid #000; border-width:0px;  padding: 0; margin: 0; letter-spacing: 0px; font-weight: bold;}

.menu5 a:hover {color: #eee; height:14px;}

.menu5 :hover > a, .menu5 ul ul :hover > a {color:#eee; background-position: -100px;}





.menu5 ul ul {padding:0;margin:0;list-style-type:none; width: 200px; }

.menu5 ul ul li {float:left;position:relative; margin-left: 0px; line-height: 14px; padding: 0; margin: 0;}



.menu5 ul ul {visibility:hidden;position:absolute;height:0;top:42px; left: 0px; border-top:0px solid #000; z-index: 600;}

/* hack for IE5.5 */
* html .menu5 ul ul {top:42px;t\op:42px;}


.menu5 table {position:absolute; top:0; left:0; border-collapse:collapse;}

.menu5 ul ul li {width: 200px; height: 25px; background: url('images/sub_mid.gif') repeat-y;}

/* style the second level links */
.menu5 ul ul a, .menu5 ul ul a:visited {background:url('images/sub_btn.gif') top left; color:#666; height: 25px; padding: 0px; width:200px; 
								margin-top: 0px; margin-left: 0px; line-height: 25px; letter-spacing: 0px;
									display: block; overflow: hidden; float: left; margin-left: 0px; }

.menu5 ul ul a:hover {color: #444; background:url('images/sub_btn.gif') top right; height: 25px; width: 200px; overflow: hidden; margin-left: 0px;}
/* yet another hack for IE5.5 */
* html .menu5 ul ul a, * html .menu5 ul ul a:visited {width:200px;w\idth:200px;}

.menu5 ul li:hover ul,
.menu5 ul a:hover ul{visibility:visible; }



a.home {background: url('images/button1.gif') top left no-repeat; width: 100px; height: 14px; margin: 0; padding: 0;}

a.home:hover {background: url('images/button1.gif') top right no-repeat;}

a.prod {background: url('images/button2.gif') top left no-repeat; width: 100px; height: 14px; margin: 0; padding: 0;}

a.prod:hover {background: url('images/button2.gif') top right no-repeat;}

a.faqs {background: url('images/button3.gif') top left no-repeat; width: 100px; height: 14px; margin: 0; padding: 0;}

a.faqs:hover {background: url('images/button3.gif') top right no-repeat;}

a.hist {background: url('images/button4.gif') top left no-repeat; width: 100px; height: 14px; margin: 0; padding: 0;}

a.hist:hover {background: url('images/button4.gif') top right no-repeat;}

a.spec {background: url('images/button5.gif') top left no-repeat; width: 100px; height: 14px; margin: 0; padding: 0;}

a.spec:hover {background: url('images/button5.gif') top right no-repeat;}

a.cont {background: url('images/button6.gif') top left no-repeat; width: 100px; height: 14px; margin: 0; padding: 0;}

a.cont:hover {background: url('images/button6.gif') top right no-repeat;}

a.test {background: url('images/button7.gif') top left no-repeat; width: 100px; height: 14px; margin: 0; padding: 0;}

a.test:hover {background: url('images/button7.gif') top right no-repeat;}

a.gal {background: url('images/button8.gif') top left no-repeat; width: 100px; height: 14px; margin: 0; padding: 0;}

a.gal:hover {background: url('images/button8.gif') top right no-repeat;}

a.proj {background: url('images/button9.gif') top left no-repeat; width: 100px; height: 14px; margin: 0; padding: 0;}

a.proj:hover {background: url('images/button9.gif') top right no-repeat;}

a.quote {background: url('images/button10.gif') top left no-repeat; width: 100px; height: 14px; margin: 0; padding: 0;}

a.quote:hover {background: url('images/button10.gif') top right no-repeat;}