/*
This is the CSS file for igorklajo.de
Created:	March 2, 2006
Updated:	April 16, 2008
Author:		Igor Klajo
Website:	igorklajo.de - 4 the floor | portfolio, wallpaper, logon screen, photography, photo manipulation
URL:		http://www.igorklajo.de
e-mail:		info@igorklajo.de
copyright:	Igor Klajo, www.igorklajo.de, igorklajo.de
	This CSS (Cascading Style Sheet) file is copyrighted to me
	Igor Klajo). You are allowed to learn and improve your 
	knowledge from this file, but you are not allowed to use 
	it for your or someone elses purpose of any kind. You are 
	not allowed to show this CSS file or any part of it on any
	kind of media. You're not allowed to make profit (distribute 
	or sell) out of this file nor are you allowed to claim it
	as yours.
*/

html { font-size: 62.5%; }

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: url("site_back.gif");
	color: #575D51;/*414A39*/
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.2em;}

a:link {color: #6E1622; text-decoration: none;}
a:visited {color: #90918C; text-decoration: none; border-bottom: 1px dotted #6E1622;}/**/
a:hover{ color: #6E1623; font-style: normal; border-bottom: 1px dotted #6E1622;}
a:focus, a:active { color: #F6F7F2; background: #6E1624;}

/*.middle {
	position: absolute;
	text-align: center;
	width: 520px;
	height: 150px;
	line-height: 80px;
	top: 50%;
	margin-top: -40px;
	left: 50%;
	margin-left: -260px;}*/


/* BORDER EFFECT START */
#shadowBorder {	overflow: hidden; width: 100%;}
html>body #shadowBorder { width: 100%; }
/**/
#shadowBorder div#wraptop {	background: url("site_padding_top.gif") no-repeat 50%; padding-left: 1px; overflow: hidden; width: 100%; }
html>body #shadowBorder div#wraptop { background: url("site_padding_top.png") no-repeat 50%; padding-left: 0; }
/**/
#shadowBorder div#wrapbottom { background: url("site_padding_bottom.gif") no-repeat 50%; padding-left: 1px; overflow: hidden; width: 100%; }
html>body #shadowBorder div#wrapbottom { background: url("site_padding_bottom.png") no-repeat 50%; padding-left: 0; height: 16px; }
/**/
#shadowBorder div#shadowSides {	background: url("side_padding_lr.gif") repeat-y 50%; }
html>body #shadowBorder div#shadowSides { background: url("side_padding_lr.png") repeat-y 50%; }
/**/
#shadowBorder div#shadowTopborder { width: 760px; height: 15px; margin: 0 auto; background: url("site_top.gif") no-repeat bottom; }
html>body #shadowBorder div#shadowTopborder { background: url("site_top.png") no-repeat bottom; }
/**/
#shadowBorder div#shadowBottomborder { width: 760px; height: 15px; margin: 0 auto; background: url("site_bottom.gif") no-repeat; }
html>body #shadowBorder div#shadowBottomborder { background: url("site_bottom.png") no-repeat; }
/* BORDER EFFECT END */



/* HEADER AND NAVIGATION */
#header { width: 760px; height: 200px; overflow: hidden; background: url("site_header_text2.jpg") no-repeat 0px 0px; margin: 0 auto;}
/*  */
#header ul.navigation { background: url("navi_3_shadow2.jpg") no-repeat right bottom; font-size: 1em; clear: both; text-align: center; margin: 0 0 0 130px; padding: 0; height: 200px; width: 760px; voice-family: "\"}\""; voice-family: inherit; width: 630px; }
html>#header ul.navigation {width: 630px;}
#header ul.navigation li { background: none; margin: 0; padding: 0; height: 200px; width: 70px; float: left; }
#header ul.navigation li a { height: 200px; width: 70px; display: block; background: transparent; border: none; text-indent: -9999px; overflow: hidden; }
/**/
#header li.home a:hover, body#home li.home a{background: url("navi_3_shadow2.jpg") no-repeat 0px 0px; }
#header li.news a:hover, body#news li.news a{background: url("navi_3_shadow2.jpg") no-repeat -70px 0px; }
#header li.about a:hover, body#about li.about a{background: url("navi_3_shadow2.jpg") no-repeat -140px 0px; }
#header li.portfolio a:hover, body#portfolio li.portfolio a{background: url("navi_3_shadow2.jpg") no-repeat -210px 0px; }
#header li.linkage a:hover, body#linkage li.linkage a{background: url("navi_3_shadow2.jpg") no-repeat -280px 0px; }
#header li.guestbook a:hover, body#guestbook li.guestbook a{background: url("navi_3_shadow2.jpg") no-repeat -350px 0px; }
#header li.contact a:hover, body#contact li.contact a{background: url("navi_3_shadow2.jpg") no-repeat -420px 0px; }
#header li.music a:hover {background: url("navi_3_shadow2.jpg") no-repeat -490px 0px; }
#header li.tutorials a:hover {background: url("navi_3_shadow2.jpg") no-repeat -560px 0px; }


/**/
#mainBody {
	background: #F6F7F2 url("back_main_top3.gif") no-repeat 0px 0px;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	width: 760px;}


#text {
	margin: 0;
	background: transparent;/*#F6F7F2*/
	float: left;
	width: 550px;
	overflow: hidden;
	padding: 0 15px 15px 15px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 520px;}
html>body #text {width: 520px;}


#navi {
	background: transparent;/*#F6F7F2#F1F2EE#F6F7F2*/
	border-right: 0px solid #EDEEF4;
	float: right;
	text-align: justify;
	width: 210px;
	margin: 20px 0 0 0;
	padding: 0;}
#navi .navitext {
	width: 210px;
	padding: 0 15px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 180px;}	
html>body #navi .navitext {	width: 180px;}


/* FOOTER */
#footer { height: 50px; text-align: left; background: url("footer2.gif") no-repeat 0% 0%; color: #90918C; margin: 0 auto; padding: 0 15px; width: 760px; voice-family: "\"}\""; voice-family:inherit; width: 730px;}
html>body #footer {	width: 730px;}
#footer ul.footernavigation { width: 730px; font-size: 0.8em; margin: 30px 0 0 0; padding: 0; float: left; clear: left; }
#footer ul.footernavigation li { background: none; margin: 0; padding: 0 2px 0 0; float: left; }
#footer ul.footernavigation li.space { margin-right: 80px;}
/* FOOTER */


/* is needed to fill out the subnav with the background */
.clearing:after { height: 0; background: transparent;content: "."; display: block; clear: both; visibility: hidden;}	
* html .clearing /*IE-Mac */{height: 1%;}

/*________________________________*/



h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; color: #575D51;font-weight: normal;}
h1 { font-size: 1.5em; }
h2 { font-size: 1.1em; }
h3 { font-size: 1em; }
h4 { font-size: 0.8em; }
h5 { font-size: 0.7em; }
h6 {}

h3.h3extra { /* all others */
	height: 18px;
	margin: 25px 0 0px 10px;
	padding: 3px 0 0 0px;
	text-indent: 7px;
	border-bottom: 0px solid #BCCBD5;
	background: url("tit_head_back8.gif") no-repeat 0% 0%; 
	width: 520px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 510px; }
html>body h3.h3extra { width: 510px; }




ul, li { list-style-type: none; padding: 0; margin: 0; }
ul { margin: 11px 0 0 15px; }
li { padding: 0 0 0 15px; background: url("li_pt.gif") no-repeat 0px 0px; }
body#home ul { font-size: 1.1em;}
body#home ul ul { margin: 0 0 0 0px; }
body#home ul li li { font-size: 0.8em;}
body#home ul li li li{ font-size: 0.9em;}
body#home ul.access{ font-size: 1.0em;}





#home ul.access li u {color: #6E1622; }
#portfolio ul.wall { margin: 15px 0 0 18px;}
/* --- */
em { font-style: italic; }
em.normal { font-style: italic; }	
/* --- */
acronym { border-bottom: 1px dotted #575D51; cursor:help;}
/* --- */



/*body#about img { border: 1px #6E1622 solid;}*/

/* Twitter */

#twitter_div {
	position: relative;
	background: url("box195_bottom.gif") no-repeat 0% 100%;
	color: #646A5E;/*646A5E*/
	width:210px;
	margin: 15px 0px 20px 0;
	padding: 0 0px 15px 0px;
	text-align: justify;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:210px; }
html>body ##twitter_div { width: 210px; }

#twitter_div h2.sidebar-title {
	font-size: 1.2em;
	background:url("box195_top.gif") no-repeat 0% 0%;
	/*color: #757A71;*/
	margin: 0;
	padding: 15px 0px 0 15px;
	width:210px;
	height:26px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 195px;}
html>body #twitter_div h2.sidebar-title { width: 195px; }

ul#twitter_update_list { margin: 0; padding: 0; width: 195px; }
ul#twitter_update_list li { padding: 0 15px; margin:0 0 15px 0; list-style: none; background: none; }
a#twitter-link { text-decoration: none !important; border: none !important; width:195px; text-align: center !important;}
a.twitter { position: absolute; z-index: 5; top: 13px; right: 27px; border: none;}
a.twitter img { border: none;}



/* ------ SUBNAVI ------ */
#navi dl, #navi dt, #navi dd { margin: 0px; padding: 0px;}

#navi dl {
	background: url("box195_bottom.gif") no-repeat 0% 100%;
	color: #646A5E;/*646A5E*/
	width:210px;
	margin: 15px 0px 20px 0;
	padding: 0 0px 15px 0px;
	text-align: justify;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:210px; }
html>body #navi dl { width: 210px; }

#navi dt {
	font-size: 1.2em;
	background:url("box195_top.gif") no-repeat 0% 0%;
	/*color: #757A71;*/
	margin: 0;
	padding: 15px 0px 0 15px;
	width:210px;
	height:26px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 195px;}
html>#navi dt { width: 195px; }

#navi dd {
	padding: 0 0 0 30px;
	margin: 0 0 0 0px;
	background: url("li_pt.gif") no-repeat 15px 0px;
	width: 210px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 180px;}
html>#navi dd { width: 180px; }
#navi dd a { border: none; padding: 0 0 0 15px; margin: 0 0 0 -14px; text-indent: 0; background: url("li_anim3.gif") no-repeat -1px 1px; width: 180px; voice-family: "\"}\""; voice-family: inherit; width: 164px; }
html>#navi dd a { width: 164px; }
#navi dd a:hover { background: url("li_anim3.gif") no-repeat -166px 1px; }
#navi dd a:focus,#navi dd a:active { background: #6E1622 url("li_anim3.gif") no-repeat -166px 1px; }


#navi dl.button dd { background: none; padding: 0 0 5px 8px; margin: 0; text-align: center;}
#navi dl.button dd a { background: none; }
#navi dl.button dd img { border: none; }
/* ------ SUBNAVI ------ */


/* ------ NEWS ------ */
#text dl { margin-left: 15px;}
#text dt { margin-top: 5px; }
#text dd { margin-left: 20px;}


h1 {
	background:url("box520_top.gif") no-repeat 0% 0%;
	/*color: #757A71;*/
	margin: 35px 0 0 0;
	padding: 10px 10px 0px 10px;
	height: 41px;
	width:520px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:500px;}
html>body h1 { width: 500px; }

body#news h2 {
	font-size: 0.8em; 
	margin: -20px 0 0 0;
	padding: 0px 0 0 15px;
	background: url("box520_bottom.gif") no-repeat 0% 100%;
	height: 20px;
	width:520px;
	text-align: justify;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:505px; }
html>body#news h2 { width: 505px; }

p { margin: 11px 0 0 15px;
	width:520px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:505px; }
html>body p { width: 505px; }

p.h1 { 
	text-align: justify;
	color: #646A5E;
	background: url("box520_bottom.gif") no-repeat 0% 100%;
	margin: -10px 0px 0 0px;
	padding: 0 15px 10px 15px;
	width: 520px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 490px; }
html>body p.h1 { width: 490px; }

body#news #text img { margin: 15px 0 0 18px;border: 1px solid #EBECE7;}
body#news #text sup {margin-left: 18px;}

body#news #text dl.expo {}
body#news #text dl.expo dt { margin: 0; font-weight: bold; width: 125px; float: left; clear: both; }
body#news #text dl.expo dd { float: left; margin: 0; width: 350px; }
body#news #text dl.expo address { font-style:normal;}
/* ------ NEWS ------ */


/* ------ ABOUT ------ */


body#about .image_small {
	background: url("box195_2_top.gif") no-repeat 0% 0%;
	color: #646A5E;/*646A5E*/
	width:210px;
	margin: 15px 0 0 10px;
	padding: 10px 10px 0 10px;
	text-align: center;
	float: right;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 180px; }
html>body#about .image_small { width: 180px; }










.main_info {
	background: url("box520_bottom.gif") no-repeat 0% 100%;
	color: #646A5E;/*646A5E*/
	width:520px;
	margin: 20px 0 10px 0;
	padding: 10px 15px;
	text-align: justify;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:490px; }
html>body .main_info { width: 490px; }

.main_info h1, .main_info h1.h1news, .main_info h3{
	background:url("box520_top.gif") no-repeat 0% 0%;
	/*color: #757A71;*/
	margin:-10px 0 0 -15px;
	padding: 10px 10px 5px 10px;
	width:520px;
	height:26px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:500px;}
html>body .main_info h1, html>body .main_info h1.h1news, html>body h3{ width: 500px; }

.main_info h1.h1news {margin:-10px 0 -10px -15px;}


	
.navi_info, .navi_info2 {
	background: url("box195_bottom.gif") no-repeat 0% 100%;
	color: #646A5E;/*646A5E*/
	width:210px;
	margin: 20px -15px 20px 0;
	padding: 15px;
	text-align: justify;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:165px; }
html>body .navi_info, html>body .navi_info2 { width: 165px; }

.navi_info h2, .navi_info2 h2 {
	background:url("box195_top.gif") no-repeat 0% 0%;
	/*color: #757A71;*/
	margin:-15px 0 0 -15px;
	padding: 15px 30px 0 15px;
	width:210px;
	height:26px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:165px;}
html>body .navi_info h2, html>body .navi_info2 h2 { width: 165px; }

.navi_info2, .navi_info2 h2 { background: none; }

/*__________________________________*/

/*
.image_small {
	background: url("box195_2_top.gif") no-repeat 0% 0%;
	color: #646A5E;
	width:210px;
	margin: 0px;
	padding: 10px 10px 0 10px;
	text-align: center;
	position: relative;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:175px; }
html>body .image_small { width: 175px; }
*/
.image_small2 {
	background: url("box195_2_top.gif") no-repeat 0% 0%;
	color: #646A5E; 
	width:210px;
	margin: 20px 0 0 20px;
	padding: 10px 10px 0 10px;
	text-align: center;
	position: relative;
	float: left;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:175px; }
html>body .image_small2 { width: 175px; margin: 20px 0 0 40px;}

.image_small h3, .image_small2 h3 {
	background: url("box195_2_bottom.gif") no-repeat 0% 100%;
	margin: -10px 0px 0 -10px;
	padding: 10px 15px 10px 10px;
	height:10px;
/*	line-height: 26px;*/
	text-align: center;
	width:210px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:175px;}
html>body .image_small h3, html>body .image_small2 h3 { width: 175px; }
 
 /* middle thumb style */
.image_small a, .image_small2 a{ border-bottom: none;}
.image_small img, .image_small2 img { width: 158px; height: 115px; border: 1px solid #EBECE7; margin: 6px 0px; }
/*.image_small img:hover { border: 1px solid #6E1622; }*/



.float_left { float: left; clear: both;}
.float_right { float: right; clear: both;}
body#about .float_left, body#logons .float_left, body#portfolio .float_left {padding-right: 10px; margin-top: 15px;}
body#about .float_right, body#logons .float_right, body#portfolio .float_right {padding-left: 10px; margin-top: 15px;}


/* Contact */
#fmmessage { color: #6E1622; font-style: italic; font-weight: bold; text-align: center; border: 0px dotted #cc6000; padding: 2px; margin: 15px 0 15px 0; }

.formtop{
	background: url("box520_top.gif") no-repeat 0% 0%;
	/*color: #757A71;*/
	margin: 20px 0 -20px 0;
	padding: 0;
	width: 520px;
	height: 26px;
	}

body#contact fieldset {
	border: none;
	width: 520px;
	margin: 0;
	padding: 0;
	background: url("box520_bottom.gif") no-repeat 0% 100%;
	margin: 0px 0 0px 0;
	padding: 10px 15px;
	text-align: justify;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 490px; }
html>body#contact fieldset { width: 490px; }

body#contact legend { margin: 0; padding: 0;}





/* label style */
body#contact label, body#guestbook label { padding-left: 13px; color: #AAABA5; background: url("date.gif") no-repeat 0% 50%; margin-top: 0px; }
/* input field and textarea style */
body#contact input, body#guestbook input { font: normal 1em "Trebuchet MS", Verdana, Arial, sans-serif; width: 240px; background: #F6F7F2 url("site_back.gif"); border: 1px solid #AAABA5; padding: 1px; margin: 2px 0 8px 5px; color: #838680; }
body#contact textarea, body#guestbook textarea { font: normal 1em "Trebuchet MS", Verdana, Arial, sans-serif; width: 420px; height: 150px; color: #838680; background: #F6F7F2 url("site_back.gif"); border: 1px solid #AAABA5; padding: 1px; margin: 2px 0 0 5px; overflow: auto;	}
body#contact input:focus, body#guestbook input:focus, body#contact textarea:focus, body#guestbook textarea:focus { background: #F6F7F2; padding: 1px; }
body#contact .security{border: 1px solid #AAABA5;margin-left: 5px;}
/* button style */
body#contact #submit { height: 25px; width: 92px; font-size: 11px; color: #6E1622; padding: 0 0 3px 0; margin: 0; border: 0px solid #BCCBD5; background: url("button.gif") no-repeat 0% 0%; }
body#contact #refresh { height: 25px; width: 92px; font-size: 11px; color: #6E1622; padding: 0 0 3px 0; margin: 0; border: 0px solid #BCCBD5; background: url("button.gif") no-repeat 100% 0%; }
body#guestbook .preview	{ height: 25px; width: 88px; font-size: 11px; color: #6E1622; padding: 0 0 3px 0; margin: 0 -3px; border: 0px solid #BCCBD5; background: url("button.gif") no-repeat 50% 0%;	}
body#contact #submit:hover { color: #6E1622;/*#AAABA5*/ padding: 0 0 3px 0; border: 0px solid #edf6fc; background: url("button.gif") no-repeat 0% 100%; }
body#contact #refresh:hover { color: #6E1622; padding: 0 0 3px 0;border: 0px solid #edf6fc; background: url("button.gif") no-repeat 100% 100%; }
body#guestbook .preview:hover{ color: #6E1622; padding: 0 0 3px 0; border: 0px solid #edf6fc; background: url("button.gif") no-repeat 50% 100%; }
/* formmail error/success message */
/* FORMMAILER and GUESTBOOK STYLE - END */


/* GUESTBOOK STYLE - START */
body#guestbook p.h1 { margin: -25px 0 0 0;}

body#guestbook h2 {
	font-size: 1.2em;
	margin: 30px 0 0 0;
	padding: 3px 0 0px 7px;
	background: url("box520_top.gif") no-repeat 0% 0%;
	width:520px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 513px;}
html>body#guestbook h2 { width: 513px; }


body#guestbook h3 {
	font-size: 0.8em;
	font-style: italic;
	color: #AAABA5;
	background: url("box520_bottom.gif") no-repeat 0% 100%;
	padding: 0px 0 3px 12px;
	width:520px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 513px;}
html>body#guestbook h2 { width: 513px; }


body#guestbook span.visitorlink { padding: 0 0 0 7px;}
body#guestbook span.visitorlink img,
body#guestbook span.visitorlink a { border: none; }

body#guestbook blockquote { 
	color: #AAABA5;
	font-size: .8em;
	border-top: 1px solid #AAABA5;
	padding-top: 10px;
	margin: 10px 30px 0px 30px;}

/* guestbook buttons */
body#guestbook .submit { height: 25px; width: 92px; font-size: 11px; color: #6E1622; padding: 0 0 3px 0; margin: 0; border: 0px solid #BCCBD5; background: url("button.gif") no-repeat 0% 0%; }
body#guestbook .submit:hover { color: #6E1622;/*#AAABA5*/ padding: 0 0 3px 0; border: 0px solid #edf6fc; background: url("button.gif") no-repeat 0% 100%; }
body#guestbook .delete { height: 25px; width: 92px; font-size: 11px; color: #6E1622; padding: 0 0 3px 0; margin: 0; border: 0px solid #BCCBD5; background: url("button.gif") no-repeat 100% 0%; }
body#guestbook .delete:hover { color: #6E1622; padding: 0 0 3px 0;border: 0px solid #edf6fc; background: url("button.gif") no-repeat 100% 100%; }


body#guestbook fieldset {
	border: none;
	padding: 0 0 13px 0;
	margin: -2px 0 0 0;
	width: 520px;
	background: url("box520_bottom.gif") no-repeat 0% 100%;
}
body#guestbook p.fieldset {
	background: url("box520_top.gif") no-repeat 0% 0%;
	margin: 30px 0 0 0;
	padding: 5px 0 10px 15px;
	width: 520px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 505px;}
html>body#guestbook p.fieldset { width: 505px; }


body#guestbook fieldset label { background: none; text-align: right;float: left; width: 130px; display: block; padding: 4px 0 0 0;}
body#guestbook fieldset input { width: 360px;}
body#guestbook fieldset textarea { width: 360px;}

body#guestbook p.gb-browse { text-align: right; font-weight: bold; }
body#guestbook p.copy {text-align: right;}

/* GUESTBOOK STYLE - END */


/* LINKAGE */
body#linkage ul.links { margin: 15px 5px 0 15px; padding: 0; clear: both; width: 520px; voice-family: "\"}\""; voice-family:inherit; width: 500px; }
html>body#linkage ul.links { width: 500px; }
body#linkage ul.links li { width: 225px; float: left;}
/* */
body#linkage ul.banner,
body#news ul.banner { margin: 15px 5px 0 15px; padding: 0; clear: both; width: 520px; voice-family: "\"}\""; voice-family:inherit; width: 500px; }
html>body#linkage ul.banner,
html>body#news ul.banner { width: 500px; }
body#linkage ul.banner li,
body#news ul.banner li { margin: 0 15px 7px 5px; padding: 0; float: left; width: 98px; height: 41px; text-align: center; background: url("back_banner.gif") no-repeat 0px -5px; }
body#linkage ul.banner img,
body#news ul.banner img {width: 88px; height: 31px; border: none;}
body#linkage ul.banner a,
body#news ul.banner a { border: none;}
/**/








.textentry { margin-bottom: 40px; }
.textentry_first {margin: 20px 0 40px 0; }
.textentry_last { margin: 0; }
.textentry_firstlast {margin: 20px 0 0px 0; }
.textentry .left, .textentry .right, .textentry_first .left, .textentry_first .right { float: left; width: 230px; }
.textentry .clearing { clear: both; height: 1%;}

/*
body#logons .textentry, body#portfolio .textentry, body#about .textentry { margin-bottom: 40px; }
body#logons .textentry_first, body#portfolio .textentry_first, body#about .textentry_first {margin: 20px 0 40px 0;}
body#logons .textentry_last, body#portfolio .textentry_last, body#about .textentry_last { margin: 0;}
*/


/* PORTFOLIO STYLE */
/* thumbnail listing */
body#portfolio ul.limage { text-decoration: none; clear: both; background:url("box520_bottom.gif") no-repeat 0% 100%; margin: -10px 0 0px 0; padding: 0 18px 15px 18px; width: 520px; voice-family: "\"}\""; voice-family:inherit; width: 484px; }
html>body#portfolio ul.limage { width: 484px; }
body#portfolio ul.limage:after { height: 0; background: transparent;content: "."; display: block; clear: both; visibility: hidden;}
body#portfolio ul.limage li { background: transparent; padding: 0; margin: 0 4px 4px 0; width: 40px; height: 40px; float: left;}
body#portfolio ul.limage li a, body#portfolio ul.limage li img { border: none;}


/* PICTURE STYLE BIG */
body#portfolio #text dl, body#portfolio #text dt, body#about #text dl, body#about #text dt { margin: 0; padding: 0;}
body#portfolio #text dl, body#about #text dl { background: url("box490_top.gif") no-repeat 5% 0%; text-align: center; margin: 20px 15px 0 15px; padding: 20px 0 0 0; width: 520px; voice-family: "\"}\""; voice-family: inherit; width: 490px; }
html>body#portfolio #text dl, html>body#about #text dl { width: 490px;}
body#portfolio #text dt, body#about #text dt { font-size: 1.2em; }
body#portfolio #text dd, body#about #text dd { background: url("box490_bottom.gif") no-repeat 50% 100%; padding: 5px 15px 20px 15px; margin: 0; text-align: justify; width: 490px; voice-family: "\"}\""; voice-family: inherit; width: 460px;}
html>body#portfolio #text dd, html>body#about #text dd { width: 460px; }
#text dl img {border: 1px solid #EBECE7;}
#text dl dt a:hover {border: none;}

body#portfolio #text dd ul { margin-left: 5px; margin-right: 5px;}


/* picture style small */
body#portfolio #text dl.small, body#portfolio #text dl.small dt, body#portfolio #text dl.small dd, body#portfolio #text dl.small img, body#about #text dl.small, body#about #text dl.small dt, body#about #text dl.small dd, body#about #text dl.small img { margin: 0; padding: 0;}


body#portfolio #text dl.small, body#about #text dl.small {
	background: url("box195_2_top.gif") no-repeat 5% 0%;
	float: left; 
	text-align: center; 
	margin: 20px 20px 0 20px; 
	padding: 15px 0 0 0 ; 
	width: 195px; 
	voice-family: "\"}\""; 
	voice-family: inherit; 
	width: 195px; }
html>body#portfolio #text dl.small, html>body#about #text dl.small { width: 195px; margin: 20px 0 0 40px;}
body#about #text dl.small {	margin: 10px 20px 0 5px; }
html>body#about #text dl.small { margin: 10px 10px 0 10px;}


body#portfolio #text dl.small dd, body#about #text dl.small dd { 
	background: url("box195_bottom.gif") no-repeat 50% 100%; 
	font-size: 1.0em;
	padding: 10px 15px 15px 15px; 
	margin: 0; 
	text-align: justify; 
	width: 195px; 
	voice-family: "\"}\""; 
	voice-family: inherit; 
	width: 165px;}
html>body#portfolio #text dl.small dd, html>body#about #text dl.small dd { width: 165px; }
body#about #text dl.small dd {text-align:center;}


body#portfolio #text dl.small img, body#about #text dl.small img { width: 158px; height: 115px; border: 1px solid #EBECE7;}


body#about #text dl.small dt a {border: none;}
/* picture style small */





body#portfolio .main_info2 {
	background: url("box490_top.gif") no-repeat 50% 0%;
	color: #646A5E;/*646A5E*/
	margin: 20px 0 0 0;
	padding: 20px 0px;
	width:520px;
	text-align: center;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:520px; }
html>body#portfolio .main_info2 { width: 520px; }

body#portfolio .main_info2 h3{
	background:url("box490_bottom.gif") no-repeat 50% 0%;
	/*color: #757A71;*/
	margin: 10px 0 -20px 0px;
	padding: 0px;
	text-align: center;
	width:520px;
	height:26px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:520px;	}
html>body#portfolio .main_info2 h3{ width: 520px; }

body#portfolio .main_info2 img {border: 1px solid #EBECE7;}

body#portfolio .main_info .buttons a, 
body#portfolio .navi_info a,
body#home .navi_info a,
/*body#portfolio .main_info2 img,*/
body#portfolio .main_info2 a { border: none; }

body#portfolio .main_info .buttons img { width: 40px; height: 40px; border: none;}