html, body {
height: 100%;
margin: 0;
padding: 0;
}

body
{
font-family: ludica grande, lucida sans, verdana, arial, sans-serif;
}

img#background 
{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
}

#outer_container
{
position:relative;
z-index:1;
}

#container
{
width: 894px;
margin-left: auto;
margin-right: auto;
}

#header
{
height: 170px;
margin-top: 30px;
}

#logo_container
{

}

img#logo
{

}

#navigation
{
/*
position: relative;
top: 30px;
left: 15px;
*/
margin-left: 150px;
margin-top: -140px;
}

td.navi
{
width: 124px;
height: 67px;
text-align: center;
}

td.navi a
{
background-image: url("../images/nav_red.png");
font-size: 2.0em;
display: block;
padding-top: 48px;
padding-bottom: 5px;
}

td.navi a:hover
{
font-size: 2.0em;
background-image: url("../images/nav_red_active.png");
}

td#active a
{
background-image: url("../images/nav_black.png");
}

#navigation a
{
color: #ffffff;
text-decoration: none;
font-size: 0.75em;
position: relative;
top: 20px;
display: block;
}

#content_main a
{
color: #000000;
}

#content_main a:hover
{
color: #FF0000;
}

#content_title
{
width: 330px;
height: 50px;
float: left;
background-color: #ffffff;
-webkit-border-radius: 0.3em;
-moz-border-radius: 0.3em;
border-radius: 0.3em;
}

#content_title h2
{
color: #ff0000;
font-size: 1.2em;
font-weight: 400;
margin: 14px 0px 0px 10px;
}

h2#mainostajat
{
width: 200px; height: 22px;
background: url("../images/titles/mainostajat.png") no-repeat;
text-indent: -9999px;
}

h2#julkaisijat
{
width: 200px; height: 22px;
background: url("../images/titles/julkaisijat.png") no-repeat;
text-indent: -9999px;
}

h2#mediatoimistot
{
width: 200px; height: 22px;
background: url("../images/titles/mediatoimistot.png") no-repeat;
text-indent: -9999px;
}

h2#tyopaikat
{
width: 200px; height: 22px;
background: url("../images/titles/tyopaikat.png") no-repeat;
text-indent: -9999px;
}

h2#yritys
{
width: 200px; height: 22px;
background: url("../images/titles/yritys.png") no-repeat;
text-indent: -9999px;
}

h2#otayhteytta
{
width: 200px; height: 22px;
background: url("../images/titles/otayhteytta.png") no-repeat;
text-indent: -9999px;
}

h2#kumppanuusmarkkinointi
{
width: 320px; height: 22px;
background: url("../images/titles/kumppanuusmarkkinointi.png") no-repeat;
text-indent: -9999px;
}

h2#hakukoneoptimointi
{
width: 270px; height: 22px;
background: url("../images/titles/hakukoneoptimointi.png") no-repeat;
text-indent: -9999px;
}

h2#sahkopostimarkkinointi
{
width: 290px; height: 22px;
background: url("../images/titles/sahkopostimarkkinointi.png") no-repeat;
text-indent: -9999px;
}

h2#liidimarkkinointi
{
width: 290px; height: 22px;
background: url("../images/titles/liidimarkkinointi.png") no-repeat;
text-indent: -9999px;
}

#content_slogan
{
width: 560px;
height: 50px;
float: right;
background-image: url("../images/trans_60.png");
-webkit-border-radius: 0.3em;
-moz-border-radius: 0.3em;
border-radius: 0.3em;
}

#content_slogan span
{
font-size: 0.9em;
font-weight: 400;
margin: 15px 0px 0px 10px;
display: block;
}

#slogan_otayhteytta
{
width: 350px; height: 22px;
background: url("../images/slogans/otayhteytta.png") no-repeat;
text-indent: -9999px;
}

#slogan_yritys
{
width: 350px; height: 22px;
background: url("../images/slogans/yritys.png") no-repeat;
text-indent: -9999px;
}

#slogan_tyopaikat
{
width: 380px; height: 22px;
background: url("../images/slogans/tyopaikat.png") no-repeat;
text-indent: -9999px;
}

#slogan_mediatoimistot
{
width: 380px; height: 22px;
background: url("../images/slogans/mediatoimistot.png") no-repeat;
text-indent: -9999px;
}

#slogan_julkaisijat
{
width: 380px; height: 22px;
background: url("../images/slogans/julkaisijat.png") no-repeat;
text-indent: -9999px;
}

#slogan_mainostajat
{
width: 380px; height: 22px;
background: url("../images/slogans/mainostajat.png") no-repeat;
text-indent: -9999px;
}

#slogan_kumppanuusmarkkinointi
{
width: 380px; height: 22px;
background: url("../images/slogans/kumppanuusmarkkinointi.png") no-repeat;
text-indent: -9999px;
}

#slogan_hakukoneoptimointi
{
width: 380px; height: 22px;
background: url("../images/slogans/hakukoneoptimointi.png") no-repeat;
text-indent: -9999px;
}

#slogan_sahkopostimarkkinointi
{
width: 380px; height: 22px;
background: url("../images/slogans/sahkopostimarkkinointi.png") no-repeat;
text-indent: -9999px;
}

#slogan_liidimarkkinointi
{
width: 380px; height: 22px;
background: url("../images/slogans/kohdistettujakontakteja.png") no-repeat;
text-indent: -9999px;
}

#content_spacer
{
clear: both;
height: 3px;
}

#content_text
{
width: 535px;
float: left;
background: #ffffff url("../images/big_dot.png") no-repeat top left;
padding: 15px 15px 15px 40px;
color: #231f20;
-webkit-border-radius: 0.3em;
-moz-border-radius: 0.3em;
border-radius: 0.3em;
}

#content_text ul
{
font-size: 0.8em;
list-style-image:url("../images/lista.gif");
}

#content_text_wide
{
width: 839px;
float: left;
background: #ffffff url("../images/big_dot.png") no-repeat top left;
padding: 15px 15px 15px 40px;
-webkit-border-radius: 0.3em;
-moz-border-radius: 0.3em;
border-radius: 0.3em;
}

#content_text p
{
font-size: 0.8em;
padding: 0px 10px 10px 10px;
}

#content_text h3 a
{
font-size: 0.8em;
padding: 10px;
color: #e10000;
text-decoration: none;
}

#content_text_wide h3
{
font-size: 1.2em;
padding: 5px 10px 5px 10px;
color: #e10000;
}

#content_text_wide p
{
font-size: 0.8em;
padding: 10px;
}

#content_text ol
{
font-size: 0.8em;
margin: 20px 20px 20px 10px;
}

#content_highlight
{
width: 270px;
float: right;
background-color: #ffffff;
padding: 15px;
-webkit-border-radius: 0.3em;
-moz-border-radius: 0.3em;
border-radius: 0.3em;
}

#content_highlight a
{
font-size: 0.8em;
color: #ff0000;
text-decoration: none;
}

#content_highlight ul
{
font-size: 0.8em;
margin: 20px 20px 20px 10px;
list-style-image:url("../images/lista.gif");
}

#content_highlight h4
{
color: #ff0000;
font-size: 0.8em;
margin: 20px 0px 0px 0px;
font-weight: 600;
}

#content_highlight hr
{
border: 1px solid #cccccc;
}

#content_highlight table td
{
font-size: 0.8em;
}

#content_highlight input
{
font-size: 0.8em;
}

#footer
{
font-size: 0.8em;
clear: both;
position: relative;
top: 30px;
margin-bottom: 30px;
}

#social_media
{
text-align: right;
width: 100px;
float: right;
}

.red
{
color: #ff0000;
}

.lift
{
width: 435px;
float: left;
margin: 5px;
}

.lift_header
{
background: #ffffff;
padding: 10px;
height: 30px;
}

.lift_header img
{

}

.lift_arrow
{
float: right;
}

.lift_content
{
background-image: url("../images/trans_60.png");
padding: 20px;
font-size: 0.8em;
height: 90px;
-webkit-border-radius: 0.3em;
-moz-border-radius: 0.3em;
border-radius: 0.3em;
margin-top: -3px;
}

.lift_content img
{
position: relative;
left: 70px;
}

#main_lift
{
font-size: 1.6em;
margin: 5px 0px 30px 360px;
}

.callFormSubmit
{
padding-top: 10px;
}

.affiliateRegister td
{
font-size: 0.9em;
}

.affiliateRegister hr
{
border: 1px solid #cccccc;
}

div.error
{
color: #ff0000;
padding: 5px;
}