@charset "utf-8";
body{
	background-color: #FFFFFF;
}

* 
{
	margin: 0px;
	padding:0px;
}

#main {
	background-color:#FFFFFF
}

.framer{
	position:relative;
	margin: 0px;
}

#header{
	background-color: #FDF7B2;
}

#broll{
	width:1079px;
	background-image:url(fuubar.jpg);
	background-repeat:no-repeat;
	height: 32px;
	margin-left:60px;
}

#top{
	background-image:url(head.jpg);
	background-repeat:repeat-x;
}

#head{
	width:1079px;
	height:204px;
	background-image:url(fuuheader.jpg);
	background-position:center;
	background-repeat:no-repeat;
	margin-left: 60px;
}

h3 {
	display: none;
}

.first_link {
	margin-top: 10px;
}

#mainnav {
	display: block;
	font-family: "Gill Sans MT", "Gill Sans", sans-serif;
	color: #EE204C;
	width: 650px;
	padding-top: 10px;
	height: 24px;
	left: 266px;
	top: -38px;
	position: absolute;
	font-weight: 400;
	z-index: 99;
}

#mainnav li {
	list-style-type: none;
	width: 80px;
	float: left;
	padding-left: 10px;
}

#mainnav li:hover {
	background-color: #FDF7B2;
}

#mainnav ul li ul {
	display: none;
	margin-left: -10px;
}

#mainnav ul li ul:hover {
	display: block;
}

#mainnav ul li:hover ul {
	display: block;
}

#mainnav ul li ul li {
	background-color: #FDF7B2;
}

#mainnav ul li ul li:hover {
	background-color: #31C0CB;
}

#mainnav a {
	color: #EE204C;
	text-decoration: none;
	display: block;
	height: 25px;
	font-weight: 500;
}

#middle{
	height:38px;
	background-image:url(undershadow.jpg);
	background-position:top;
	background-repeat:repeat-x;
	}
	
#contents{
width: 1000px;
}

#container{
	float: none;
}

.leg{
	width:1028px;
	height:37px;
	background-image:url(fuufoot.jpg);
	background-repeat:no-repeat;
	padding-bottom: 57px;
	margin-left:60px;
}


/*container classes */
.left_top{
	width:406px;
	background-repeat: no-repeat;
	background-image: url(newsboder1.gif);
	margin-left: 100px;
	height: 17px;
}

.left{
	margin-left: 100px;
	padding-left: 22px;
	width: 406px;
	background-image: url(newsboder2.gif);
	background-repeat: no-repeat;
}

.left_bottom{
	background-image: url(newsboder3.gif);
	height: 17px;
	width: 406px;
	background-repeat: no-repeat;
	margin-left: 100px;
}

.right{
	position: absolute;
	background-image: url(niko.gif);
	background-repeat: no-repeat;
	height: 381px;
	width: 233px;
	left: 1024px;
	top: 310px;
}


.news {
	background-image: url(news.gif);
	background-repeat: no-repeat;
	clear: both;
	margin-left: 115px;
	height: 25px;
	width: 64px;
}

.about {
	background-image: url(about.gif);
	background-repeat: no-repeat;
	clear: both;
	margin-left: 115px;
	height: 25px;
	width: 64px;
}
.bio {
	background-image: url(bio.gif);
	background-repeat: no-repeat;
	clear: both;
	margin-left: 115px;
	height: 25px;
	width: 64px;
}
.portfolio {
 	background-image: url(portfolio.gif);
	height: 25px;
	width: 120px;
	background-repeat: no-repeat;
	clear: both;
	margin-left: 115px;
}

.illustration {
	background-image: url(illustration.gif);
	height: 25px;
	width: 120px;
	background-repeat: no-repeat;
	clear: both;
	margin-left: 115px;
}

.models {
	background-image: url(models.gif);
	background-repeat: no-repeat;
	clear: both;
	margin-left: 115px;
	height: 25px;
	width: 75px;
}

.characters{
	background-image: url(characters.gif);
	height: 25px;
	width: 120px;
	background-repeat: no-repeat;
	clear: both;
	margin-left: 115px;
}

.nikofuutext{
	background-image: url(nikofuutext.gif);
	height: 25px;
	width: 120px;
	background-repeat: no-repeat;
	clear: both;
	margin-left: 115px;
}

.cragontext{
	background-image: url(cragontext.gif);
	height: 25px;
	width: 120px;
	background-repeat: no-repeat;
	clear: both;
	margin-left: 115px;
}

.maggietext{
	background-image: url(maggietext.gif);
	height: 25px;
	width: 177px;
	background-repeat: no-repeat;
	clear: both;
	margin-left: 115px;
}

.mautext{
	background-image: url(mautext.gif);
	height: 25px;
	width: 120px;
	background-repeat: no-repeat;
	clear: both;
	margin-left: 115px;
}

.flaminitetext{
	background-image: url(flaminitetext.gif);
	height: 25px;
	width: 120px;
	background-repeat: no-repeat;
	clear: both;
	margin-left: 115px;
}

.tobytext{
	background-image: url(tobytext.gif);
	height: 25px;
	width: 217px;
	background-repeat: no-repeat;
	clear: both;
	margin-left: 115px;
}

.contact{
	background-image: url(contact.gif);
	background-repeat: no-repeat;
	clear: both;
	margin-left: 115px;
	height: 25px;
	width: 80px;
}

.links{
	background-image: url(links.gif);
	background-repeat: no-repeat;
	clear: both;
	margin-left: 115px;
	height: 25px;
	width: 64px;
}

/*character pictures */



#introcharacter {
	position:absolute;
	left:593px;
	top:330px;
	width:397px;
	height:375px;
	z-index: 1;
}

#nikorain {
	position:absolute;
	left:591px;
	top:309px;
	width:439px;
	height:375px;
	z-index: 1;
}

#nikofuu {
	position:absolute;
	left:591px;
	top:330px;
	width:414px;
	height:375px;
	z-index: 2;
	visibility: hidden;
}

#nikosketch{
	position:absolute;
	left:554px;
	top:384px;
	width:485px;
	height:375px;
	z-index: 3;
	visibility: hidden;
}

#cragon {
	position:absolute;
	left:591px;
	top:332px;
	width:406px;
	height:375px;
	z-index: 4;
	visibility: hidden;
}

#cragonview {
	position:absolute;
	left:999px;
	top:284px;
	width:110px;
	height:240px;
	z-index: 5;
	visibility: hidden;
}

#cragonside {
	position:absolute;
	left:593px;
	top:383px;
	width:407px;
	height:375px;
	z-index: 6;
	visibility: hidden;
}

#cragonback {
	position:absolute;
	left:591px;
	top:383px;
	width:408px;
	height:375px;
	z-index: 7;
	visibility: hidden;
}

#cragonanimated {
	position:absolute;
	left:591px;
	top:383px;
	width:452px;
	height:375px;
	z-index: 8;
}

#cragonsketch{
	position:absolute;
	left:624px;
	top:383px;
	width:452px;
	height:375px;
	z-index: 9;
	visibility: hidden;
}


#cragonmodel1{
	position:absolute;
	left:552px;
	top:383px;
	width:485px;
	height:375px;
	z-index: 10;
	visibility: hidden;
}

#cragonmodel2{
	position:absolute;
	left:591px;
	top:330px;
	width:485px;
	height:375px;
	z-index: 11;
	visibility: hidden;
}

#cragonmodel3{
	position:absolute;
	left:593px;
	top:331px;
	width:485px;
	height:375px;
	z-index: 12;
	visibility: hidden;
}

#maggie {
	position:absolute;
	left:591px;
	top:331px;
	width:407px;
	height:375px;
	z-index: 13;
	visibility: hidden;
}
#hammoid {
	position: absolute;
	left: 530px;
	top: 383px;
	width: 471px;
	height: 322px;
	z-index: 13;
	visibility: hidden;
}

#maggieview {
	position:absolute;
	left:998px;
	top:283px;
	width:110px;
	height:276px;
	z-index: 14;
	visibility: hidden;
}

#maggiefront {
	position:absolute;
	left:591px;
	top:330px;
	width:397px;
	height:375px;
	z-index: 15;
	visibility: hidden;
}

#maggieside {
	position:absolute;
	left:591px;
	top:330px;
	width:406px;
	height:375px;
	z-index: 16;
	visibility: hidden;
}
#maggieanimated {
	position:absolute;
	left:593px;
	top:331px;
	width:452px;
	height:375px;
	z-index: 17;
}

#maggiesketch1{
	position:absolute;
	left:630px;
	top:436px;
	width:452px;
	height:375px;
	z-index: 18;
	visibility: hidden;
}

#maggiesketch2{
	position:absolute;
	left:532px;
	top:436px;
	width:509px;
	height:249px;
	z-index: 19;
	visibility: hidden
}

#loucille {
	position:absolute;
	left:593px;
	top:330px;
	width:403px;
	height:375px;
	z-index: 20;
	visibility: hidden
}

#nikosewing {
	position:absolute;
	left:593px;
	top:331px;
	width:452px;
	height:375px;
	z-index: 21;
	visibility: hidden
}
#nikosewanimated {
	position:absolute;
	left:591px;
	top:330px;
	width:452px;
	height:375px;
	z-index: 22;
}

#nikosketch1 {
	position:absolute;
	left:591px;
	top:330px;
	width:452px;
	height:375px;
	z-index: 23;
	visibility: hidden
}
#nikofuusketch2 {
	position:absolute;
	left:591px;
	top:331px;
	width:452px;
	height:375px;
	z-index: 24;
	visibility: hidden
}


#bijoumamey {
	position:absolute;
	left:555px;
	top:381px;
	width:452px;
	height:375px;
	z-index: 25;
	visibility: hidden
}

#mau{
	position:absolute;
	left:591px;
	top:330px;
	width:382px;
	height:500px;
	z-index: 26;
	visibility: hidden
}

#mauanimated {
	position:absolute;
	left:649px;
	top:383px;
	width:439px;
	height:375px;
	z-index: 1;
}

#maumodel1{
	position:absolute;
	left:591px;
	top:331px;
	width:453px;
	height:500px;
	z-index: 27;
	visibility: hidden
}

#maumodel2{
	position:absolute;
	left:591px;
	top:331px;
	width:452px;
	height:375px;
	z-index: 28;
	visibility: hidden
}

#maumodel3{
	position:absolute;
	left:552px;
	top:383px;
	width:463px;
	height:351px;
	z-index: 29;
	visibility: hidden
}

#mausketch{
	position:absolute;
	left:574px;
	top:396px;
	width:465px;
	height:351px;
	z-index: 30;
	visibility: hidden
}

#mauline{
	position:absolute;
	left:650px;
	top:383px;
	width:463px;
	height:351px;
	z-index: 31;
	visibility: hidden
}

#mauaqua{
	position:absolute;
	left:650px;
	top:383px;
	width:463px;
	height:351px;
	z-index: 32;
	visibility: hidden
}

#maupink{
	position:absolute;
	left:650px;
	top:383px;
	width:463px;
	height:351px;
	z-index: 33;
	visibility: hidden
}

#mauyellow{
	position:absolute;
	left:648px;
	top:383px;
	width:463px;
	height:351px;
	z-index: 34;
	visibility: hidden
}

#toby{
	position:absolute;
	left:591px;
	top:330px;
	width:397px;
	height:375px;
	z-index: 35;
	visibility: hidden
}

#tobyanimated{
	position:absolute;
	left:591px;
	top:330px;
	width:452px;
	height:375px;
	z-index: 36;
}

#tobysketch{
	position:absolute;
	left:591px;
	top:421px;
	width:452px;
	height:375px;
	z-index: 37;
	visibility: hidden;
}

#flaminite{
	position:absolute;
	left:591px;
	top:332px;
	width:397px;
	height:375px;
	z-index: 38;
	visibility: hidden
}

#flaminiteview {
	position:absolute;
	left:999px;
	top:332px;
	width:110px;
	height:240px;
	z-index: 39;
	visibility: hidden;
}

#flaminiteback {
	position:absolute;
	left:591px;
	top:330px;
	width:399px;
	height:375px;
	z-index: 40;
	visibility: hidden
}

#flaminiteanimated{
	position:absolute;
	left:591px;
	top:331px;
	width:452px;
	height:375px;
	z-index: 41;
}

#flaminitesketch{
	position:absolute;
	left:591px;
	top:303px;
	width:452px;
	height:375px;
	z-index: 42;
	visibility: hidden;
}

#happyapathy {
	position:absolute;
	left:593px;
	top:329px;
	width:452px;
	height:375px;
	z-index: 43;
	visibility: hidden
}





.newsub{
	display: none;
}

.feed {
	margin-right: 40px;
}

p {
	font-family: "Lucida Sans Unicode", Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	padding-bottom: 5px;
}

p a{
	text-decoration: none;
	color: #CCCCCC;
}
a {
	text-decoration: none;
	color: #FFFFFF;
}


p a:hover{
	font-family: "Lucida Sans Unicode";
	color: #33CCCC;
	font-size: 12px;
}


#credits{
 padding-top:620px;
}

#small{
	font-family:Georgia;
	font-size:10px;
	color:#897A7E;
	text-indent: 70px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 500px;
}

#niko{
	background-image: url(niko.gif);
	background-repeat: no-repeat;
	height: 381px;
	width: 233px;
	background-position: right bottom;
}