* {
padding: 0px;
margin: 0px;
}

a {
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

body {
font-family: arial;
background: #f7f7f0;
}

/*-------------------------------------------------------*/

#page {
width: 756px;
margin: 20px 35px 20px 35px;
background: white;
}

/*-------------------------------------------------------*/

#top {
background-color: white;
background-image: url(hosting_yla_tausta.png);
background-repeat: no-repeat;
background-position: bottom left;
}

#top h1 {
color: white;
font-weight: normal;
padding: 5px 5px 13px 32px;
}

/*-------------------------------------------------------*/

#content  {
border-right: solid #dcdcdc 1px;
border-left: solid #dcdcdc 1px;
padding: 20px 20px 40px 20px;
}

#content  h1 {
color: #5278ba;
font-size: 22px;
}

#content  h2 {
color: #5278ba;
font-size: 20px;
}

#content  h3 {
color: #5278ba;
font-size: 18px;
}

#content  h4 {
color: #5278ba;
font-size: 16px;
}

#content  p {
color: black;
font-size: 13px;
padding: 10px 5px 10px 0px;
}

#content ul {
list-style: none;
padding: 3px 2px 3px 2px;
}

#content ul li {
padding: 3px 2px 3px 23px;
background-color: white;
background-image: url(hosting_listaelementti.png);
background-repeat: no-repeat;
background-position: bottom left;
}

/*-------------------------------------------------------*/

#footer {
font-size: 13px;
text-align: right;
padding: 3px 5px 3px 5px;
color: white;
background: black;
border-right: solid #5278ba 14px;
}

/*-------------------------------------------------------*/

.clr {
clear: both;
}