@charset "utf-8";

body, input, select, textarea, button {
font-family: Tahoma, Geneva, sans-serif;
font-size: 11px;
line-height: 16px;
}

ul#navigation > li > a,
ul#navigation > li > h1,
ul.home > li > a,
form#search > input[type="text"],
ul.catalogue > li > a > span.number,
ul.section > li > a,
ul.section > li > h2,
div.details,
div.details > h3,
h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
}

body, ul, ol, dl {
margin: 0px;
padding: 0px;
}

body {
background-color: #8a997a;
background-image: url(2011051320241919.png);
background-repeat: repeat-x;
}

a {
color: #bf6030;
font-weight: bold;
text-decoration: none;
}

a:hover, a:active {
color: #ff5500;
}

a > img, hr {
border: none;
}

a#logo {
float: right;
margin-right: 16px;
}

h4 {
margin: 0px 0px 16px 0px;
}

h4.attention {
padding-top: 48px;
background-image: url(2011040216570078.png);
background-repeat: no-repeat;
background-position: center top;
text-align: center;
}

div.side {
float: left;
clear: left;
width: 224px;
}

div.main {
float: right;
clear: right;
width: 640px;
}

div#document {
width: 960px;
margin: 0px auto;
}

div#document > div {
overflow: hidden;
}

div#header {
height: 240px;
background-image: url(2011051320082633.png);
background-repeat: no-repeat;
}

div#content {
padding: 32px;
background-image: url(2011032619505109.png);
background-repeat: repeat-y;
text-align: justify;
}

div#footer {
height: 48px;
padding: 16px 32px 0px 32px;
background-image: url(2011032619584192.png);
background-repeat: no-repeat;
text-align: center;
}

ul, ol {
list-style-type: none;
}

/* navigation */

ul#navigation {
float: right;
clear: right;
margin: 16px 8px 0px 0px;
}

ul#navigation > li {
float: left;
}

ul#navigation > li > a,
ul#navigation > li > h1 {
width: 128px;
height: 24px;
background-repeat: no-repeat;
padding: 40px 32px 0px 0px;
text-align: right;
text-transform: uppercase;
}

ul#navigation > li > a {
display: block;
color: #000000;
background-image: url(2011051320290368.png);
text-decoration: none;
}

ul#navigation > li > a:hover {
color: #ffffff;
background-position: left bottom;
}

ul#navigation > li > h1 {
color: #ffffff;
background-image: url(2011042613540801.png);
margin: 0px;
}

/* catalogue */

ul.catalogue > li {
float: left;
}

ul.catalogue > li > a {
display: block;
width: 160px;
height: 288px;
padding: 16px 0px;
background-image: url(2011050312212845.png);
background-repeat: no-repeat;
}

ul.catalogue > li > a:hover {
background-position: right top;
}

ul.catalogue > li > a > span.number {
display: block;
height: 40px;
padding: 8px 0px 0px 16px;
color: #ffffff;
background-image: url(2011040117383971.png);
background-repeat: no-repeat;
}

ul.catalogue > li > a > img {
display: block;
margin: 0px 0px 16px 16px;
}

ul.catalogue > li > a > span.name {
display: block;
height: 60px;
margin: 16px 0px 0px 0px;
padding: 4px 24px 0px 8px;
color: #000000;
background-image: url(2011050312301894.png);
background-repeat: no-repeat;
text-align: left;
}

ul.catalogue > li > a > span.stack {
display: block;
color: #000000;
font-weight: normal;
text-align: center;
}

/* part */

ul.part > li {
float: left;
width: 32px;
margin-bottom: 16px;
text-align: center;
}

ul.part > li.statistic {
width: 192px;
height: 16px;
padding: 24px 0px;
background-image: url(2011040213040702.png);
background-repeat: repeat-x;
}

ul.part > li > a {
display: block;
height: 16px;
padding: 24px 0px;
color: #000000;
background-image: url(2011040212215089.png);
background-repeat: no-repeat;
text-decoration: none;
}

ul.part > li > a:hover {
background-position: right top;
}

ul.part > li > a.back {
background-image: url(2011040213001269.png);
}

ul.part > li > a.next {
background-image: url(2011040212424302.png);
}

ul.part > li > span {
display: block;
height: 40px;
padding: 12px 0px;
color: #ffffff;
background-repeat: no-repeat;
font-weight: bold;
}

ul.part > li > span.current {
background-image: url(2011040212283697.png);
}

ul.part > li > span.back {
background-image: url(2011040212572622.png);
}

ul.part > li > span.next {
background-image: url(2011040212475502.png);
}

/* limit */

ul.limit > li {
float: left;
width: 32px;
margin-left: 16px;
text-align: center;
}

ul.limit > li:first-child {
margin: 0px;
}

ul.limit > li > a {
display: block;
height: 40px;
padding-top: 8px;
color: #000000;
background-image: url(2011040122591145.png);
background-repeat: no-repeat;
}

ul.limit > li > a:hover {
background-position: right top;
}

ul.limit > li > span {
display: block;
height: 40px;
padding-top: 8px;
color: #ffffff;
background-image: url(2011040123055471.png);
background-repeat: no-repeat;
font-weight: bold;
}

/* section */

ul.section > li {
width: 224px;
}

ul.section > li > a {
display: block;
height: 104px;
padding: 8px 0px 0px 16px;
color: #000000;
background-repeat: no-repeat;
}

ul.section > li > a:hover {
background-position: left bottom;
}

ul.section > li > a#section0 {
background-image: url(2011040822151192.png);
}

ul.section > li > a#section1 {
background-image: url(2011040722590275.png);
}

ul.section > li > a#section2 {
background-image: url(2011040723121041.png);
}

ul.section > li > a#section3 {
background-image: url(2011040723190643.png);
}

ul.section > li > a#section4 {
background-image: url(2011040723250467.png);
}

ul.section > li > h2 {
height: 104px;
margin: 0px;
padding: 8px 0px 0px 16px;
color: #000000;
background-repeat: no-repeat;
}

ul.section > li > h2#section0 {
background-image: url(2011040822204611.png);
}

ul.section > li > h2#section1 {
background-image: url(2011040723054196.png);
}

ul.section > li > h2#section2 {
background-image: url(2011040723135022.png);
}

ul.section > li > h2#section3 {
background-image: url(2011040723203991.png);
}

ul.section > li > h2#section4 {
background-image: url(2011040723283354.png);
}

/* home */

div.main > ul.section > li {
width: 320px;
float: left;
}

div.main > ul.section > li > a {
display: block;
height: 152px;
color: #ffffff;
background-repeat: no-repeat;
text-transform: uppercase;
padding: 8px 0px 0px 64px;
}

div.main > ul.section > li > a#section0 {
background-image: url(2011042616194176.png);
}

div.main > ul.section > li > a#section1 {
background-image: url(2011042616234088.png);
}

div.main > ul.section > li > a#section2 {
background-image: url(2011042616261301.png);
}

div.main > ul.section > li > a#section3 {
background-image: url(2011042616312138.png);
}

div.main > ul.section > li > a#section4 {
background-image: url(2011042616335376.png);
}

/* details */

div.details {
text-align: center;
background-image: url(2011050313161079.png);
background-repeat: repeat-y;
background-position: center top;
}

div.details:before {
content: "";
display: block;
height: 16px;
background-image: url(2011050313140812.png);
background-repeat: no-repeat;
background-position: center top;
margin: 0px;
}

div.details:after {
content: "";
display: block;
height: 16px;
background-image: url(2011050313153088.png);
background-repeat: no-repeat;
background-position: center top;
margin: 0px;
}

div.details > img {
margin: 0px 16px;
}

div.details > h4 {
width: 160px;
height: 48px;
margin: 16px 0px 0px 0px;
padding: 16px 0px 0px 32px;
color: #ffffff;
background-image: url(2011042002435532.png);
background-repeat: no-repeat;
text-align: left;
}

div.details > h3 {
position: relative;
width: 224px;
margin: 32px auto;
padding: 0px 16px;
background-image: url(2011050401560081.png);
background-repeat: repeat-y;
}

div.details > h3:before {
content: "";
position: absolute;
left: 0px;
top: -16px;
width: 256px;
height: 16px;
background-image: url(2011050402054971.png);
background-repeat: no-repeat;
}

div.details > h3:after {
content: "";
position: absolute;
left: 0px;
bottom: -32px;
width: 256px;
height: 32px;
background-image: url(2011050402070016.png);
background-repeat: no-repeat;
}

div.details > h3,
div.details > p {
line-height: 24px;
}

/* search */

form#search {
float: right;
clear: right;
margin-top: 16px;
margin-right: 8px;
}

form#search > input {
display: block;
float: left;
}

form#search > input[type="text"] {
width: 446px;
height: 30px;
background-color: #f2eee6;
font-weight: bold;
margin: 16px 0px;
padding: 0px 8px;
border-style: solid;
border-width: 1px;
border-color: #ccc9c2;
}

form#search > input[type="image"] {
margin: 0px 16px;
}

em {
font-style: normal;
color: #999999;
}

hr {
height: 16px;
background-image: url(2011042612272795.png);
background-repeat: repeat-x;
border: none;
}