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

body {
	border: 0 none;
	list-style-type: none;
	margin: 0;
	outline: medium none;
	padding: 0;
	text-decoration: none;
	text-align: left;
	font-size: 12px;
	font-family: Arial, Tahoma, sans-serif;
	font-weight: normal;
	color: #666666;
	background: url(../images/main_background.jpg) center 0 0 0 0px;
	background-image: url(../images/main_background.jpg);
	background-position:center top; 
	background-repeat:no-repeat;
	background-origin: initial;
	background-clip: initial;
	background-color:#000000;
	position: relative;
}
.clear {
    clear: both;
}

a {	text-decoration: none;}
a:link {color: #666666;}
a:visited {	color: #666666;}
a:hover, a:active {	color: #004990;}
a:active, a:focus{text-decoration: none;}

.topic{
	font-size: 12px;
	font-family: Arial, Tahoma, sans-serif;
	font-weight: bold;
	color: #383838;
}

.content_en{
	font-size: 11px;
	font-family: Arial, Tahoma, sans-serif;
	font-weight: normal;
	color: #383838;
}

body { background-color: #000; }

#menu {
     width: 239px;
	 height: 210px;
     margin: 1 auto;
	 position: absolute;
	 z-index:2;
	 clear:both;
	 left:50%;
	 margin-left:-469px;
	 margin-top:0px;
	 background-image:url(../images/bg_menu.png);
	 background-repeat:no-repeat;

}

#banner {
     width: 240px;
	 height: 120px;
     margin: 1 auto;
	 position: absolute;
	 z-index:3;
	 clear:both;
	 left:50%;
	 margin-left:-469px;
	 margin-top:460px;
	 background-image:url(../images/bg_slide.png);
	 background-repeat:no-repeat;

}


#display {
	width: 944px;
	height: 605px;
	margin: 1 auto;
	position: absolute;
	z-index:1;
	clear:both;
	left:50%;
	margin-left:-472px;
	text-align: center;

}

#flag {
	width: 79px;
	height: 59px;
	margin: 1 auto;
	position: absolute;
	z-index:5;
	clear:both;
	left:50%;
	margin-left:390px;
	margin-top:520px;
	text-align: right;

}

#footer {
	width: 944px;
	height: 80px;
	margin: 1 auto;
	position: absolute;
	z-index:4;
	clear:both;
	left:50%;
	margin-left:-472px;
	margin-top:620px;
	text-align: right;

}

#content {
	width: 670px;
	height: 550px;
	margin: 1 auto;
	position: absolute;
	z-index:6;
	clear:both;
	left:50%;
	margin-left:-200px;
	text-align: left;

}



ul{
	list-style:none;
	margin-left: -20px;
}

ul li#About {
  background-position: 0px 0px;
}
ul li#About:hover {
  background-position: -168px 0px;
/* the second number should be the negative height of the link. */
}
#About {
	width: 168px;
	height: 26px;
  background-image: url(../images/menu.png);
  background-repeat:no-repeat;
}


ul li#Product {
  background-position: 0px -27px;
}
ul li#Product:hover {
  background-position: -168px -27px;
/* the second number should be the negative height of the link. */
}
#Product {
	width: 168px;
	height: 26px;
  background-image: url(../images/menu.png);
  background-repeat:no-repeat;
}


ul li#Contact {
  background-position: 0px -53px;
}
ul li#Contact:hover {
  background-position: -168px -53px;
/* the second number should be the negative height of the link. */
}
#Contact {
	width: 168px;
	height: 26px;
  background-image: url(../images/menu.png);
  background-repeat:no-repeat;
}




#slides {
	position:absolute;
	z-index:100;
}

.slides_container {
	width:240px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container div.slide {
	width:240px;
	height:120px;
	display:block;
}


/*
	Next/prev buttons
*/




.pagination {
	margin:5px auto 0;
	width:70px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

.top_navi{
	background-image: url(../images/bg_navi.png);
	position:absolute;
	left:1162px;
	top:0;
	z-index:1000;
	width:142px;
	height:56px;
}
#navi1{
	background-image: url(../images/navigator_spark.png);
	display:block;
	width:49px;
	height:23px;
	float:left;
	 margin: 9px 0 0 15px;
}
#navi2{
	background-image:url(../images/navigator_tps.png);
	display:block;
	width:43px;
	height:23px;
	float:left;
	 margin: 12px 0 0 17px;
}