body {
background: #808080;
text-align: center;
}
#main {
width: 1000px;
height: 500px;
background: #2d2a26;
margin: 25px auto;
border: solid 2px #2d2a26;
padding: 10px;
}
h1 {
text-align: center;
font-family:"Bradley Hand";
font-size: 50pt;
font: 24pt;
color: #f7f7f7;
}
hr {
height: 5px;
color: #cccccc;
}
p {
font-family:"Adobe Ming Std";
font-size: 12pt;
text-align: left;
text-indent: 48px;
color: #f7f7f7;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
width: 400px;
background-color: #494949
position: fixed;
top: 0;
width: 100%;
}
li {
float: left;
}
a {
display: block;
color: #fff;
padding: 8px;
text-decoration: none;
background-color: #494949;
}
li a:hover {
background-color: #202020;
color: #fff;
}
li a:active {
background-color: #383737;
}
#img {
display: inline-block;
width: 1025px;
height: 700px;
image-align: center;
}