@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #000000;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #FFFFFF;
	h1 {font-size:46px; font-style:normal;}
	
	
}

.title1 {
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 24px;
		line-height:12px;
	color: #ffffff;
}
.text1 {
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height:20px;
	color: #ffffff;
	
}

.text2 {
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height:14px;
	color: #666666;
	
}

.text2 A:link {text-decoration: none ; color: #666666;}
.text2 A:visited {text-decoration: none; color: #666666;}
.text2 A:active {text-decoration: none; color: #666666;}
.text2 A:hover {text-decoration: none; color: #FFFFFF;}

.text2b {
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height:22px;
	color: #666666;
	
}

.text2b A:link {text-decoration: none ; color: #666666;}
.text2b A:visited {text-decoration: none; color: #666666;}
.text2b A:active {text-decoration: none; color: #666666;}
.text2b A:hover {text-decoration: none; color: #FFFFFF;}

.text4 {
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFFFFFF;
	
}

#white_line {
height:1px;
width:990px;
margin-top:5px;
margin-bottom:0px;
background-color:#FFFFFF;
margin-left: auto;
margin-right: auto;

}

#white_line2 {
height:1px;
width:990px;
margin-top:6px;
margin-bottom:1px;
background-color:#FFFFFF;
margin-left: auto;
margin-right: auto;

}

#white_line3 {
display:inline-block;
height:1px;
width:990px;
margin-top:6px;
margin-bottom:16px;
background-color:#FFFFFF;
margin-left: auto;
margin-right: auto;

}

#thumbnail_area {
height:50px;
margin-left: auto;
margin-right: auto;



}

#thumbnail_title {
float:left;
margin-left:10px;
margin-right:9px;
margin-top:5px;

}

#thumbnail_menu {

margin-top:5px;
height:20px;

}

#topthumb {

	width:990px;
	margin-left: auto;
    margin-right: auto;
	text-align:left;

}
#toplogothumb {
	float:left;
	width:160px;
	margin-left:20px;
	}

#top {

	width:990px;
	height:40px;
	margin-top:10px;
	margin-left: auto;
    margin-right: auto;
	margin-bottom:0px;
	text-align:left;
	padding-left:0px;
	
	

}

#toplogo {
	float:left;
	width:160px;
	}
	


#toptext-name {
padding-top:3px;
	
	
	}
	
#toptext-stats {

padding-top:5px;
	
	
	}
	
#bottom {

	width:990px;
	height:40px;
	margin-top:0px;
	margin-left: auto;
    margin-right: auto;
	margin-bottom:0px;
	text-align:left;
	padding-left:0px;

}

#bottom-back {
	float:left;
	width:160px;
	}

#bottom-options {
	float:right;
	width: auto;
	}

	
.main #container {
	width: 990px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height: 1200px;
	background: #000000;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */

	text-align: left; /* this overrides the text-align: center on the body element. */
}
.main #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}



/* hide from incapable browsers */
div#scrollbar {
    display:none;
    }

/* below in external file */
div#wn	{
	position:relative;
	width:940px;
	height:540;
	overflow:hidden;
	}
div#scrollbar {
	position:relative;
	width:940px;
	height:11px;
	display:block; /* display:none initially */
	font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  }

div#track {
	position:absolute;
	left:12px;
	top:0;
	width:925px;
	height:11px;
	background: #333333;
  }
div#dragBar {
    position:absolute; left:1px; top:1px;
    width:20px; height:9px;
    background-color:#ceced6;
  }
div#left { position:absolute; left:0; top:0; }
div#right { position:absolute; right:0; top:0;  }

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#left, div#right {
    -moz-user-select: none;
    -khtml-user-select: none;
}

/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img {
    display:block;
    }