/*Reset
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, 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;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
html,body { min-height: 100%; }
body { line-height: 1; color: black; background: white; }
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*Basic styles
*/

body{ font: 76% arial, sans-serif; background-color: #64aef3; background-image: url(images/bg2.jpg); background-repeat: repeat-x; background-position: 0 bottom; text-align:center     ; }
div#top { background-image: url(images/topbg22.jpg); background-repeat: repeat-x; width:100%; height: auto; height: 22px; margin: 0 auto; padding: 0; }
div#container{ background-repeat: no-repeat; text-align: left; position: relative; top: 0; width:869px; margin: 0 auto; padding: 0; border-width: 0; }
div#header { width: 100%; height: 180px; }
div#nav { background-image: url(images/container_top2.png); background-repeat: no-repeat; background-position: 0 bottom; width: 100%; height: 71px; }
ul#menu { color: #fff; font-size: 1.1em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; padding-top: 17px; padding-left: 40px; }
ul#menu li { padding-right: 9px; padding-left: 9px; display: inline; }
div#content { background-image: url(images/container_mid.png); background-repeat: repeat-y; width: 100%; clear: both; }
div#bottom { background-image: url(images/container_bot.png); background-repeat: no-repeat; width: 100%; height: 200px; float: right; clear: both; }
div#bottom h2 { background-image: url(images/kehitysjatutkimus.png); background-repeat: no-repeat; background-position: 0 35px; width: 285px; height: 157px; float: right; }
div#bottom h3 { width: 285px; height: 80px; float: right; padding-top: 50px; }
div#footer{ color: #017; background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; text-align: center; }
.logo { background-image: url(images/logo_top.png); background-repeat: no-repeat; background-position: 22px 0; width: 869px; height: 22px; margin: 0 auto; padding: 0; }
.logo2 { background-image: url(images/logo.png); background-repeat: no-repeat; background-position: 12px 11px; text-indent: -9999px; width: 250px; height: 180px; float: left; }
.wrapper_left { width: 235px; float: left; }
.wrapper_right { width: 570px; float: right; }
.address { width: 202px; height: 90px; float: right; clear: both; padding-top: 15px; padding-bottom: 20px; border-top: 2px dotted #d7ce00; border-bottom: 2px dotted #d7ce00; }
.address p { font-size: 1em; line-height: 1.2em; }
.left_panel { position: absolute; top: 442px; width: 202px; padding-left: 34px; }
.divider { background-image: url(images/container_mid.png); background-repeat: repeat-y; width: 100%; height: 1px; clear: both; }
.intro h2 { height: 90px; padding-top: 15px; padding-bottom: 20px; border-top: 2px dotted #d7ce00; border-bottom: 2px dotted #d7ce00; }
.contact_form h2 { padding-top: 15px; padding-bottom: 20px; border-top: 2px dotted #d7ce00; }
.intro { width: 535px; float: left; }
.contact_form { width: 535px; float: left; }
input,textarea { color: #2a1802; background-color: #f3f1c9; width: 300px; overflow: auto; margin-bottom: 8px; border: solid 1px #dcd8a6; }
.top { background-image: url(images/top22.png); position: absolute; top: 0; left: 0; width: 100%; height: 22px; }
.packages { width: 266px; height: 100px; float: left; padding-top: 25px; padding-bottom: 20px; border-bottom: 2px dotted #d7ce00; }
.packages p { width: 240px; }
.organization { width: 266px; height: 100px; float: left; clear: right; padding-top: 25px; padding-bottom: 20px; border-bottom: 2px dotted #d7ce00; }
.contact { background-image: url(images/contact.png); background-position: 0 0; text-decoration: none; text-indent: -9999px; width: 233px; height: 66px; visibility: visible; display: block; }
.contact:hover,.contact:active { background-image: url(images/contact.png); background-position: 234px 0; text-indent: -9999px; visibility: visible; }
.organization p { width: 250px; }
p { font-size: 1.1em; font-family: tahoma, Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; line-height: 1.4em; }

td { }

a:link { color: #fff; text-decoration: none; }

a:visited { color: #fff; text-decoration: none; }

a:hover { color: #412d09; text-decoration: none; }

a:active { color: #fff; text-decoration: none; }
h1 { color: #fff; font-size: 2em; font-family: "helvetica neue", helvetica, tahoma, arial, sans-serif; font-weight: normal; }
h2 { color: #311d0f; font-size: 1.6em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; line-height: 1.4em; }
.main_title { font-size: 4.5em; position: absolute; top: 50px; right: 0; width: 570px; height: 160px; margin: 0; padding: 0; }
.submit { background-color: transparent; background-image: url(images/sendmessage.png); text-indent: -9999px; width: 132px; height: 38px; border-width: 0; }
.submit:hover,.submit:active { background-image: url(images/sendmessage.png); background-position: 133px 0; text-indent: -9999px; }
.png_bg
.codedirection { unicode-bidi:bidi-override; direction: rtl; }