/***************************************************************
 *
 * CSS Master for Portfolio
 *      background-color: #090909;
 ***************************************************************/
 /** old border and body color 5b5b5b **/
		body {
	  font: 14px arial, helvetica, sans-serif;
      background:  #ffffff no-repeat bottom left;
			background-repeat: no-repeat;
      /** background-attachment: fixed; **/
      // height: 100%;
      margin: 20px;
      padding: 0;
      border-width: 60px 100px 20px 60px;
		}


		#header {
			position: absolute;
			top: 0px;
			left: 0px;
		}
		
		#header a{
			font-size: 3em;
			color: #8b8b8b;
      
      text-decoration: none;
      font-style: normal;
      font-weight: bold;
      
      text-transform: none;      
      font-variant: small-caps;
      letter-spacing: 0.4em;
      word-spacing: 0.1em;
      
      display: block;
      line-height: 1em;
      text-align: left;
      text-indent: .5em;
      border: 2px solid #505050; 
      border-width: 0px 0px 0px 0px;
      
      margin-top: .3em;
    }
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		#navigation {
			position: absolute;
			top: 40px;
			right: 40px;
			width: 170px;
			color: #848484;
			
			border-style: solid;
			border-left-style: solid;
			border-right-style: solid;
			  
			border-width: 1px;
			border-right-width: 3px;
			  
			border-color: black;
			border-left-color: black;      
			  
			background: none;
			padding: 0em 0em 0em 0em;
			margin: 0em 0em 0em 0em;
      }
      
      


		

		#navigation ul {
			padding: 0em 0em 0em 0em;
			margin: 0em 0em 0em 0em;	
			color: #636363;
			background: none;
      list-style: none;
      }

	/*SUPER CLASS EDIT "portfolio, films, info..."*/			
      .navtype {
      font-size: 1.2em;
			color: #636363;
			padding: .8em .4em .4em .4em;
			      
      text-decoration: none;
      font-style: normal;
      font-weight: bold;
      
      text-transform: none;      
      font-variant: small-caps;
      letter-spacing: 0.1em;
      word-spacing: 0.1em;
      
      display: block;
      line-height: 1em;
      text-align: left;
      text-indent: .5em;
      border: 1px solid black; 
      border-width: 0px 0px 1px 0px;
      }
      
      .supertitles {
      font-size: 1em;
      font-weight: normal;
      text-transform: uppercase; 
      letter-spacing: 0.3em;
      }
      
      

		#navigation ul ul{
			padding: 0em 0em 0em 0em;
			margin: 0em 0em 0em 0em;	
			color: 0a4884;
			background: none;
			list-style: none;
		}
		
/*FILMS EDIT "alarious, LAN, etc"*/	
      .navfilms {
      font-size: .9em;
			color: #036;      
      text-decoration: none;
      font-style: italic;
      font-weight: normal;
      
      text-transform: none;      
      font-variant: normal;
      letter-spacing: 0.1em;
      word-spacing: 0.1em;
      
      display: block;
      line-height: 1.5em;
      text-align: left;
      text-indent: -1em;
      padding: .2em 0em 0em 0em;
      }
      


		
		#navigation ul ul ul{
			padding: 0em 0em 0em 0em;
			margin: 0em 0em 0em 2em;	
			color: #636363;
			background: none;
		  list-style: none;
		}
					
/*LINKS EDIT GRRR*/					
		#navigation  a {
			padding: 0em 0em 0em 0em;
			margin: .2em 0em 0em 2em;	
			color: #636363;
			background: none;

      list-style: none;		
			
      font-size: 1em;
      
      text-decoration: none;
      font-style: normal;
      font-weight: bold;
      
      text-transform: none;      
      font-variant: small-caps;
      letter-spacing: 0.03em;
      word-spacing: 0.1em;
      
      display: inline;
      line-height: 1em;
      text-align: left;
		}
		
		#navigation a:visited {
			color: #636363;
		}
		
		#navigation a:hover {
			background: #f8ffa5;
		}
		
		#navigation a:active {
			background: #fff;
		}
		
		
		
		
	.characterdesigns {
		display: block;
		width: 200px;
		height: 63px;
		background-image: url(websitefiles/toucancombo2.jpg);
		text-indent: -999em;
		text-decoration: none;
	}

	.characterdesigns:hover {
		background-position: center;
	}
	
	.characterdesigns:active {
		background-position: bottom;
	}

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		h2 {
			font-size: 1.5em;
			color: #036;
		}
		
		h3 {
			font-size: 1.25em;
			color: #036;
		}
		
		h4 {
			font-size: 1em;
		}
		
		
		
		
		
		#content {
			height: 790px;
			color: #848484;   
			padding: 10px 100px 0px 0px;
			margin: 0px 0px 0px 0px;

		}
		
		#contentinsider{
      width: 420px; 
      margin-left: auto; 
      margin-right: auto;
      margin-top: 60px;
      background: none;
		}
		
	
		
		#content img {
			padding: 0px;
			margin: 0px;
			border: 2px solid #000;
		}
		

    p:first-letter {
      font-size: 1.2em;
      float: top;
    }


    .talking{
      width: 410px;
    	color: #036;
			background: #fff;
			padding: 5px;
			font-weight: normal;
			border: 1px solid #333;
    }
    

		#welcome{
			position: relative;
			top: 120px;
			padding: 15px;
			margin-right: auto;
			margin-left: auto;
			border: 0px;
			width: 552px;
			height: 476px;
      background-image: url(websitefiles/mrtransluscent_DK.png);
			background-repeat: no-repeat;
      }


/*simpleviewer stuff*/



	#flashcontent {
		width: 100%;
		height: 640px;		
	}






	/* hide from ie on mac \*/



	html {
		height: 100%;
	}

	#flashcontent {

		height: 100%;
		width: 100%;
	}

	/* end hide */


















/***
Frames
Goldilocks thought it would be a really good idea to help herself to a bowl of porridge but then three large carnivorous mammals showed up and threw her out of a window. Frames are bowls of porridge that belong to bears. They might look nice, but it would be quite perilous to go anywhere near them.**/