@charset "UTF-8";
/* CSS Document */

*{
	border:none;
	outline:none;
	
}
#containercomic {
	height: 100%;
	width: 80%;
	float:left;
	background-color:#000;
		background-image:url(../images/animated_loading.gif);
	background-position:center;
	background-repeat:no-repeat
	
}
#containernav {
	height: 898px;
	width: 193px;
	float:left;
	
}

#containerall{
margin-top: -10px;
	/*height: 769px;*/
	min-width: 1000px;
	min-height: 898px;
	display:block;
	/*margin:20px auto 10px auto;*/
	
	
}

/*#blackbar{
float:left;
	height: 898px;
	width: 193px;
	background-color:#000;
	margin:50px auto auto 500px;


}*/
/*#creditbar{
float:left;

	height: 20px;
	min-width: 1360px;
	background-color:#000;
	margin:50px auto auto 500px;


}*/
body{
	/*background-image: url(../images/background001.jpg);*/
	background-color:#000;
	border:none;
	overflow: hidden;
}

#aboutbtn
{
  display: block; width: 193px;
  height: 35px;
  background: url(../images/about.gif) no-repeat 0 0;

}
#aboutactive
{
  display: block; width: 193px;
  height: 35px;
  background: url(../images/about.gif) no-repeat 0 0;
   background-position: 0 -35px;

}
#aboutactive span
{
  display: none;
}

#aboutbtn:hover
{ 
  background-position: 0 -35px;
}

#aboutbtn span
{
  display: none;
}

#timelinebtn
{
  display: block; width: 193px;
  height: 32px;
  background: url(../images/timeline.gif) no-repeat 0 0;

}
#timelineactive
{
  display: block; width: 193px;
  height: 32px;
  background: url(../images/timeline.gif) no-repeat 0 0;
   background-position: 0 -32px;

}
#timelineactive span
{
  display: none;
}
#timelinebtn:hover
{ 
  background-position: 0 -32px;
}

#timelinebtn span
{
  display: none;
}

#contactbtn
{
  display: block; width: 193px;
  height: 34px;
  background: url(../images/contact.gif) no-repeat 0 0;

}
#contactactive
{
  display: block; width: 193px;
  height: 34px;
  background: url(../images/contact.gif) no-repeat 0 0;
  background-position: 0 -34px;
}

#contactactive span
{
  display: none;
}

#contactbtn:hover
{ 
  background-position: 0 -34px;
}

#contactbtn span
{
  display: none;
}

#homebtn
{
  display: block; width: 193px;
  height: 137px;
  background: url(../images/home.gif) no-repeat 0 0;
  margin-bottom:31px;

}

#homebtn:hover
{ 
  background-position: 0 -137px;
}

#homebtn span
{
  display: none;
}
#comicsbtn
{
  display: block; width: 193px;
  height: 25px;
  background: url(../images/comics.gif) no-repeat 0 0;

}

#comicsactive
{
  display: block; width: 193px;
  height: 25px;
  background: url(../images/comics.gif) no-repeat 0 0;
background-position: 0 -25px;
}

#comicsbtn:hover
{ 
  background-position: 0 -25px;
}

#comicsactive span
{
  display: none;
}
#comicsbtn span
{
  display: none;
}