@charset "utf-8";

html,body{margin:0; padding:0; font-family:Tahoma, Geneva, sans-serif; font-size:24px; background:#111;}
a{color:#fff; text-decoration:none; outline:none; text-transform:uppercase; letter-spacing:0.15em;}
h1{text-transform:uppercase; color:#222; padding:0 10px; margin:0; font-size:50px;}

#nav{position:absolute; top:50px; width:100%;}

.but{display:block; padding:4px 8px; overflow:hidden; height:21px; -moz-transition:all 0.2s;}
.but:hover{height:50px;}
.but span{letter-spacing:0; font-size:12px; display:block; opacity:0.75;}

.c1{background:#841414;}
.c2{background:#b74a22;}
.c3{background:#d57e31;}
.c4{background:#e1b93e;}
.c5{background:#6f713d;}