html,body{background:#fff; margin:0; padding:0; font-size:10px; text-align:center; font-family:Verdana; color:#bbbbbb;}
#main{width:900px; height:720px; margin:10px auto;}
h1{width:100%; font-size:12px;  color:#fff; margin:2px 0 2px 0;
background: red;
filter:progid:DXImageTransform.Microsoft.Gradient
(endColorstr='#ff0000', startColorstr='#ff4e00', gradientType='0')
background: -moz-linear-gradient(top, #ff4e00, #ff0000);
background: -webkit-gradient(linear, left top, left bottom, from(#ff4e00), to(#ff0000));

}
a{text-decoration:none;}
h2,noscript{width:100%; font-size:10px;  color:#666; margin:2px 0 2px 0; display:block; font-weight:normal;}
li{width:15%;  font-size:12px; float:left; margin:2px 0.5%; list-style:none; }
li a{width:100%; display:block;  text-decoration:none;  color:#666;}
li a:hover{background:red; color:white; text-shadow: 0px -1px #670000; -moz-box-shadow: 0 0 2px #ccc; -webkit-box-shadow: 0 0 2px #ccc; box-shadow: 0 0 2px #ccc;}

h1,h2,li, li a, noscript {height:20px; line-height:20px; padding:5px 0;}
h2 a{color:#666;}

h1, h2,li a,noscript{ -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
-moz-box-shadow: 0 2px 2px #ccc; -webkit-box-shadow: 0 2px 2px #ccc; box-shadow: 0 2px 2px #ccc;}

h2,li a,noscript{
background: #c0c0c0;
filter:progid:DXImageTransform.Microsoft.Gradient
(endColorstr='#c0c0c0', startColorstr='#eeeeee', gradientType='0');
background: -moz-linear-gradient(top, #eeeeee, #c0c0c0);
background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#c0c0c0));

text-shadow: 0px 1px #fff;
}