html {margin:0; padding:0;}

body {margin:0; padding:0; background:#9F9F9F; font:normal 90% arial, sans-serif;}
.wrapper {width:970px; background:#fff; margin:0 auto; box-shadow:#777 0 0 15px;}

header {height:180px; position:relative; background:#FEED01; border-bottom:4px solid #ccc;}
header a img {border:0; position:absolute; top:40px; left:30px;}

nav {background:#fff; border-bottom:4px solid #0F5C0F; padding-left:10px; height:38px;}
nav ul {margin:0; padding:0; list-style:none;}
nav ul li ul {display:none;}
nav ul li {float:left; padding:10px 0; position:relative;}
nav ul li a {font-size:12px;display:block; text-transform:uppercase; color:#000; text-decoration:none; border-right:2px solid #000; padding:0 18px;}
nav ul li:last-child a {border:0;}
nav ul li:hover {background:#0F5C0F;}
nav ul li:hover a {color:#fff;}
nav ul li:hover ul {display:block;}
nav ul li ul {position:absolute; padding-top:9px;}
nav ul li ul li {float:none; margin:0; padding:0;}
nav ul li ul li a {display:block; background:#000; color:#fff; padding:10px 20px; width:220px; border:0;}
nav ul li ul li a:hover {background:#333;}
nav ul li:last-child ul {margin-left:-144px;}

h1.dark-grey {background:#333333; color:#cccccc; width:930px; margin:auto; text-align:left; padding:20px;}

.content {margin:20px;}

footer {background:#333; overflow:auto; padding:20px;}
footer .col-1, footer .col-2, footer .col-3 {width:310px; float:left; color:#ccc; font-size:80%;}
footer .col-2 {text-align:center;}
footer .col-3 {text-align:right;}
footer a {color:#fff;}