body {	background: url(grey_tile.jpg);
		margin: 0px 0px 50px 0px;
		padding: 0; }

	#frame { background: #ffffff;
		margin: 0 auto;
		padding: 118px 0px 190px 0px;
		border-bottom: 1px solid #6e6e6e;
		min-width: 690px; }

	#header { width: 680px; height: 62px;
		margin: 0 auto; }

	#title { float: left; height: 62px; width: 177px;
		background: url(te_title.jpg); }

	#title h1 { display: none; } 

	ul#navi { float: right;
		padding: 22px 0px 0px 0px; margin:0; height: 40px;
		list-style: none; }

	ul#navi li { margin: 0;
		padding: 0;
		float: left; }

	ul#navi li#portfolio { width: 118px; height: 40px;
		background: url(portfolio-tab.jpg); }

	ul#navi li#cv { width: 35px; height: 40px;
		background: url(cv-tab.jpg); }

	ul#navi li#suomi { width: 70px; height: 40px;
		background: url(suomi-tab.jpg); }

	ul#navi li#english { width: 91px; height: 40px;
		background: url(english-tab.jpg); }

	ul#navi li a {display: block;}

	ul#navi li#portfolio a { width: 69px; height: 24px;
		background: url(te_portfolio.gif);
		margin: 15px 0px 0px 30px;}

	ul#navi li#cv a { width: 23px; height: 17px;
		background: url(te_cv.gif);
		margin: 24px 0px 0px 7px;}

	ul#navi li#suomi a { width: 49px; height: 14px;
		background: url(suomi.gif);
		margin: 20px 0px 0px 20px;}

	ul#navi li#english a { width: 56px; height: 14px;
		background: url(english.gif);
		margin: 20px 0px 0px 12px;}

	ul#navi li a span { display:none; }




	#wrapper {
		background: url(grey_paper.jpg) top center;
		border-top: 1px solid #6e6e6e;
		min-width: 690px; }

	#content { width: 660px;
		margin: 0 auto;
		padding: 25px 15px 45px 15px; }


	#footwrap { clear: left;
		background: #e5e5e5;
		height: 32px;
		min-width: 690px;
		border-top: 1px solid #6e6e6e;
		border-bottom: 1px solid #6e6e6e; }

	#footer { width: 700px;
		margin: 0 auto;
		padding: 10px 0px 10px 30px;
		font: 8pt verdana;
		color: #6e6e6e; }



	#scribbles { float: left;
		width: 200px;
		margin: 10px 0px 10px 0px; }


	#scribbles_title h2 { display: none; }


        #scribbles_title { width:166px; height: 90px;
                background: url(te_friend.gif); }


	#scribbles ul { background: url(swan.gif) center right no-repeat; min-height: 51px;
		list-style: none; position: relative; top: -5px; left: -15px; }

	#scribbles ul li a {display: block; margin: 0px 0px 10px 0px;}

	#scribbles ul li#elves a { width: 52px; height: 24px; background: url(te_elves.gif) no-repeat; }

	#scribbles ul li#stranded a { width: 39px; height: 24px; background: url(te_stranded.gif); margin-left: 5px; }

	#scribbles ul li#da a {width: 34px; height: 24px; background: url(te_deviantart.gif); margin-left: 15px; }

	#scribbles ul li a span { display: none; }


	#links { float: left;
		width: 200px;
		margin: 10px 15px 10px 55px; }

	#stuff { width: 145px;
		margin: 30px 10px 10px 0px;
		border: 1px dashed #a0a0a0;
		padding: 1px 3px 7px 7px;
		background: #e9e9e9; }

	#stuff h1 { font-size: 18pt; font-family: georgia, garamond, serif;
		font-weight: normal;
		color: #a0a0a0;
		line-height: 50%; letter-spacing: 2px; }

	#stuff p { font-size: 7pt; font-family: verdana, arial, sans-serif;
		color: #606060;
		line-height: 110%; }



	#links_title h2 { display: none; }

	#links ul { list-style: none;
		font-family: Trebuchet MS, Arial, sans-serif;
		font-size: 9pt;
		padding: 15px 0px 0px 25px;
		margin: 0; }

	#myself { float: right;
		width: 145px; height: 170px;
		background: url(te_myself.gif);
		margin: 0px 0px 0px 0px;
		padding: 30px 228px 25px 25px;
		font-size: 8pt; font-family: georgia, serif;
		line-height: 130%; color: #707070; }

	#myself h2 { font-family: georgia, serif; margin: 0px 0px 5px 0px;
		font-weight: normal;  }


	.fx { float: left;
		width: 200px;
		margin: 10px 30px 10px 0px;
		font-family: trebuchet ms, arial, sans-serif;
		font-size: 9pt;
		line-height: 150%;
		color: #3e3e3e; }
		
	.fx ul {
		list-style-type: none;
		margin: 0px 0px 0px 3px;
		padding: 0px 0px 0px 0px; }
		
	.fx ul li {
		padding: 0px 0px 0px 10px;
		margin: 0px;
		border-left: 5px solid #855454; }

	.fx ul li:hover {
		padding: 0px 0px 0px 10px;
		margin: 0px;
		border-left: 5px solid #8a7875; }
				
			
	a:link { color: #855454;
		font-weight: bold;
		text-decoration: none; }

	a:active { color: #573d39;
		font-weight: bold;
		text-decoration: none; }

	a:visited { color: #855454;
		font-weight: bold;
		text-decoration: none; }

	a:hover { color: #8a7875;
		font-weight: bold;
		text-decoration: none; }