body {
color: #C0C0C0;
font: 12px "times new roman", sans-serif;
text-align: justify;
line-height: 180%;
padding: 0;
margin: 10%;
background: url(http://shattered-memories.org/images/bg.gif);
}

#header {
position: static;
width: 750px;
height: 295px;
margin-right: auto;
margin-left: auto;
background: url('images/mainlayout.png') no-repeat;
}

#content {
position: absolute;
padding-top: 0px;
padding-left: 300px;
width: 395px;
height: 225px;
}

#frame { width: 393px; height: 225px; }

#menu {position: relative; width: 265px; height: 24px; background: url(pattern.gif);}

#menu li {width: 65px; height: 25px; position: absolute;  background: url(images/navigation.png) 0 0 no-repeat; display: block; list-style: none;}

#menu a {width: 65px; height: 25px; display: block;}

#menu #domain {left: 0px; width: 65px;}
#menu #network {left: 65px; background-position: -72px 0;}
#menu #exit {left: 130px; background-position: -145px 0;}
#menu #home {left: 185px; background-position: -208px 0;}

#menu #domain a:hover {background: url(images/navigation.png) 1px -25px no-repeat;}
#menu #network a:hover {background: url(images/navigation.png) -71px -25px no-repeat;}
#menu #exit a:hover {background: url(images/navigation.png) -144px -25px no-repeat;}
#menu #home a:hover {background: url(images/navigation.png) -207px -25px no-repeat;}