body {
		font-family: verdana, sans-serif;
		background-color: #ffffff;		
		}

#box_top {
	position: relative;
	left: 50%;
	width: 750px;
	height: 100px;
	
	padding: 0;	
	margin-left: -375px;
	border-width: 0px;
	border-style: solid;
	border-color: #000000;
	background: url('/rotator/rotator.php') top;
	visibility: visible;


		}
		
#box_main {
	position: relative;
	left: 50%;
	width: 750px;

	margin-left: -375px;
	margin-top: 10px;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #000000;
	background: #fdf8f2;
	visibility: visible;
		}

#box_bottom {
	position: relative;
	left: 50%;

	width: 750px;
	margin-left: -375px;
	margin-top: 10px;	
	border-width: 0px;
	border-style: solid;
	border-color: #000000;
	visibility: visible;	

	font: 0.7em verdana;
	text-align: center;
		}

#navi	{
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0 20px 0px 20px;
	background: #fdf8f2; 
	border: 0;
	border-top: 0;
	border-right: 1px solid #f5d7b4;
	border-bottom: 0;
	background-image: url(../kuvat/navitausta.gif); 
	background-repeat: no-repeat;
	background-position: bottom left;
	width: 150px;
	height: 100%;	
	}

#navi ul {
	list-style: none;
	padding: 0;
	margin: 15px 0;
	border: 0;
	}

#navi li	{
	text-align: center;
	width: 150px;
	margin: 0;
	padding: 0;
	font: 11px/16px verdana, lucida, arial, helvetica, sans-serif;
	background: #fdf8f2;
	}

.navi_normal	{
	border-bottom: 1px solid #f5d7b4;
	color: #f79b60;
	}

.navi_ylarivi {
	border-top: 1px solid #f5d7b4;
	border-bottom: 1px solid #f5d7b4;
	}

.navi_otsikko {
	border: none;
	font: 12px bold;
	color: black;
	}

#navi li a {
	display: block;
	font-weight: normal;
	padding: 0;
	border-left: 1px solid #f5d7b4;
	border-right: 1px solid #f5d7b4;
	background: #fffdfa;
	color: #8a4117;
	text-decoration: none;
	width: 150px;	/* You get it. Good value for compliant browers. */	
	}
	
html>#navi li a {
	width: 150px;	 /* Be nice to Opera */
	}
	
#navi li a:hover {
	font-weight: normal;
	background: #ffe87c;
	color: #930;
	text-decoration: none;
	}

#loora {
	position: absolute;
	left: 50%;
	width: 750px;

	margin-left: -375px;
	margin-top: 20px;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	background: #fdf8f2;
	visibility: visible;
		}
		
#sisalto {
	top: 0;
	margin: 20px 20px 0 220px;
	padding: 0;
	background: none;
	border: none;
	}

p.portfolio {
		margin: 0 0 0 160px;
		}

p.teksti {
		margin: 20px 20px 20px 20px;
		font: 0.7em verdana;
		}

p.otsikko {
		display: block;
		margin: 20px 20px 20px 20px;
		font: 0.8em verdana;
		border-bottom: 1px solid #f5d7b4;
		}

.karsina {
		width:100%;
		right:0px;
		border: 0;			
		margin: 0 0 15px 0;		
		}

/* General */
#qdig { font: 0.7em verdana; }
.qdig-grayout { color:#cccccc; }
/* Links */
#qdig a { color:navy; font-weight:bold; text-decoration: none; }
#qdig a:visited { color:blue; font-weight:bold; text-decoration:none; }
#qdig a:hover { text-decoration:underline; }
/* Images */
img.qdig-image { background-color:#eeeeee; border:1px solid #cccccc; }
img.qdig-thumb { background-color:#eeeeee; border:1px solid #cccccc; }
img#qdig-thumb-current { border:1px solid #f9f99f; }
/* Captions */
div.qdig-caption { font-family:Verdana, Arial, Helvetica, sans-serif; }