@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;}
	
	
}

.whitelink {
	color:#FFF;
}
.whitelink A:link {text-decoration: none ; color: #FFF;}
.whitelink A:visited {text-decoration: none; color: #FFF;}
.whitelink A:active {text-decoration: none; color: #FFF;}
.whitelink A:hover {text-decoration: none; color: #FFF;}

.title1 {
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: normal;
	color: #ffffff;
	

}

.title1link {
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: normal;
	overflow:visible;	

	color: #ffffff;
}
.title1link A:link {text-decoration: none ; color: #666666;}
.title1link A:visited {text-decoration: none; color: #666666;}
.title1link A:active {text-decoration: none; color: #666666;}
.title1link A:hover {text-decoration: none; color: #ffffff;}

.title2link {
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: normal;
	color: #ffffff;
}
.title2link A:link {text-decoration: none ; color: #ffffff;}
.title2link A:visited {text-decoration: none; color: #ffffff;}
.title2link A:active {text-decoration: none; color: #ffffff;}
.title2link A:hover {text-decoration: none; color: #ffffff;}

.title3link {
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: normal;
	color: #666666;
}
.title3link A:link {text-decoration: none ; color: #666666;}
.title3link A:visited {text-decoration: none; color: #666666;}
.title3link A:active {text-decoration: none; color: #666666;}
.title3link A:hover {text-decoration: none; color: #000000;}

.title4link {
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: normal;
	color: #000000;
}
.title4link A:link {text-decoration: none ; color: #000000;}
.title4link A:visited {text-decoration: none; color: #000000;}
.title4link A:active {text-decoration: none; color: #000000;}
.title4link A:hover {text-decoration: none; color: #000000;}

.title1link-bar {
	float:left;
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-top:6px;
	margin-left:5px;
	margin-right:5px;
	color: #666666;
}

.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;
	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;}

.text2c {
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #666666;
	
}

.text2c A:link {text-decoration: none ; color: #666666;}
.text2c A:visited {text-decoration: none; color: #666666;}
.text2c A:active {text-decoration: none; color: #666666;}
.text2c A:hover {text-decoration: none; color: #000000;}

.text2d {
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #666666;
	
}

.text2d A:link {text-decoration: none ; color: #666666;}
.text2d A:visited {text-decoration: none; color: #666666;}
.text2d A:active {text-decoration: none; color: #666666;}
.text2d A:hover {text-decoration: none; color: #FFF;}

.text4 {
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFFFFFF;
	
}

.text5 {
	margin-top:-2px;

	
}

#white_line {
overflow:hidden;
height:1px;
width:990px;
margin-top:15px;
margin-bottom:0px;
background-color:#FFFFFF;
margin-left: auto;
margin-right: auto;
left:0px;

}

#white_line5 {
overflow:hidden;
height:1px;
width:990px;
margin-top:15px;
margin-bottom:0px;
background-color:#CCCCCC;
margin-left: auto;
margin-right: auto;

}

#white_line2 {
overflow:hidden;
height:1px;
width:990px;
margin-top:6px;
margin-bottom:1px;
background-color:#FFFFFF;
margin-left: auto;
margin-right: auto;

}

#white_line3 {
overflow:hidden;
height:1px;
width:990px;
margin-top:10px;
margin-bottom:16px;
background-color:#FFFFFF;
margin-left: auto;
margin-right: auto;

}

#white_line4 {
overflow:hidden;
display:inline-block;
height:1px;
width:990px;
margin-top:6px;
margin-bottom:16px;
background-color:#CCCCCC;
margin-left: auto;
margin-right: auto;

}

#thumbnail_area {
height:50px;
margin-left: auto;
margin-right: auto;

}

#thumbnail_area2 {
	
height:50px;
margin-left: auto;
margin-right: auto;

}

#thumbnail_title {

float:left;
margin-left:10px;
margin-right:9px;


}

#thumbnail_title2 {
float:left;
margin-left:10px;
margin-right:9px;

}

#thumbnail_menu {

/*margin-top:5px; */
height:20px;
width:400px;


}

#thumbnail_menu2 {

/*margin-top:5px;*/
height:20px;
width:400px;

margin-left:133px;

}

#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 {
	margin-top:7px;
	float:left;
	width:160px;
	}
	


#toptext-name {
	
	}
	
#toptext-stats {
	margin-top:-3px;

	}
	
#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;
    }


.bio_panel1 {
	background-color:#FFF;
	height:auto;
	width:600px;
	padding: 40px 40px 40px 40px;
}

.bio_text1 {
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 20px;
	color:#666666;
	width:600px;
}
	
.bio_text1_black {
	font-weight:bold;
	color:#000000;
}

#top_bio {
	padding-top:10px;
	padding-bottom:10px;
	width:680px;
	background-color:#000;
	
	
	
	
	

}
