@charset "utf-8";
/* CSS Document */

.menu2 a img { border:0 }
.menu2 img { border:0 }
.menu2 {padding:0 0 0 0; margin:0; height:36px; width:625px; background-image:url(../img/menuback.png); position:relative; z-index:500;}
.menu2 li.top {display:block; float:left;}
.menu2 li a.top_link {display:block; float:left; height:36px;}

.menu2 li a.top_link span {display:block; height:36px; padding:12px 10px 0 10px; cursor:pointer;}
.menu2 li a.top_link b {display:block; width:15px; height:36px; float:center;}
.menu2 li a.top_link b.down {;}

.menu2 li a.top_link:hover span {;}
.menu2 li a.top_link:hover b {;}


.menu2 li:hover > a.top_link #home {background: url(../img/homemainover.jpg) no-repeat; z-index:200}
.menu2 li:hover > a.top_link #home img {position:relative; z-index:-1000}
.menu2 li:hover > a.top_link #about {background: url(../img/aboutmainover.jpg) no-repeat; z-index:200}
.menu2 li:hover > a.top_link #about img {position:relative; z-index:-1000}
.menu2 li:hover > a.top_link #experience {background: url(../img/expmainover.jpg) no-repeat; z-index:200}
.menu2 li:hover > a.top_link #experience img {position:relative; z-index:-1000}
.menu2 li:hover > a.top_link #photo {background: url(../img/photomainover.jpg) no-repeat; z-index:200}
.menu2 li:hover > a.top_link #photo img {position:relative; z-index:-1000}
.menu2 li:hover > a.top_link #newsletter {background: url(../img/newsmainover.jpg) no-repeat; z-index:200}
.menu2 li:hover > a.top_link #newsletter img {position:relative; z-index:-1000}
.menu2 li:hover > a.top_link #contact {background: url(../img/contactmainover.jpg) no-repeat; z-index:200}
.menu2 li:hover > a.top_link #contact img {position:relative; z-index:-1000}
.menu2 li:hover > a.top_link b {;}
.menu2 li:hover > a.top_link b.down {;}


.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible; position:relative; z-index:200;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:36px; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.aboutsub { position:absolute; left:-0px; float:left; top:36px; white-space:nowrap; width:625px; height:72px; z-index:300; height:72px; width:120px; background: url(../img/submenubackm.png)}
.menu2 ul.aboutsub a span { display:block; height:36px; float:left; padding:0 0 0 0; cursor:pointer;}
.menu2 ul.aboutsub a img { display:inline; padding:12px 13px 12px 13px; cursor:pointer;}
.menu2 :hover ul.aboutsub :hover > #history { position:relative; top:12px; left:13px; background: url(../img/historysub.png) no-repeat; z-index:200}
.menu2 :hover ul.aboutsub :hover > #history img {position:relative; left:-9999px; top:-9999px; z-index:-1000}
.menu2 :hover ul.aboutsub :hover > #test { position:relative; top:12px; left:13px; background: url(../img/testsub.png) no-repeat; z-index:200}
.menu2 :hover ul.aboutsub :hover > #test img {position:relative; left:-9999px; top:-9999px; z-index:-1000}
.menu2 :hover ul.aboutsub li {display:block; height:36px; float:left;}

.menu2 :hover ul.expsub { margin:0; position:absolute; top:-1px; left:-0px; top:36px; white-space:nowrap; width:625px; z-index:300; height:180px; width:176px;  background: url(../img/submenubackm1.png)}
.menu2 ul.expsub a span { display:block; height:36px; float:left; padding:0px 0px 0px 10px; cursor:pointer;}
.menu2 ul.expsub a img { display:inline; padding:12px 13px 12px 13px; cursor:pointer;}
.menu2 :hover ul.expsub :hover > #travel { position:relative; top:12px; left:23px; background: url(../img/travelsub.png) no-repeat; z-index:200;}
.menu2 :hover ul.expsub :hover > #travel img {position:relative; left:-9999px; top:-9999px; z-index:-1000}
.menu2 :hover ul.expsub :hover > #typical {position:relative; top:12px; left:23px; background: url(../img/typicalsub.png) no-repeat; z-index:200}
.menu2 :hover ul.expsub :hover > #typical img {position:relative; left:-9999px; top:-9999px; z-index:-1000}
.menu2 :hover ul.expsub :hover > #success {position:relative; top:12px; left:23px; background: url(../img/successsub.gif) no-repeat; z-index:200}
.menu2 :hover ul.expsub :hover > #success img {position:relative; left:-9999px; top:-9999px; z-index:-1000}
.menu2 :hover ul.expsub :hover > #equip {position:relative; top:12px; left:23px; background: url(../img/equipsub.gif) no-repeat; z-index:200}
.menu2 :hover ul.expsub :hover > #equip img {position:relative; left:-9999px; top:-9999px; z-index:-1000}
.menu2 :hover ul.expsub :hover > #choose {position:relative; top:12px; left:23px; background: url(../img/choosesub.gif) no-repeat; z-index:200}
.menu2 :hover ul.expsub :hover > #choose img {position:relative; left:-9999px; top:-9999px; z-index:-1000}
.menu2 :hover ul.expsub li { display:block; height:36px; float:left;}




.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:120px; top:0; white-space:nowrap; width:120px; z-index:400; height:36px;}