html, body, form { margin: 0; padding: 0; }

article, section, footer, nav { display: block; }

html { background: #fff url(img/header-back.png) repeat-x 0 0; }

body { background: transparent url(img/header.png) no-repeat 0 0; font-family: Verdana, sans-serif; font-size: 62.5%; color: #000; }

article { padding: 140px 30px 0 170px; background: transparent url(img/nav-1.gif) no-repeat 50% 10px; min-width: 360px; max-width: 660px; }
.back-2 { background-image: url(img/nav-2.gif); }
.back-3 { background-image: url(img/nav-3.gif); }
.pos-2 { background-position: 60% 10px; }
.pos-3 { background-position: 70% 10px; }
.pos-4 { background-position: 80% 10px; }
.pos-5 { background-position: 90% 10px; }

h1 { position: absolute; left: -9999px; }
article h1 { position: static; color: #669; font-weight: normal; font-size: 2em; margin: 0 0 15px 0; }
section h1 { color: #639; font-size: 1.4em; margin: 0 0 -5px 0; }

h2, p, dl, legend { font-size: 1.2em; color: #000; line-height: 1.6; }
fieldset { border: none; margin: 0; padding: 15px 0; }
input, textarea { font-size: 100%; font-family: Verdana, sans-serif; width: 400px; }
input.submit { width: auto; margin-left: 160px; }
div.submitted { font-weight: bold; border: 1px solid #000; padding: 10px; }
label { float: left; width: 150px; margin: 0 10px 0 0; }
dt { font-weight: bold; }
a { color: #669; }
a:hover { text-decoration: none; }

footer { margin: 50px 0 0 0; border-bottom: 29px solid #669; }
 footer p { background: #ccc; border-top: 2px dotted #999; border-bottom: 10px solid #900; font-size: 1em; position: relative; padding: 10px; margin: 0; }
  footer a { font-weight: bold; }
  footer span { position: absolute; right: 10px; }

nav { position: absolute; top: 120px; left: 0; width: 150px; }
 nav ul { width: 150px; list-style: none; margin: 0; padding: 0; }
  nav li { margin: 0; padding: 0; }
   nav a { display: block; padding: 10px; background: #ccc; color: #333; font-weight: bold; text-decoration: none; font-family: Arial, sans-serif; font-size: 1.2em; border-bottom: 1px solid #900; border-right: 1px solid #900; -webkit-transition: color 1s ease; zoom: 1; }
   nav a:hover { color: #666; }
   nav a.current { background: #fff; text-align: right; }
