@charset "UTF-8";
/* CSS Document */

* {margin: 0; padding: 0;}

body {
	background: #000;
	font-family: Georgia, "Times New Roman", Times, serif; 
	line-height: 1em;
	font-size: 0.77em;
	text-align: center;
	letter-spacing: .06em;
	background-image:url(images/back_test.jpg);
	}
	
div#container {
	width: 800px;
	background: #fff;
	text-align: left;
	margin: 10px auto;
	}

div#photo {
	position: relative;
	top: 10px;
	left: 10px;
	width: 780px;
	height: 260px;
	background: #ccc;
}

/* NAVIGAATIO */

div#navi {height: 30px; padding-top: 10px;}

div#navi ul {list-style: none; margin: 10px; padding-left: 10px;}
div#navi ul li {display: inline; padding: 0 0 0 0.6em; border-left: 1px solid #ccc; margin: 0 0.4em 0 0;}
div#navi ul li:first-child {padding-left: 0; border: none;}

div#navi ul li a {color: #333; text-decoration: none;}
div#navi ul li a:link, #navi ul li a:visited {}
div#navi ul li a:hover {color: #ccc;}

div#content {margin: 20px;}
div#content p {margin-bottom: 8px;}

h1, h2, h3, h4, h5 {
	margin-bottom: 12px; font-weight: normal;}

h1 {margin-bottom: 22px;}
	
	
div#content p {line-height: 150%; width: 480px; margin-left: 20px;}
	

div#panel {width: 240px; float: right; margin: 20px; border-left: 1px dotted #ccc; padding-left: 10px; margin-top: 40px;}
div#panel p {line-height: 150%; font-size: 1.33em; font-style: italic;}


ul#menu {
	width:400px;
	list-style-type: none;
	margin-left: 10px;
}

ul#menu em {
	display:block;
	color: #666;
}	

ul#menu li {
	margin-bottom: 2em;
	margin-left: 1em;
	position: relative;
	color:#444;
	border-bottom: 1px dotted #ccc;
	line-height: 150%;
}

ul#menu li h4 {
	font-size: 14px;
	color: #000;
	width: 230px;
	margin-bottom: .3em;
	font-weight: bold;
}
	
ul#menu li ul {
	list-style-type: circle;
}
ul#menu li ul li {
	margin: .1em 0 .1em .8em;
}

.hinta {
	right:0;
	top:0;
	position: absolute;
	color: #333;
	text-align: right;
	width: 100px;
	}


	
div#footer {
	text-align: center;
	padding-bottom: 10px;
	font-size: 1em; line-height: 122%;}

div#footer img {padding-bottom: 10px;}

.row {line-height: 160%;}

/* fix for mozilla's center-position-changes-when-scrollbar-appears behaviour */
html {
	overflow:-moz-scrollbars-vertical;
}