@charset "utf-8";
/* ATOMIX DESIGN  www.atomixdesign.com.au CSS Document */


/*##################  MENU   ################3*/


.menu {
  background-repeat:no-repeat;
  width:810px;
  clear:both;
  height:54px;

 }

.m {
  background-repeat: no-repeat;
  float:left;
  margin:0 0 0 0;
}

.m span {position:absolute; left:-9999px; top:0; z-index:0; font-size:10px;} 

.m1 {
  background-image:url("images/seapaeng_01.png");
  display:block;
  width:104px;
  height:54px;
}

.m2 {
  background-image:url("images/seapaeng_02.png");
  display:block;
  width:137px;
  height:54px;
}

.m3 {
  background-image:url("images/seapaeng_03.png");
  display:block;
  width:188px;
  height:54px;
}

.m4 {
  background-image:url("images/seapaeng_04.png");
  display:block;
  width:252px;
  height:54px;
}

.m5 {
  background-image:url("images/seapaeng_05.png");
  display:block;
  width:129px;
  height:54px;
}

.m1span {
  background-image:url("images/seapaspan_01.png");
  display:block;
  width:135px;
  height:54px;
}

.m2span {
  background-image:url("images/seapaspan_02.png");
  display:block;
  width:129px;
  height:54px;
}

.m3span {
  background-image:url("images/seapaspan_03.png");
  display:block;
  width:175px;
  height:54px;
}

.m4span {
  background-image:url("images/seapaspan_04.png");
  display:block;
  width:218px;
  height:54px;
}

.m5span {
  background-image:url("images/seapaspan_05.png");
  display:block;
  width:153px;
  height:54px;
}

.m1fren {
  background-image:url("images/seapafren_01.png");
  display:block;
  width:97px;
  height:54px;
}

.m2fren {
  background-image:url("images/seapafren_02.png");
  display:block;
  width:187px;
  height:54px;
}

.m3fren {
  background-image:url("images/seapafren_03.png");
  display:block;
  width:101px;
  height:54px;
}

.m4fren {
  background-image:url("images/seapafren_04.png");
  display:block;
  width:304px;
  height:54px;
}

.m5fren {
  background-image:url("images/seapafren_05.png");
  display:block;
  width:121px;
  height:54px;
}


.m a:hover {
  background-position: 0 -54px;
}

img {border:0;}

.menu ul {
  background-color:#f9f9f9;
  position:absolute;
  z-index:500;
  top:157px;
  list-style:none;
  border:1px solid #d1d1d1;
  border-top:0px;
  margin:0 0 0 -1px;
  padding:0;
  display:none;
  width:212px;

}

.menu li {
  position:relative;

}

.menu li a:link, .menu li a:visited {
  list-style:none;
  display:block;
  padding:11px 5px 10px 10px;
  height:;
  border:1px solid #e5e5e5;
  border-width:1px 0 0 0;
  text-decoration:none;
  padding-left:35px;
}

.menu li a:hover {
  background-color:#eaeaea;
  color:#bc0000;
}

.menu ul ul, .menu ul ul ul {
  position:absolute;
  top:0;
  left:100%;
  width:100%;
  list-style:none;
  border:1px solid #d1d1d1;
  margin:0;
  padding:0;
  display:none;
}

.menu li li a:link, .menu li li a:visited {
  background-image:none;
  background-color:#f9f9f9;
  list-style:none;
  display:block;
  padding:2px 5px 2px 10px;

  position:relative;
}

.menu li li a:hover {
  background-color:#eaeaea;
  color:#00aeef;
}

.menu .m:hover ul ul,
.menu .m li:hover ul ul,
.menu .m li li:hover ul ul,
.menu .m li li li:hover ul ul
{display:none;} 

.menu .m:hover ul,
.menu .m li:hover ul,
.menu .m li li:hover ul,
.menu .m li li li:hover ul
{display:block;}


.menuactive {
  background-color:#eaeaea;
}

.menuheight{ height:82px;}