div {
  margin: 0px 0px 0px 0px;
}

img {
  margin: 0px 0px 0px 0px;
}

table {
  margin: 0px 0px 0px 0px;
}

body {
  color:white;
	background-color: #000000;
	margin: 0px 0px 0px 0px;
}

div#MainContainer {
  height:100%;
  border: 1px dotted purple;
}

table#MainTable {
  height:100%;
  width:100%;
  margin: 0px 0px 0px 0px;
}

div#Header {
  height:150px;
  background: repeat-x url(Images/TopRepeat.jpg);
}

div#Navigation {
  height: 100%;
  margin: 0px 0px 0px 0px;
}

.SectionNews {
  margin: 0px 5px 5px 5px;
  border: 1px inset red;
  color: white;
}

.SectionNews ul{
  margin: 5px 0px 5px 0px;
}

.NewsPost {
	width: 500px;
	border: 1px dashed green;
	margin: 5px 5px 15px 5px;
}

.NewsPost h2 {
	margin: 5px 5px 5px 10px;
}

.NewsPost p {
	margin: 10px 10px 10px 20px;
}

div#Navigation h3 {
  width: 100%;
  background-color: grey;
}

a#HomeLink {
  display:block;
  width: 250px;
  height: 50px;
  background-image: url(Images/Home.jpg);
  border: none;
}

a#HomeLink:hover {
  background-image: url(Images/Home-Hover.jpg);
  border: none;
}

a#NewsLink {
  display:block;
  width: 250px;
  height: 50px;
  background-image: url(Images/News.jpg);
  border: none;
}

a#NewsLink:hover {
  background-image: url(Images/News-Hover.jpg);
  border: none;
}

a#ComicLink {
  display:block;
  width: 250px;
  height: 50px;
  background-image: url(Images/Comic.jpg);
  border: none;
}

a#ComicLink:hover {
  background-image: url(Images/Comic-Hover.jpg);
  border: none;
}

a#NovelLink {
  display:block;
  width: 250px;
  height: 50px;
  background-image: url(Images/Novel.jpg);
  border: none;
}

a#NovelLink:hover {
  background-image: url(Images/Novel-Hover.jpg);
  border: none;
}

a#ExtrasLink {
  display:block;
  width: 250px;
  height: 50px;
  background-image: url(Images/Extras.jpg);
  border: none;
}

a#ExtrasLink:hover {
  background-image: url(Images/Extras-Hover.jpg);
  border: none;
}

a#LinksLink {
  display:block;
  width: 250px;
  height: 50px;
  background-image: url(Images/Links.jpg);
  border: none;
}

a#LinksLink:hover {
  background-image: url(Images/Links-Hover.jpg);
  border: none;
}

a#InfoLink {
  display:block;
  width: 250px;
  height: 50px;
  background-image: url(Images/Info.jpg);
  border: none;
}

a#InfoLink:hover {
  background-image: url(Images/Info-Hover.jpg);
  border: none;
}

a#ForumLink {
  display:block;
  width: 250px;
  height: 50px;
  background-image: url(Images/Forum.jpg);
  border: none;
}

a#ForumLink:hover {
  background-image: url(Images/Forum-Hover.jpg);
  border: none;
}

a#FacebookLink {
  display:block;
  width: 250px;
  height: 50px;
  background-image: url(Images/Facebook.jpg);
  border: none;
}

a#FacebookLink:hover {
  background-image: url(Images/Facebook-Hover.jpg);
  border: none;
}

a#ContactLink {
  display:block;
  width: 250px;
  height: 50px;
  background-image: url(Images/Contact.jpg);
  border: none;
}

a#ContactLink:hover {
  background-image: url(Images/Contact-Hover.jpg);
  border: none;
}

a#StoreLink {
  display:block;
  width: 250px;
  height: 50px;
  background-image: url(Images/Store.jpg);
  border: none;
}

a#StoreLink:hover {
  background-image: url(Images/Store-Hover.jpg);
  border: none;
}

div#Content {
  margin: 15px 5px 5px 5px;
}

div#ContentBanner {
	height: 125px;
	width: 625px;
	border: 1px solid blue;
}

#Footer{
  height:20px;
  text-align:center;
  background: url(Images/FooterRepeat.jpg) repeat-x;
  width:100%;
}

.Menu {
	text-align:center;
	width:720px;
}

.Menu ul {
	list-style: none;
	
}

.Menu li {
	display: inline;
}

.Page {
	margin: 60px 20px 10px 25px;
	width:310px;
	height:435px;
	overflow:hidden;
}

.Page p {
	margin: 10px 0px 0px 0px;
}

#Novel {
	background-image: url(Images/blank_page.jpg);
	height: 576px;
	width:720px;
	color:black;
}

a#ComicFirst {
	display:inline-block;
	height:50px;
	width:50px;
	background-image:url(Images/First.jpg);
}

a#ComicFirst:hover {
	background-image:url(Images/First-Hover.jpg);
}

a#ComicLast {
	display:inline-block;
	height:50px;
	width:50px;
	background-image:url(Images/Last.jpg);
}

a#ComicLast:hover {
	background-image:url(Images/Last-Hover.jpg);
}

a#ComicNext {
	display:inline-block;
	height:50px;
	width:50px;
	background-image:url(Images/Next.jpg);
}

a#ComicNext:hover {
	background-image:url(Images/Next-Hover.jpg);
}

a#ComicLatest {
	display:inline-block;
	height:50px;
	width:50px;
	background-image:url(Images/Latest.jpg);
}

a#ComicLatest:hover {
	background-image:url(Images/Latest-Hover.jpg);
}

a#ComicArchive {
	display:inline-block;
	height:50px;
	width:50px;
	background-image:url(Images/Archive.jpg);
}

a#ComicArchive:hover {
	background-image:url(Images/Archive-Hover.jpg);
}

#InfoPage {
	background-image:url(Images/Mansion.jpg);
	width:600px;
	height:478px;
}

#HowItStarted {
	position: absolute;
	top: 550px;
	left: 330px;
	height: 80px;
	width: 80px;
}

#HowItStarted:hover {
	position: absolute;
	top: 290px;
	left: 250px;
	height: 340px;
	width: 240px;
	background-image:url(Images/Sign.png);
}

#GameInfo {
	position: absolute;
	top: 350px;
	left: 540px;
	height: 60px;
	width: 70px;
}

#GameInfo:hover {
	position: absolute;
	top: 70px;
	left: 455px;
	height: 340px;
	width: 240px;
	background-image:url(Images/Sign.png);
}

#NovelInfo {
	position: absolute;
	top: 440px;
	left: 600px;
	height: 140px;
	width: 130px;
}

#NovelInfo:hover {
	position: absolute;
	top: 240px;
	left: 545px;
	height: 340px;
	width: 240px;
	background-image:url(Images/Sign.png);
}

#BrainsInfo {
	position: absolute;
	top: 550px;
	left: 530px;
	height: 50px;
	width: 50px;
}

#BrainsInfo:hover {
	position: absolute;
	top: 260px;
	left: 435px;
	height: 340px;
	width: 240px;
	background-image:url(Images/Sign.png);
}

.InfoText {
	display:none;
	margin: 30px 20px 20px 20px;
	width:203px;
	height: 130px;
	overflow:auto;
	color:black;
}