/* CSS Document */

html{
	scrollbar-face-color:#ffffff;
	overflow: visible;
}

body{
	margin: 0;
	padding: 0;
}

#header {
     /*background: url(../img/bck.jpg) repeat-y;*/
	 background-color: #008644;
	 width: 850px;
     height: 190px;
	 margin: 0;
	 padding: 0;
}
 
/*-- __Global Navigation --*/
#header ul,
#header ul li {
    float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#header ul.logo {
     width: 260px;
     height: 150px;
	 padding-top: 20px;
}
#header ul.title {
     width: 560px;
     height: 50px;
	 vertical-align: bottom;
}
#header ul.menu {
     width: 560px;
     height: 124px;
     background: url(../img/g_navi.gif) no-repeat;
}
#header ul.subarea {
     width: 560px;
     height: 59px;
	 background-color: #008644;
}
#header ul li.navi_home a {
     display: block;
     width: 107px;
     height: 31px;
     text-indent: -9999px;
     font-size: 0;
     line-height: 0;
}
#header ul li.navi_intro a {
     display: block;
     width: 273px;
     height: 31px;
     text-indent: -9999px;
     font-size: 0;
     line-height: 0;
}
#header ul li.navi_robocity a {
     display: block;
     width: 180px;
     height: 31px;
     text-indent: -9999px;
     font-size: 0;
     line-height: 0;
}
#header ul li.navi_action a {
     display: block;
     width: 240px;
     height: 31px;
     text-indent: -9999px;
     font-size: 0;
     line-height: 0;
}
#header ul li.navi_join a {
     display: block;
     width: 160px;
     height: 31px;
     text-indent: -9999px;
     font-size: 0;
     line-height: 0;
}
#header ul li.navi_member a {
     display: block;
     width: 160px;
     height: 31px;
     text-indent: -9999px;
     font-size: 0;
     line-height: 0;
}
#header ul li.navi_newitem a {
     display: block;
     width: 180px;
     height: 31px;
     text-indent: -9999px;
     font-size: 0;
     line-height: 0;
}
#header ul li.navi_news a {
     display: block;
     width: 160px;
     height: 31px;
     text-indent: -9999px;
     font-size: 0;
     line-height: 0;
}
#header ul li.navi_robots a {
     display: block;
     width: 220px;
     height: 31px;
     text-indent: -9999px;
     font-size: 0;
     line-height: 0;
}
#header ul li.navi_fair a {
     display: block;
     width: 560px;
     height: 31px;
     text-indent: -9999px;
     font-size: 0;
     line-height: 0;
}

#header ul li.navi_home a.active,
#header ul li.navi_home a:focus,
#header ul li.navi_home a:hover {
     background: url(../img/g_navi.gif) no-repeat left -124px;
}
#header ul li.navi_intro a.active,
#header ul li.navi_intro a:focus,
#header ul li.navi_intro a:hover {
     background: url(../img/g_navi.gif) no-repeat -107px -124px;
}
#header ul li.navi_robocity a.active,
#header ul li.navi_robocity a:focus,
#header ul li.navi_robocity a:hover {
     background: url(../img/g_navi.gif) no-repeat -380px -124px;
}
#header ul li.navi_action a.active,
#header ul li.navi_action a:focus,
#header ul li.navi_action a:hover {
     background: url(../img/g_navi.gif) no-repeat left -155px;
}
#header ul li.navi_join a.active,
#header ul li.navi_join a:focus,
#header ul li.navi_join a:hover {
     background: url(../img/g_navi.gif) no-repeat -240px -155px;
}
#header ul li.navi_member a.active,
#header ul li.navi_member a:focus,
#header ul li.navi_member a:hover {
     background: url(../img/g_navi.gif) no-repeat -400px -155px;
}
#header ul li.navi_newitem a.active,
#header ul li.navi_newitem a:focus,
#header ul li.navi_newitem a:hover {
     background: url(../img/g_navi.gif) no-repeat left -186px;
}
#header ul li.navi_news a.active,
#header ul li.navi_news a:focus,
#header ul li.navi_news a:hover {
     background: url(../img/g_navi.gif) no-repeat -180px -186px;
}
#header ul li.navi_robots a.active,
#header ul li.navi_robots a:focus,
#header ul li.navi_robots a:hover {
     background: url(../img/g_navi.gif) no-repeat -340px -186px;
}
#header ul li.navi_fair a.active,
#header ul li.navi_fair a:focus,
#header ul li.navi_fair a:hover {
     background: url(../img/g_navi.gif) no-repeat left -217px;
}