@import "arnie.css";
@import "andy.css";
@import "bodean.css";
@import "jean.css";
@import "yang.css";
@import "zeva.css";


body	{
	font-family:		Tahoma, sans-serif;
	font-size: 			14px;
	background-color:	#000;
	margin: 			0px;
	padding:			0px;
	color:				#FFF;	
}

/*div	{
	border:			#FF0 solid 1px;
}*/

img {
	border:			0px;
}

.main	{
	background:		#000 url(../Images/Main_Back.jpg) no-repeat;
	margin:			0 auto;
	width:			1000px;
	height:			691px;
}

/* Character CSS */

.main_arnie	{
	background:		#000 url(../Images/Arnie/Main_Back.jpg) no-repeat;
	margin:			0 auto;
	width:			1000px;
	height:			820px;
}

.main_andy	{
	background:		#000 url(../Images/Andy/Main_Back.jpg) no-repeat;
	margin:			0 auto;
	width:			1000px;
	height:			820px;
}

.main_bodean	{
	background:		#000 url(../Images/Bodean/Main_Back.jpg) no-repeat;
	margin:			0 auto;
	width:			1000px;
	height:			820px;
}
.main_jean	{
	background:		#000 url(../Images/Jean/Main_Back.jpg) no-repeat;
	margin:			0 auto;
	width:			1000px;
	height:			820px;
}
.main_yang	{
	background:		#000 url(../Images/Yang/Main_Back.jpg) no-repeat;
	margin:			0 auto;
	width:			1000px;
	height:			820px;
}
.main_zeva	{
	background:		#000 url(../Images/Zeva/Main_Back.jpg) no-repeat;
	margin:			0 auto;
	width:			1000px;
	height:			820px;
}

.nav	{
	background:		url(../Images/Nav_Back.gif) no-repeat; 
	width:			488px;
	height:			35px;
	padding:		0;
	margin:			0 auto;
	position:		relative;
	top:			230px;
	font-family:	Arial, Helvetica, sans-serif;
	font-size:		14px;
	z-index: 		99;

}

.nav ol	{
	text-align:		center;
	margin:			0 auto;
	font-size:		14px;
	padding:		10px;
}

.nav li {
	font-size:		14px;
	display:		inline;
	padding-right:	10px;
	padding-left:	10px;
	border-right: 	#666 dotted 1px;
}

.nav a:hover, .nav li .current {
	color:			#F60;
	text-decoration:underline;
	width:			auto;
	font-size:		14px;
}

.clear  {
	clear:			both;
}

/* Main Content Box */
.box	{
/*	background-color:#000;
	border:			#666 solid 1px;*/
	margin:			5px;
	padding-top:	20px;
	position:		relative;
	top:			210px;
	height:			415px;
}

.lft_col	{
	float:			left;
	width:			300px;
}

.lft_col li {
	font-size:		18px;
	display:		inline;
	padding-right:	10px;
	padding-left:	10px;
	border-right: 	#666 dotted 1px;
}

.rt_col	{
	background-color: #000;
	border:			#666 solid 1px;
	FILTER:			Alpha(opacity=80);
	opacity:		.8;
	width:			380px;
	float:			right;
	padding:		10px;
}

.rt_col	h1{
	color:			#F60;
	font-size:		18px;
	margin:			auto;
	padding:		0;
	line-height:	.5em;
}

.rt_col	p{
	line-height:	1.5em;
}

/* Right column Crew */

.rt_col_crew	{
	background-color: #000;
	border:			#666 solid 1px;
	FILTER:			Alpha(opacity=85);
	opacity:		.85;
	float:			right;
	text-align:		left;
	width:			650px;
	padding:		0px;
	margin:			0px;
}

.rt_col_crew	h1{
	FILTER:			Alpha(opacity=80);
	opacity:		.8;
	color:			#F60;
	line-height:	.5em;
	font-size:		25px;
	margin:			auto;
	padding:		10px 15px 10px 15px;
}

.rt_col_crew	p{
	line-height:	1.5em;
	padding:		0px 15px 0px 15px;
	margin:			0px;
}

.title	{
	font-size:		12px;
	font-weight:	normal;
}

/* Right column Media */

.rt_col_media	{
	background-color: #000;
	border:			#666 solid 1px;
	FILTER:			Alpha(opacity=90);
	opacity:		.9;
	width:			100%;
	padding:		0px;
	margin:			0px;
}

.rt_col_media	h1{
	color:			#F60;
	font-size:		18px;
	margin:			auto;
	padding:		0;
	line-height:	.5em;
}

.rt_col_media	p{
	line-height:	1.5em;
}


/* Tones Area */
.tones	{
	margin:			2px;
	float:			left;
	text-align:		left;
	width:			40%;
}



/* WP Area */
.wp	{
	margin:			2px;
	float:			right;
	text-align:		right;
	width:			55%;
}

.wp_img	li{
	display:		inline;
	padding:		3px;
}

.img a:hover	{
	border:			#F60 solid 1px;
}

/* Characters bottom nav */

.ch_nav	{
	background-color:#333;
	clear:			both;
	text-align:		center;
}

.ch_nav	ul{
	margin:			0px;
	padding:		5px;
}

.ch_nav	li{
	display:		inline;
	list-style-type:none;
	padding:		0px 10px 0px 10px;
	border-right:	#666 solid 1px;
}
.ch_nav li .current {
	color:			#F60;
	text-decoration:underline;
	width:			auto;
	font-size:		14px;
}


/* footer area */

.footer	{
	background:		#000 url(../Images/footer_Back.gif) repeat-x;
	border-top:		#333 solid 1px;
	font-size:		10px;
	margin:			10px auto;
	text-align:		center;
	padding:		10px;
	width:			970px;
}

.footer_text	{
	width:			33%;
	float:			left;
	text-align:		left;
	font-size:		10px;
}

.footer_logo	{
	margin-left:	5px;
	width:			33%;
	float:			left;
	text-align:		center;
}

.footer_social	{
	margin-right:	5px;
	width:			20%;
	float:			right;
	text-align:		right;
}

a:link {
	font-size: 		14px;
	color:			#CCC;
	text-decoration: none;
}

a:visited {
	font-size: 		14px;
	color: #ccc;
	text-decoration: none;
}

a:hover {
	font-size: 		14px;
	color: #F60;
	text-decoration: underline;
}

a:active {
	font-size: 		14px;
	text-decoration: none;
}