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

html, body, h1, h2, h3, ul, li, p, img {margin: 0; padding: 0;}

body{font-family: Tahoma; font-size: 11px; color: #333333; line-height: 18px; margin: 0 auto; background:#dfe0e7; margin:0px auto; }

h1,h2,h3 { font-weight:bold;}
h1{ font-size:20px;}
h2{	font-size:16px;	line-height: 30px;}

.logo{ z-index:1; width:100px; height:200px;}

div{margin:0 auto; padding:0; }

img {border: 0;}

ul{list-style-type:none;}

.left {	float: left;}
.right {float: right;}
.clear {clear: both  ;}



a, a:link, a:active, a:visited, a:hover {font-family: Tahoma; font-size: 12px; color: #333333; line-height: 18px; text-decoration:none;} 
a:hover {text-decoration:underline;}


#topnavleft{  float:left; width:500px; text-align:left; height:50px;}
#topnavright{ float:right; width:500px; text-align:left; height:50px;}
#footerwrapper1{ position:relative; background:url(../images/footerbg.jpg) left top repeat-x; width:1000px; height:150px;  position:relative; margin:20px auto 0; }

#wrapper{position:relative; width:100%; height:700px; text-align:center; }

.homebg{ background:url(../images/homebg.jpg) top center no-repeat ;}
.cha{ background: url(../images/charactersbg.jpg) top center no-repeat ;}
.story{ background: url(../images/storybg.jpg) top center no-repeat ;}
.download{ background: url(../images/download.jpg) top center no-repeat ;}
.video{ background: url(../images/videos.jpg) top center no-repeat ;}

#topnav{ background:url(../images/navbg.png) top center no-repeat; width:1000px; height:138px;}
#topnavleft, #topnavright{  width:430px; height:60px; }
#topnavleft{ float:left;}
#topnavright{ float:right; width:400px;}

#topnavleft ul li{ float:left; font-weight:bold; line-height: 36px; margin:0px 0px 0px 35px;}
#topnavleft ul li a, #topPanel ul li a:hover {height:42px;	display:block;	padding:20px 0px 0px 0px;	text-align:center;  line-height:42px;}
#topnavleft ul li a{background:url(../images/navsep.jpg) no-repeat center right;   color: #FFFFFF;}
#topnavleft ul li a:hover{background:url(../images/navbgover.jpg)  repeat-x 0 0; color: #111111; }

#topnavright ul li{ float:left; font-weight:bold; line-height: 36px; margin:0px 0px 0px 35px;}
#topnavright ul li a, #topPanel ul li a:hover {height:42px;	display:block;	padding:20px 0px 0px 0px;	text-align:center;  line-height:42px;}
#topnavright ul li a{background:url(../images/navsep.jpg) no-repeat center right;   color: #FFFFFF;}
#topnavright ul li a:hover{background:url(../images/navbgover.jpg)  repeat-x 0 0; color: #111111; }

#wrapperhomebody, #wrappercha, #wrapperstory, #wrapperdownload{ width:1000px;   clear:both; position:relative; }
#wrapperhomebody img .characters{ width:498px; height:453px;}
#wrapperhomebody img .release{ width:271px; height:66px; margin:5px;}


#wrappercha img{ width:430px; height:440px; float:right; margin-top:106px;}
#wrappercha #content{ text-align:left;	display:block;	width:300px;	height:350px;	float:left;	position:absolute;	top:50px;	left:65px;	text-align:left;	overflow:hidden}

#wrappercha #registercontent{
	display:block;
	width:300px;
	height:380px;
	float:left;
	position:absolute;
	top:30px;
	left:65px;
	text-align:center;
	overflow:hidden
}
#wrappercha #registercontent img{ width:300px; height:56px; float:none; margin:0px 0px 10px 0px; padding:0px;}
#wrappercha #registercontent #wait img{ width:30px; height:27px;}
#registercontent #pp{ width:262px; height:29px;}
#registercontent #ts{ width:282px; height:29px;}





#wrappercha #content img{ width:264px; height:72px; float:none; margin:0px; padding:0px; }
#wrappercha #button img{ width:66px; height:30px;}

#wrapperstory img{width:430px; height:542px; float:right; margin:0px; padding:0px; }
#wrapperstory #content{	display:block;width:450px;height:380px;float:left;position:absolute;top:50px;	left:65px;		overflow:hidden}
#wrapperstory #content p{text-align: justify;}
#wrapperstory #content img{ width:140px; height:37px; float:none; margin:0px 0px 0px 0px; padding:0px; }

#gallerycontainer{ width:370px; float:none; height:125px; text-align:center; }
.wallpaper{ margin-top:35px;}
.screensaver{ margin-top:45px;}
.aimicons{ margin-top:45px;}
#gallerycontainer #wallpaper img{ width:207px; height:27px;}
#gallerycontainer #screensaver img{ width:229px; height:27px;}
#gallerycontainer #aimicons img{ width:163px; height:27px;}
#video{ margin-left:50px; margin-top:29px;}





#footerwrapper{ position:relative; width:100%; height:138px; clear:both; background:url(../images/footerbg.jpg) left top repeat-x #e0e0e4; text-align:center;}
#footerbody{ width:1000px; padding: 20px 0px 0px 0px; color:#8e8e92;}
#footerlogoup, #footerlogodown { width:1000px; position:relative; height:42px; font-size:10px; line-height:14px; }
#footerlogoup img{ float:left;} 
#footerlogoup  p{ float:right; width:300px; text-align:left;}
#footerlogoup  p a, #footerlogoup  p a:link, #footerlogoup  p a:hover { font-size:10px; color:#999999; }
#footerlogodown img{ float:right; width:193px; height:41px;} 
#footerlogodown p{ float:left; width:300px; text-align:left; padding-top:5px;}
#footerlogodown  p a, #footerlogoup  p a:link, #footerlogoup  p a:hover { font-size:10px; color:#999999; }

#footercopyright{ 	width:1000px; height:25px; 	border-top-color:#9999a6;	border-top-width: 1px;	border-right-width: 1px;	border-bottom-width: 1px;
border-left-width: 1px;	border-top-style: solid; font-size:11px; padding:5px 0px 0px 0px;	}
#footercopyright p .left{ float:left;  }
#footercopyright p a{ color:#8e8e92; font-size:11px; text-decoration:underline;}
#footercopyright p a:hover{ color:#5e5e63;}
#footercopyright p .right{ float:right; clear:both;}