body {margin: 0px; margin-bottom: 0px; background: #183131;  font-family: georgia; background: url('bottombg.jpg');  background-repeat: y-repeat;background-position: top  center;}




#topbar {background: url('menubg.jpg'); width: 100%; height:  75px; text-align:center; margin: auto; background-position:  top center; color: white;  }

#menu {position: relative; top: 46px; font-size: 14pt; font -weight: bold; text-align: center; width: 100%;  }
#menu2{width: 800px; }

#bottombar { width: 100%; height:  75px; text-align:center; margin: auto; background-position:  top center; color: white; }

#content {margin: auto; text-align: center; height: 607px; }
#footer {margin: auto; text-align: center; height: 98px;  width: 100%;}
.float {float:left; color:white; }
a  img {border: 0px;}
a {color: white; text-decoration: none;}
a:hover {color: white; text-decoration: underline;}
#content img {border: 3px solid white;}



body {margin: 0px; margin-bottom: 0px; background: #183131; font-family: garamond; background: url('bottombg.jpg'); background-repeat: y-repeat;background-position: top center;}


#menu {position: relative; top: 46px; font-size: 14pt; font-weight: bold; z-index: 3000;}

#topbar {background: url('menubg.jpg'); width: 100%; height: 75px; text-align:center; margin: auto; background-position: top center; color: white; }

#content {margin: auto; text-align: center; height: 703px; }
#footer {margin: auto; text-align: center; height: 98px; width: 100%; }
.float {float:left; color:white;}
a img {border: 0px;}
#content img {border: 3px solid white;}
.content {width: 600px; color: white; margin: auto; text-align: justify;}



#character {position: relative; bottom: 415px; left: 405px;}
#content-character {width: 300px; height: 150px;}
h1 {display: inline; font-size: 16pt; width: 600px; height: 50px;}

span h1 {display: none;}


#featurescontent {margin: auto; text-align: center; height: 703px; }

.features {width: 600px; margin: auto; color: white; text-align: justify; font-size: 12pt; position: relative; top: 100px; }
#content-character {position: relative; top: 80px; left: 35px;}

.features-system{width: 600px; margin: auto; color: white; text-align: justify; font-size: 12pt;}

.features-multimedia{width: 800px; margin: auto; color: white; text-align: justify; font-size: 12pt; position: relative; top: 120px; left: 100px;}

.features h2 {display: inline; font-size: 12pt;}
.system {width: 650px; margin: auto; color: white; text-align: justify; position: relative;  top: 100px;}
#system-img {float:left; width: 395px;}

#system-menu {float: left; height: 300px; width: 170px; margin-left: 5px; }
.system img {border: 3px white solid;}
#system-menu img {border: 0px;}

ul{list-style-type: none;padding: 0;margin: 0;}

li{background-image: url(bullet.png);
background-repeat: no-repeat;
background-position: -25px -24px;margin: 15px;
padding-left: 22px;}

#system-content{clear:both; width: 600px; font-weight: bold;}
#battles-menu {position: relative; left: 120px; top: -50px;}
#battles-menu img {border: 0px;}
#battles-content{position: relative; top: -45px; font-weight: bold;}

#wallpapers {width: 370px; position: relative; left: -125px; float:left;}
.wallpapers { float: left; font-size: 10pt; text-align: center; margin: 3px;}
.wallpapers   img{ border: 3px white solid; width: 170px;}

#icons {float:left; position: relative;  left: -100px;}
#trailer {float:left; position: relative;left: -80px; }


#char1 {float: left; }

#char2 { float: left; }
.sound {display: inline; position: relative; top: -70px; left: 300px}

.multsound {display: inline; position: relative; top: -65px; left: 300px}

.link {position: relative; height: 50px; width: 400px;top: 150px; left: 150px;border: 0px red solid; display: inline;}
#content .link  img {border: 0px;}

.storylink {position: relative; height: 100px; width: 400px;top: 100px; border: 0px red solid; display: inline;}
#content .storylink img {border: 0px;}

.featureslink {position: relative; height: 100px; width: 400px;top: 150px; border: 0px red solid; display: inline;}
#content .featureslink img {border: 0px;}


.link {position: relative; height: 100px; width: 400px;top: 150px; border: 0px red solid; display: inline;}
#system .link  img {border: 0px;}


.characterlink {position: relative; height: 100px; width: 400px;top: 250px; border: 0px red solid; display: inline;}
#content .characterlink  img {border: 0px;}

.multimedialink {position: relative; width: 200px; height: 300px; width: 225px; bottom: 170px; border: 0px red solid; display: inline;}
#content .characterlink2  img {border: 0px;}

.characterlink2 {position: relative; height: 100px; width: 400px; top: 100px;border: 0px red solid; display: inline;}
#content .characterlink2  img {border: 0px;}