/* Stylesheet */

/* Section name
------------------------------------------ */
/* Subsection ---------------------------- */
/* subsubsection */



/* --------------------------------------- */



/* Body & @css
------------------------------------------ */

@import url(css/reset.css);
@import url(css/default.css);
@import url(css/navi.css);

body {
    font: normal 76% Arial; color: #504b38;
    line-height: 1.4em;
    background: #fff;
}


/* Links
------------------------------------------ */

a:link, a:visited, a:active { color: #cc2830; }
a:hover {}

#login a {
  padding: 1px 0 1px 4px;
}

a.book_link {
  display: block; width: 90px; height: 140px;
  padding: 20px 0 0 140px;
  color: #fff; font-weight: bold; text-decoration: none;
  background: url("images/book.png") left top no-repeat;
}

a.book_link span {
  text-decoration: underline;
  display: block; padding: 0 0 0 8px;
}

/* Layout
------------------------------------------ */
/* Container ----------------------------- */

#container {
  width: 970px;
  margin: 0 auto 30px; padding: 0 0 15px 0;
  background: url("images/bg_container_bottom.png") center bottom no-repeat;
}

/* Header -------------------------------- */

#header {
  height: 90px;
  position: relative;
  margin: 0; padding: 0;
  background: url("images/bg_header.png") 600px 40px no-repeat;
}

#header_english {
  height: 90px;
  position: relative;
  margin: 0; padding: 0;
  background: url("images/bg_header_en.png") 734px 40px no-repeat;
}

/* Login */
#login {
  position: absolute;
  background: #ddd; color: #000;
  top: 0; right: 0px; font-size: 10px;
  padding: 4px 12px 6px;

  -moz-border-radius-bottomleft: 6px;
  -webkit-border-radius-bottomleft: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-radius-bottomright: 6px;
}

/* Logo */

h1 a {
  display: block;
  width: 233px; height: 31px;
  position: absolute;
  top: 30px; left: 30px;
  background: url("images/logo.png") left top no-repeat;
}

h1 a span { margin-left: -9999px; }

/* Content ------------------------------- */

.content {
  width: 970px; overflow: hidden;
}

.col_right {
  float: right; width: 260px;
}

.col_left {
  float: left; width: 705px;
}

#intro { margin: 5px 0; }

#intro .col_left {
  height: 200px; position: relative;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  background: url("images/bg_intro.jpg") center top no-repeat;
}

#intro .col_right {
  width: 230px; height: 160px;
  padding: 20px 15px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  background: #838383; color: #fff;
}

#titles {
  background: url("images/bg_content_title.png") center bottom no-repeat;
}

#titles .col_left {
  width: 665px;
  padding: 12px 20px 16px 20px;
}

#titles .col_right {
  width: 230px;
  padding: 12px 10px 16px 20px;
}

#content {
  background: url("images/bg_content.png") center top repeat-y;
}

#content .col_left {
  padding: 20px; width: 665px;
  overflow: hidden;
}

#content .col_right {
  padding: 20px; width: 220px;
}

#content_spacer {
  background: url("images/bg_content_spacer.png") center center no-repeat; height: 3px;
  font-size: 0px;
}

.content_col {
  width: 320px;
}

/* Columns */
/* Footer -------------------------------- */

#footer {
  background: #0e8620; padding: 6px 10px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  color: #a8d3af; text-align: right; font-size: 11px;
}

/* Text
------------------------------------------ */

h1 {}

h2 {
  font: bold 1.16em Arial;
  color: #004f0c;
}

h2.intro {
  background: url("images/bg_h2_intro.png") no-repeat;
  height: 68px; width: 490px; padding: 0;
  position: absolute;
}

h2.intro.en {
  background: url("images/bg_h2_intro_en.png") no-repeat;
}

h2.intro span { margin-left: -9999px; }

h2.intro.frontpage {
  background-position: right top;
  right: 0; bottom: 16px;
  height: 28px; width: 352px;
}

h2.intro.profit {
  background-position: left -28px;
  left: 0; top: 18px;
}

h2.intro.material {
  background-position: left -96px;
  left: 0; top: 18px;
}

h2.intro.client {
  background-position: left -164px;
  left: 0; top: 18px;
}

h2.intro.ff {
  background-position: left -232px;
  left: 0; top: 18px;
}

h3, h3 a:link, h3 a:visited {
  color: #0e9322; font-weight: bold;
  margin: 16px 0 12px;
}

h4 { font-weight: bold; }
p { margin: 10px 0; }

.introduction {}
.date {}

.ingress {
  background-position: left top;
  background-repeat: no-repeat;
  font-size: 13px; line-height: 20px;
  margin: 0 0 20px 0; min-height: 60px;
  padding: 10px 0 10px 110px;
}

small {}

.main_prodlist h2, .main_prodlist p {
  margin-left: 120px;
}

/* Special blocks
------------------------------------------ */

img.icon {
  float: left; margin: 4px 30px 0 10px;
  width: 80px; height: 80px;
  background: #5c5e5e;
}

/* Lists
------------------------------------------ */

.main_prodlist {
  margin: 0; padding: 0;
}

.main_prodlist li {
  list-style-type: none;
  padding: 8px 0;
}

.bullet_list {
  margin-top: 10px; padding-top: 0;
}

.bullet_list li {
  list-style-image: url("images/bullet.png");
}


/* Forms
------------------------------------------ */

form {
  font-size: 11px;
}

input {
  border: 1px solid #5c5e5e;
  width: 80px; padding: 2px;
  font-size: 10px;  
}

button {
  border: none; background: none; font-size: 10px;
  font-weight: bold;
  padding: 1px; cursor: pointer;
}

ol.forms {
	list-style: none;
	margin: 0; padding: 0;
  font-size: 12px;
}

ol.forms li {
	margin-bottom: 6px;
	width: 100%;
}

ol.forms li input.text {
  border: 1px solid #5c5e5e;
  width: 220px; padding: 4px 2px;
  font-size: 12px;  
}

ol.forms label {
	cursor: pointer; display: block;
  float: left; width: 140px;
  text-align: left; margin-top: 2px;
}

ol.forms li #submit_button {
	cursor: pointer; width: auto; margin-left: 140px;
	font-size: 12px; padding: 2px 4px;
}

ol.forms li #submit_button:hover {
	background: #f2f2f2;
}