/* -------------------Taustat------------------- */

body {
background-image:url('/files/amersafe/images/tausta.png');
margin: 0;
padding: 0;
}

#main {
background-color: #FFFFFF;
width: 958px;
margin: 0 auto;
border-left: 3px  solid #ECECEC;
border-right: 3px  solid #ECECEC;
border-bottom: 3px  solid #ECECEC;
border-top: 0px;
}

#content {
background-image:url('/files/amersafe/images/text.png');
background-repeat: no-repeat;
background-color: #FFF;
min-height: 91px;
width: 956px;
margin: 0 auto;
}


/* -------------------Yl?osa------------------- */
#header {
position: relative;
background-image:url('/files/amersafe/images/header.png');
width: 956px;
height: 69px;
margin: 0 auto;
padding: 0;
}

#vali {
background-image:url('/files/amersafe/images/vali.png');
width: 956px;
height: 267px;
margin: 0 auto;
overflow: hidden;
}
#languages {
  position: absolute;
  top: 42px;
  right: 300px;
  font: normal 12px arial, sans-serif;
  margin: 0;
  padding: 0;
}



/* -------------------V?li sis?lt?------------------- */

#kuva {
width: 609px;
height: 265px;
margin: 0;
float: left;
margin: 1px;
}

#kuvateksti {
float: left;
width: 300px;
height: 265px;
margin-top: 30px;
font-family: arial;
font-size: 12px;
color: #696969;
}


/* -------------------Navigaatio tausta------------------- */

#navigaatio {
margin: 20px;
text-align: left;
width: 238px;
float: left;
border: 1px solid #ECECEC;
}

#navi {
text-align: left;
font-family: arial;
font-size: 12px;
color: #000;
}



/* -------------------Navigaatio nakyva------------------- */

#navi ul
{
margin: 0;
padding: 0;
font-family: Arial;
font-size: 14px;
list-style-type: none;
text-align: left;
overflow: hidden;
}

#navi li {
margin-top: -1px;
background-image:url('/files/amersafe/images/navi1.png');
width: 238px;
height: 32px;
}

#navi a
{
padding: 8px 0px 0px 40px;
display: block;
width: 238px;
height: 32px;
}

#navi a:link, #navin a:visited
{
color: #FFF;
text-decoration: none;
background-image:url('/files/amersafe/images/navi1.png');
}

#navi a:hover
{
background-image:url('/files/amersafe/images/navi2.png');
color: #FFF;
}

#active a:link, #active a:visited, #active a:hover
{
background-image:url('/files/amersafe/images/navi2.png');
color: #FFF;
}


/* -------------------Sis?lt?------------------- */

#text {
margin: 20px 30px 0 0;
text-align: left;
float: right;
width: 625px;
font-family: arial;
font-size: 12px;
color: #000;
}

/* -------------------Alaosa------------------- */

#footer {
background-image:url('/files/amersafe/images/footer.png');
width: 956px;
height: 49px;
margin: 0 auto;
}

#footer1 {
float: left;
text-align: left;
padding-left: 35px;
padding-top: 17px;
font-family: arial;
font-size: 12px;
color: #505050;
width: 400px;
}

#footer2 {
float: right;
text-align: right;
padding-top: 17px;
font-family: arial;
font-size: 12px;
color: #505050;
margin-right: 30px;
}

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

#footer a, a:visited, a:active {
color: #505050;
text-decoration: none;
}

#footer  a:hover {
color: #BBB;
text-decoration: none;
}

/* -------------------Linkit------------------- */

a, a:visited, a:active {
color: #4c7189;
text-decoration: none;
}

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

/* -------------------Otsikkotyylit yms.------------------- */

h1 {
color: #008843;
font-family: Arial;
font-size: 24px;
margin: 0;
font-weight: bold;
}

h2 {
color: #e42b2a;
font-family: Arial;
font-size: 15px;
margin: 0;
font-weight: bold;
}

h3 {
color: #08366c;
font-family: Arial;
font-size: 12px;
margin: 0;
font-weight: bold;
}