article, aside, figure, footer, header, hgroup, nav, section { display: block; }
html, body, h1, h2, header nav ul, header nav ul li, .images, .images li { margin: 0; padding: 0; }
header h1 a, footer a { text-indent: -9999em; overflow: hidden; }

html { color: #333; font: 11px/1.7 Georgia, serif; background: #d4d4d4 url(img/html.jpg) repeat-x 0 0; }
a { text-decoration: none; color: #333; }
body { width: 980px; margin: 0 auto; background: #fff; }

header { height: 200px; background: #f5f7f6 url(img/header.jpg) no-repeat 0 0; position: relative; }
 header h1 a { display: block; height: 132px; background: transparent url(img/logo.png) no-repeat 633px 48px; }
 header p { font: 13px/1.7 Verdana, serif; position: absolute; color: #fff; top: 65px; right: 30px; }
 header nav ul { list-style: none; }
  header nav ul li { display: block; float: left; background: transparent url(img/button-end.png) no-repeat 0 0; padding-left: 15px; }
  header nav ul li:first-child, header nav ul li.first-child { background-image: url(img/button-start.png); padding-left: 11px; }
  header nav ul li a span { background: transparent url(img/arrow.png) no-repeat center right; padding-right: 55px; }
   header nav ul li a { display: block; float: left; background: transparent url(img/nav-li-a.png) repeat-x 0 0; height: 55px; padding: 0 10px 0 25px; font: 
   14px/55px Georgia; outline: 0; }
   header nav ul li:last-child a, header nav ul li.last-child a { background: transparent url(img/button-last-end.png) no-repeat top right; padding-right: 25px; }
    header nav ul li:first-child a, header nav ul li.first-child a { padding-left: 29px; }
   /* hover */
   header nav ul li.hover { background-position: 0 -110px; }
   header nav ul li:first-child.hover, header nav ul li:last-child.hover a, header nav ul li.first-child.hover, header nav ul li.last-child.hover a { background-position: 0 -55px; }
    header nav ul li.hover a { color: #fff; background-position: 0 -55px; }
   header nav ul li.hover-next { background-position: 0 -55px; }
   header nav ul li:last-child.hover a, header nav ul li.last-child.hover a { background: transparent url(img/button-last-end-hover.png) no-repeat top right !important; }

section { padding: 0 60px; }
 section h1 { margin-top: 1em; font-size: 25px; color: #9bbd30; font-weight: normal; }
 .images { list-style: none; border-top: 9px solid #e1eac0; border-bottom: 9px solid #f5f7f6; margin-top: 28px; padding-top: 28px; width: 860px; position: relative; left: -60px; padding-left: 60px; padding-right: 60px; height: 257px; }
  .images li { display: block; float: left; width: 33%; text-align: center; }
   .images li a { outline: 0; }
    .images li a img { background: #9ebf31; padding: 15px; border: 0; }
 .clear { clear: both; }

.special { background: #000 url(img/special.jpg) no-repeat 0 0; color: #fff; width: 860px; position: relative; left: -60px; padding: 15px 60px; line-height: 1.9; }
 .special h2 { color: #9cbd30; font-weight: normal; font-size: 25px; }

footer { text-align: center; background: #f5f7f6; width: 860px; padding: 15px 60px; position: relative; left: -60px; }
 footer a { padding: 2px 5px; }
 footer #nonius a { display: block; background: transparent url(img/nonius.png) no-repeat 50% 50%; height: 35px; outline: 0; }

.figure { }
 .right { float: right; margin-left: 20px; }
 .left { float: left; margin-right: 20px; }