@charset "UTF-8";
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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


body {
background:#c0c3a1 url(../images/bg_repeat.jpg) top repeat-x;
}

#main {
position:relative;
background:transparent url(../images/bg.jpg) top center no-repeat;
}

#wrapper {
display:block;
width:960px;
height:1100px;
margin:0 auto;
}

.clear {
clear:both;

}

#share_links {
padding-top:5px;
float:right;
}

#share_links img {
margin-left:5px;
}

.logo a {
display:block;
width:100px;
height:90px;
text-indent:-9999px;
float:left;
}

#flashcontent {
display:block;
width:640px;
height:480px;
margin-top:37px;
margin-right:60px;
margin-left:11px;
float:left;
}

#katso{
display:block;
width:240px;
height:115px;
float:right;
margin-top:70px;
margin-bottom:40px;
}


#kerro {
display:block;
width:240px;
height:30px;
float:right;
margin-bottom:105px;
}

#kiertue {
display:block;
width:240px;
height:160px;
float:right;
}

#info_links {
padding-top:340px;
}

a.link_kerro {
display:block;
margin-left:25px;
width:195px;
height:32px;
border:none;
background:transparent url(../images/link_kerro.gif) no-repeat;
}

a.link_kerro:hover {
background:transparent url(../images/link_kerro_hover.gif) no-repeat;
}


a.kiertue_16a, a.kiertue_16b, a.kiertue_30a, a.kiertue_30b, a.kiertue_23a, a.kiertue_23b, a.kiertue_6a, a.kiertue_6b {
display:block;
width:218px;
height:20px;
border:none;
}

a.kiertue_16a {
background:transparent url(../images/kiertue_16a.gif) no-repeat;
}

a.kiertue_16a:hover {
background:transparent url(../images/kiertue_16a_hover.gif) no-repeat;
}

a.kiertue_16b {
background:transparent url(../images/kiertue_16b.gif) no-repeat;
}

a.kiertue_16b:hover {
background:transparent url(../images/kiertue_16b_hover.gif) no-repeat;
}


a.kiertue_23a {
background:transparent url(../images/kiertue_23a.gif) no-repeat;
}

a.kiertue_23a:hover {
background:transparent url(../images/kiertue_23a_hover.gif) no-repeat;
}

a.kiertue_23b {
background:transparent url(../images/kiertue_23b.gif) no-repeat;
}

a.kiertue_23b:hover {
background:transparent url(../images/kiertue_23b_hover.gif) no-repeat;
}

a.kiertue_30a {
background:transparent url(../images/kiertue_30a.gif) no-repeat;
}

a.kiertue_30a:hover {
background:transparent url(../images/kiertue_30a_hover.gif) no-repeat;
}

a.kiertue_30b {
background:transparent url(../images/kiertue_30b.gif) no-repeat;
}

a.kiertue_30b:hover {
background:transparent url(../images/kiertue_30b_hover.gif) no-repeat;
}

a.kiertue_6a {
background:transparent url(../images/kiertue_6a.gif) no-repeat;
}

a.kiertue_6a:hover {
background:transparent url(../images/kiertue_6a_hover.gif) no-repeat;
}

a.kiertue_6b {
background:transparent url(../images/kiertue_6b.gif) no-repeat;
}

a.kiertue_6b:hover {
background:transparent url(../images/kiertue_6b_hover.gif) no-repeat;
}


a.link_asuminen, a.link_liikenne, a.link_ruoka {
display:block;
width:76px;
height:70px;
border:none;
float:left;
background:transparent url(../images/link_info.png) no-repeat;
margin-bottom:30px;
}

a.link_asuminen {
margin-left:160px;
}

a.link_asuminen:hover {
background:transparent url(../images/link_info_hover.png) no-repeat;
}

a.link_liikenne {
margin-left:225px;
}

a.link_liikenne:hover {
background:transparent url(../images/link_info_hover.png) no-repeat;
}

a.link_ruoka {
margin-left:263px;
}

a.link_ruoka:hover {
background:transparent url(../images/link_info_hover.png) no-repeat;
}

a.link_avalon {
display:block;
width:163px;
height:40px;
border:none;
background:transparent url(../images/avalon.jpg) bottom no-repeat;
margin:0 auto;
}

a span {
display:none;
}

#flashcontent p {
text-align:center;
margin:75px auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#006699;
font-size:16px;
}

#flashcontent p a {
color:#d14b00;
}

/* INFO sivujen */

#info {
background:#c0c3a1 url(../images/bg_repeat.jpg) top repeat-x;
color:#d14b00;
padding:30px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
}

p {
padding-bottom:18px;
}

#info p {
padding-bottom:14px;
}

#info h1, #info h2 {
color:#006699;

}

#info h1 {
font-size:36px;
line-height:46px;
}

#info h2 {
font-size:24px;
padding-top:18px;
padding-bottom:18px;
line-height:30px;
}

#info h3 {
font-size:10px;
}

.pvm {
font-size: 9px;
color:#006699;
float:right;
}


input {
width:300px;
border: 1px solid #ccc;
color:#006699;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

textarea {
width:100%;
border: 1px solid #ccc;
height:100px;
color:#006699;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

textarea:focus {
color:#d14b00;
}

input:focus {
color:#d14b00;
}

.submit {
float:right;
}

input.submit {
width:100px;
border: 1px solid #ccc;
color: #d14b00;
}

hr {
height:1px;
border:1px solid #999999;
background:#999999
}