* { margin: 0; padding: 0; }
ul, ol { list-style-type: none; }

body { font-family: "Times New Roman", serif; color: black; font-size: 14px; line-height: 1.5em; /* background-color: #e8e8e8; */ background-color: black; }

a { text-decoration: none; color: #000; outline: none; }
a:hover { text-decoration: underline; color: #aaa; }


#page-wrapper { overflow: hidden; width: 960px; height: 680px; background-color: #fff; padding: 20px;
left:50%;
margin-top:-360px;
margin-left: -500px;
position:absolute;
top:50%;
 }
#img-col { float: left; width: 480px; min-height: 680px; }
#content-col { float: right; width: 430px; min-height: 680px;  }

#page-innerwrapper { overflow: hidden; }
.page-innerwrapper-0 { background-image: url('img/km_0.jpg'); background-repeat: no-repeat; }
.img-col-1 { background-image: url('img/km_1.jpg'); background-repeat: no-repeat; }
.img-col-2 { background-image: url('img/km_2.jpg'); background-repeat: no-repeat; }
.img-col-3 { background-image: url('img/km_3.jpg'); background-repeat: no-repeat; }
.img-col-4 { background-image: url('img/km_4.jpg'); background-repeat: no-repeat; }
.img-col-5 { background-image: url('img/km_5.jpg'); background-repeat: no-repeat; }

h1 { background-image: url('img/logo-web.png'); background-repeat: no-repeat; margin: 10px; }
h1 a { display: block; width: 280px; height: 84px; }
h1 span { display: block; width: 0; height: 0; overflow: hidden; }

ul#navigation { margin-top: 10px; }
ul#navigation li { float: left; margin-left: 5px; }
ul#navigation li.first { margin-left: 0; }
ul#navigation li:after { content: ' | '; }
ul#navigation li.last:after { content: ''; }

#navigation li a { text-decoration: none; color: black; font-size: 14px; /* 16px */ }
#navigation li.selected a { color: #888; }
#navigation li a:hover { color: #aaa; }

#content { margin-top: 100px; text-align: left; margin-right: 30px; }
#content h2 { display: inline; font-size: 14px; }