html { margin: 0; padding: 0; }

body {
	margin: 0;
	padding: 0;
	color: #666;
	background: #f1f1f1;
	font: normal 12px Arial;
}

img { border: 0; }

#shad {
	width:1104px;
	height: 100%;
	background: url(img/wrap-bg.gif) #e3e3e3 top left repeat-y;
	margin: 0 auto 0 auto;
}

#wrap {
	float: left;
	width: 1024px;
	height: 100%;
	margin: 0 40px 0 40px;
	padding: 0;
}

#header { float: left; width: 100%; background: url(img/menu-bg.gif) transparent bottom left repeat-x; }
#header ul { float: left; list-style-type: none; margin: 0; padding: 0; }
#header li { float: left; padding: 10px 0 10px 0; }

#header a:link, #header a:visited { text-decoration: none; padding: 10px; color: #666; }
#header a:hover { color: #000; }
#header .selected { background: url(img/menu-bg-selected-l.gif) #fff top left no-repeat; }
#header .selected a:link, #header .selected a:visited { background: url(img/menu-bg-selected-r.gif) transparent top right no-repeat; color: #000; }

#header #flags { float: right; vertical-align: middle; margin-right: 10px; background: #fff url(img/lang-bg.gif) top left repeat-x; }
#header #flags a:link,#header #flags a:visited { float: left; color: #999; }
#header #flags a:hover { color: #000; }
#header #flags .fi { background: transparent url(img/lang-bg-l.gif) bottom left no-repeat; padding: 5px 5px 5px 10px; }
#header #flags .en { background: transparent url(img/lang-bg-r.gif) bottom right no-repeat; padding: 5px 10px 5px 5px; }
#header #flags .selected { text-decoration: underline; }

#content { width: 100%; height: 512px; }

#left { float: left; width: 512px; height: 512px; background: url(img/luonnonlaki-bg.gif) #fff top left no-repeat; }
#right { float: left; width: 512px; height: 512px; background: #C9D4D6; }
#right .photo { float: left; margin: 0; padding: 0; }

#left ul { float: right; width: 100px; list-style-type: none; margin: 0; padding: 0; margin-top: 205px; margin-left: 40px; padding-right: 0px; margin-right: 0px; border-right: 1px solid #d9d9d9; }
#left li { padding-bottom: 10px; }
#left #text { float: right; width: 321px; margin-left: 10px; margin-right: 40px; margin-top: 165px; }
#text p { width: 100%; }
#text h1 { color: #72B9C7; font: normal 20px Verdana; margin: 0; padding: 0; }

#left a:link, #left a:visited { text-decoration: none; color: #333; }
#left a:hover { color: #999; }
#left .selected a:link, #left .selected a:visited { color: #999; padding-left: 5px; border-left: 3px solid #72B9C7; }

table a:link,table a:visited { text-decoration: none; color: #000; }
table a:hover { text-decoration: none; color: #999; }

#bottom { float: left; width: 100%; text-align: center; background: url(img/bottom-bg.gif) transparent top left repeat-x; }

#bottom h1 { margin: 0; margin-top: 10px; font: normal 20px Arial; }
#bottom h2 { margin: 20px; }
#bottom p { margin: 20px; }

#bottom .gallery { margin-top: 10px; margin-bottom: 10px; margin-left: auto; margin-right: auto; }
#bottom .gallery td {
	padding: 5px;
	width: 140px;
	height: 140px;
	background: #f1f1f1;
	text-align: center;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #c1c1c1;
	border-bottom: 1px solid #c1c1c1;
	font: normal 11px Arial;
}

#bottom .etable { background-color: #f1f1f1; width: 95%; margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto; }
#bottom .etable td { padding: 5px; font: normal 11px Arial; }
#bottom .etable tr { border-bottom: 5px dotted #000; }
#bottom .top { background-color: #B7CED2; font: bold 12px Arial; color: #000; }
#bottom .etable .odd { background-color: #E3EAEB; }

#bottom .footer { font: normal 10px Arial; color: #999; }
#adspace { width: 100%; background: #d9d9d9; margin-top: 20px; }
#adspace p { margin: 10px; padding: 5px; }
#adspace img { padding: 0; margin: 5px; border: 1px solid #666; }