/* CSS Document */

/*--------------------background--------------------*/

*{
margin: 0px;
padding: 0px;
}

body {
margin: 0px;
background-color: #FFFFFF;
background-image: url(../images/backgroundtile.gif);
background-repeat: repeat-x;
height: 100%;
}

#wrapper {
width: 780px;
height: auto;
margin: 25px auto;
}


/*------------------/background--------------------*/



/*--------------------maintypography--------------------*/

p {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #41463c;
text-align: left;
}

h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
color: #41463c;
text-align: left;
margin-bottom: 5px;
font-weight: normal;
}

span {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #41463c;
text-align: left;
}

a:link {
color: #41463c;
text-decoration: none;
}

a:active {
color: #41463c;
text-decoration: none;
}

a:visited {
color: #41463c;
text-decoration: none;
}

a:hover {
color: #41463c;
background-color: #d9dad8;
text-decoration: none;
}

/*--------------------/maintypography--------------------*/




/*--------------------header--------------------*/

#header {
width: 780px;
height: 85px;
}



/*--------------------/header--------------------*/

#page {
background-color: #b4beb4;
width: 780px;
float: left;
}

#pagesideleft {
width: 11px;
height: 620px;
float: left;
}

#pagesideright {
width: 11px;
height: 620px;
float: right;
}

/*--------------------sidebar--------------------*/


#sidebar {
display: inline;
background-color:#b4beb4;
width: 180px;
float: left;
border-right: 1px solid #dce1dc;
padding-bottom: 18px;
}

#sidebar .header {
background-image: url(../images/sidebarheadertile.gif);
background-repeat: repeat-x;
color: #dce1dc;
font-weight: bold;
width: 165px;
line-height: 18px;
border-top: 1px solid #dce1dc;
border-bottom: 1px solid #dce1dc;
padding: 0px 0px 0px 15px;
}

#sidebar p {
padding: 10px 15px 15px 15px;
line-height: 1.3;
}

#sidebar ul {
list-style: none;
padding: 10px 15px 15px 15px;
line-height: 1.3;
}

#sidebar li {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #41463c;
}


/*--------------------/siderbar--------------------*/




/*--------------------main--------------------*/


#main {
display: inline;
background-image: url(../images/pagebackground.jpg);
background-repeat: no-repeat;
background-color: #b4beb4;
width: 577px;
float: left;
border-top: 1px solid #dce1dc;
overflow: hidden;
}

#english {
width: 547px;
height: 50px;
margin: 20px 15px 55px 15px;
}

#japanese {
width: 547px;
height: 50px;
margin: 20px 15px 55px 15px;
}

#chinese {
width: 547px;
height: 50px;
margin: 20px 15px 55px 15px;
}

#korean {
width: 547px;
height: 50px;
margin: 20px 15px 55px 15px;
}

.language {
display: block;
width: 507px;
height: 20px;
float: left;
padding-top: 10px;
margin-bottom: 0px;
}

.flag {
display: block;
width: 40px;
height: 30px;
float: left;
}

#main ul {
list-style: none;
padding: 0px;
border-top: 1px solid #dce1dc;
clear:both
}

#main li {
display: inline;
}

#main a {
display: block;
height: 30px;
float: left;
padding-top: 10px;
}

#main a:hover {
background-color:#b4beb4;
}

#main .product a {
width: 118px;
padding-top: 10px;
}

#main .grade a {
width: 155px;
padding-top: 10px;
}

#main .production a {
width: 146px;
padding-top: 10px;
}

#main .technical a {
width: 118px;
padding-top: 10px;
}


.line {
display: block;
width: 1px;
height: 50px;
float: left;
}

.pdf {
display: block;
width: 27px;
height: 25px;
float: left;
border: none;
margin-top: -2px;
}

.lang {
display: block;
width: 118px;
height: 25px;
float: left;
border: none;
margin-top: -2px;
}

#main a:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #41463c;
text-align: left;
}


/*--------------------/main--------------------*/


/*--------------------dist--------------------*/






/*--------------------/dist--------------------*/


/*--------------------acrobat--------------------*/

#acrobat {
width: 273px;
height: 50px;
margin-left: 15px;
clear: both;
margin-top: 15px;
}

#acrobat ul {
list-style: none;
padding: 0px;
border-top: 1px solid #dce1dc;
clear:both
}

#acrobat li {
display: inline;
}

#acrobat a {
width: 272px;
height: 30px;
float: right;
}


#acrobat a:hover {
background-color:#b4beb4;
width: 272px;
height: 30px;
float: right;
}

.reader {
display: block;
width: 80px;
height: 30px;
float: left;
border: none;
padding: 0px 5px 0px 5px;
}

.text {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #41463c;
text-align: left;
}


/*--------------------/acrobat--------------------*/




/*--------------------footer--------------------*/

#footer {
height: 25px;
clear: both;
}

/*--------------------/footer--------------------*/




/*--------------------copyright--------------------*/

#footertext {
display: block; 
width: 760px;
margin: 0px 10px 0px 10px;
}

#footertext a:link {
color: #838780;
}

#footertext a:visited {
color: #838780;
}

#footertext a:hover {
background-color: #d9dad8;
color: #838780;
}

.copyright {
color: #838780;
display: block;
width: 350px;
float: left; 
}

.maker {
color: #838780;
display: block;
width: 100px;
float: right; 
text-align: right;
}





/*--------------------/copyright--------------------*/