/* css reset */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, blockquote, pre,a, abbr, acronym,address,big,cite,code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }

html, body { background-color: #6D84B4; padding: 0; margin: 10px 0 10px 0; text-align: center; }

.clear { clear: both; margin: 0; padding: 0; }

h1 { font-size: 16px; }

h2 { font-size: 12px; font-weight:bold; }

a { color:#336699; text-decoration:none; font-weight:bold; }
a:hover { text-decoration:underline; }

#container { margin: 0 auto; width: 900px; text-align: left; font-family:Arial,sans-serif; color: #000; font-weight:normal; font-size:12px; line-height: normal; background-color: #fff; line-height: 1.5; }

#content { float: left; display: inline; width: 825px; }

#logo { float: right; display: inline; width: 75px; }

#yp { width: 815px; padding: 5px; background-color: #369; }

#yp_teksti { float: left; display: inline; text-align: center; color: #fff; font-size:12px; }
#yp_teksti a { color:#fff; font-weight:normal; }

#actual ul { list-style:disc; margin-left:15px; }

#puhelin { margin-top: 2px; }

#yp_kieli { float: right; display: inline; text-align: left; color: #fff; font-size:11px; margin: 10px 10px 0px 0px; }

a.navil { text-decoration: none; margin-right: 0px; color: #fff; }
a:hover.navil { text-decoration: underline; }

#actual { width: 745px; padding: 40px; }

#vasen { width: 350px; margin-right: 45px; float: left; display: inline; }

#oikea { width: 350px; float: right; display: inline; }

#galleria, #vieraskirja { width:720px; float:left; }

span.pvm { color:#7e7e7e; font-size:11px; }

#navi { width: 825px; height:35px; background-color: #369; }

ol { padding-left: 30px; }

#navi ul {
	float:left;
	list-style:none;
	margin: 8px 20px 0 0;
	height:35px;
}

#navi ul a {
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	margin-bottom:10px;
}

#navi ul a:hover { text-decoration:underline; }

#navi ul.ala{
	display:none;
	height:auto;
	border-bottom:1px #fff solid;
	z-index:999;
}

#navi ul:hover ul.ala { display:block; background:#336699; position:absolute; margin-top:9px; }
#navi ul.ala li {
	padding:3px 5px;
	border-top:1px #fff solid;
	border-right:1px #fff solid;
	border-left:1px #fff solid;
}

#navi ul:hover ul.ala a{ color:#fff; text-decoration:none; }
#navi ul:hover ul.ala a:hover{ text-decoration:underline; }

.reunus { border: 5px #206495 solid; }