/* HTML*/

body {
	font-family: 'Trebuchet MS', verdana, Arial, Helvetica, sans-serif;
	color: #666666;
font-size: 12px;
margin: 0;
	padding: 0;
	background: #FFFFFF;
	}

a {color: #666666; text-decoration: none; background: none;}
a:link {color: #666666; text-decoration: none; background: none;}
a:link:hover {color: #000000; text-decoration: none; background: none;}
a:link:active {color: #3366FF; text-decoration: none; background: none;}

a:visited {color: #666666; text-decoration: none; background: none;}
a:visited:hover {color: #000000; text-decoration: none; background: none;}
a:visited:active {color: #3366FF; text-decoration: none; background: none;}




/* IDs */




#menubox {
	background-color: #FFFFFF;
	margin: 10px auto 40px auto;
	width: 650px;
}

#miniflex {
	width: 100%;
	font-weight: bold;
	font-size: small; /* could be specified at a higher level */
	margin: 0;
	padding: 0px 10px 0px 10px;
	
	}

#miniflex li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style: none;
	}
	
#miniflex a:link, #miniflex a:visited {
/*	font-size: 85%; */
	line-height: 20px;
	font-weight: bold;
	margin: 0 10px 0 10px;
	text-decoration: none;
	color: #666666;
	}

#miniflex a.active:link, #miniflex a.active:visited {
	padding-bottom: 2px;
	color: #3366FF;
	}
	
#miniflex a:hover {
	padding-bottom: 2px;
	color: #333;
	}

#flashcontent {
		border: 0px #000 solid;
		width: 550px;
		height: 371px;
		float: none;
		text-align: center;
		margin: 30px 0px 30px 0px;
	}

#videocontent  {
	clear: both;
	width: 320px;
	height: 256px;
	border: 1px #999999 solid;
	margin: 0px 0px 0px 20px;
	text-align: center;
	font-size: medium;
	}
	
#credits{
border: 0px #999999 solid;
clear: both;
margin: 5px 0px 0px 0px;
text-align: center;
}

#tryme  {
clear: left;	
background-color: #FFFFFF;
	color: #666666;
	margin: 2px auto 20px auto;
	text-align: center;
	width: 650px;
	}

#footer {
	clear: left;
	width: 650px;
	font-size:11px;
	margin-top: 30px;
	padding-top: 6px;
	color: #999;
	text-align: center;
border-top: 2px solid #ddd;
	}


/* CLASSES */

.container {
	padding: 0 px;
	margin: 0px auto 0px auto;
	
	width: 650px;
	}
	
.container2 {
	padding: 0 px;
	margin: auto auto auto auto;
	height: 350px;
	width: 600px;
	
	}
	
.container3 {
	padding: 0 px;
	margin: auto auto 20px auto;
	height:400px;
	width: 600px;
	font-family: 'Trebuchet MS', verdana, Arial, Helvetica, sans-serif;
	
	color: #666666;
	text-decoration: none;
	background-color: #FFFFFF;
	}

.vidextra{
text-align:center;
font-size: 12px;
font-weight:normal;
}

div.vidextra b{
	font-weight:bold;
	font-size:14px;
}

.test3{
float: left;
width: 150px;
margin: -306px 0px 0px 0px;
}
.creditlist{
font-size:small;
color: #666666;
text-align:left;
border-left: 1px solid #999999;
padding-left: 5px;
padding-top: 5px;
line-height:110%;
}

.ch-ul{border-bottom: 1px solid #999999;
padding-left: 2px;
}

.credit-hdr {
	color: #333333;
	margin-bottom: 0px;
	
	font-size: 14px;
	background-color: #FFFFFF;
}

div.creditlist .creditlist{
margin-left: -2px;
}

div.creditlist .credit-hdr {
font-size:12px;
margin-left: -2px;
margin-bottom: 1px;
}


.photobody {
	background-color: #FFFFFF;
	font-weight:normal;
	
	margin-top: 15px;
}

.etc {
	color:#E5E5E5;
	font-family: 'Trebuchet MS', verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	margin: 0px auto 0px auto;
	text-align: right;
	width: 650px;
	}

	.fullbody {
        float: left;
	width: 650px;
    background-color: #FFFFFF;
	color:#666666;
	font-family: 'Trebuchet MS', verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	font-weight:normal;
	line-height:1.2em;
	margin: 5px 0px 0px 0px;
}

.test {

		font-family: 'Trebuchet MS', verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
	background-color: #FFFFFF;
/*	width: 650px;*/
	}

.test2 {
	float:right;
	text-align:right;
	font-family: 'Trebuchet MS', verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
	background-color: #FFFFFF;
	margin: 5px 0px 5px 0px;
	}


a.test2 {
	
	width: 128px;
	border: solid 0px #000;
/*	display:block;*/
	
	margin: 0px auto 0px auto;
}

/*
a.test:link {color: #999999;	 text-decoration: none; }
a.test:visited {color: #999999;	text-decoration: none; }
a.test:hover {color: #666;	text-decoration: none; }
a.test:active:link {color: #8FABBE;	text-decoration: none; }
a.test:active:visited {color: #8FABBE;	text-decoration: none; }
a.test:active:hover {color: #666;	text-decoration: none; }
*/
/* without text
#menu {display:block; height:330;}
#menu ul {margin: 0; padding:0; list-style-type:none;}
#menu li { margin:0px 0px 15px 0px; display:block; width:128px; border:0px solid #000;}
#menu li.list1 {background:transparent url(images/reel-bw.gif);}
#menu li.list2 {background:transparent url(images/hp-bw.gif);}
#menu li.list3 {background:transparent url(images/elf-bw.gif);}
#menu a {display:block; width:128px; padding-top:86px; height:0; color:#000; text-decoration:none; overflow:hidden;}
* html #menu a:link, * html #menu a:visited {height:86px; he\ight:0;}

#menu a#item1 {background:transparent url(images/reel-col-txt2.gif) -128px -86px no-repeat;}
#menu a#item2 {background:transparent url(images/hp-col-txt2.gif) -128px -86px no-repeat;}
#menu a#item3 {background:transparent url(images/elf-col-txt2.gif)	-128px -86px no-repeat;}


#menu a#item1:hover  {background-position:top right; z-index:50;}
#menu a#item2:hover {background-position:top right; z-index:50;}
#menu a#item3:hover {background-position:top right; z-index:50;}

#menu li a span {display: none;}
#menu li a:hover span {display: block;

   width: 110px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #666666; background: #FFFFFF;
   font: 12px 'Trebuchet MS', verdana, Arial, Helvetica, sans-serif; text-align: center;}

#menu a#item1:hover span {display: block;
   position: absolute; top: 200px; left: 200px; width: 110px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #666666; background: #FFFFFF;
   font: 12px 'Trebuchet MS', verdana, Arial, Helvetica, sans-serif; text-align: center;}
*/