@charset "utf-8";
/* CSS Document */
html, body {margin:0; width:100%;}
body { background-color:#45678f; background-repeat:repeat-x;float:left; font-family:Georgia, "Times New Roman", Times, serif }
.wrapper { width:100%; background-color:#FFFFFF; margin:0;}
.footer { background-color:#45678f;  width:100%;}
.footer p {text-align:center; font-size:14px;}

.container {width:773px; background-color:#FFFFFF; margin-left:auto; margin-right:auto; background-image:url(../img/white_bg.png); background-repeat:no-repeat; }
#frontpage {margin-top:0; padding-left:20px;}

.logo{margin-top:0; border:1px solid transparent; width:720px; height:134px; background-image:url(../img/logo.gif); background-position:15px 80px; background-repeat:no-repeat; }
.logo a {height:150px; display:block; text-decoration:none; }
.logo span { visibility:hidden;}/**/

#frontpage .left { border:0px solid; display:table-cell; width:390px;}
#frontpage .left #front_image {margin-left:38px; margin-top:28px }
#frontpage .right { border:0px solid; display:table-cell; width:300px; vertical-align:top; height:380px; color:#45678f;}
#frontpage .right h2 {font-size:36px; margin-top:0px; font-weight:100; margin-bottom:0}
#frontpage .right  p, li { font-size:14px;}
#frontpage .right .front_list  {padding-left:0;}
#frontpage .right .front_list li {margin-bottom:18px; list-style-type:none;  background-image:url(../img/nuoli.gif); background-position:0 2px; background-repeat:no-repeat; padding-left:0;}
#frontpage .right .front_list li span {padding-left:35px;}

#frontpage #ota_yhteytta { margin-left:242px; margin-top:10px; padding-bottom:20px; }	
#frontpage #ota_yhteytta a {width:228px; height:57px; background-image:url(../img/ota_yhteytta.gif); background-repeat:no-repeat; display:block;}
#frontpage #ota_yhteytta span {display:none;}

/* yhteys */
#yhteys {margin-top:0; padding-left:20px; color:#45678f;}
#yhteys .left { border:0px solid; display:table-cell; width:379px; background-image:url(../img/smallpig.gif); padding-left:27px; padding-top:17px; background-repeat:no-repeat; background-position:278px -4px;}
#yhteys .left h2 {font-size:36px; margin-top:0px; font-weight:100; margin-bottom:0;  color:#45678f;}
#yhteys .left .error {font-size:14px; padding-top:20px; color:#990000;}
#yhteys .left label {display:block; border:0px solid; width:100px; float:left; padding-top:8px;}
#yhteys .left #first {margin-top:3px; margin-bottom:34px;}
#yhteys #sent {background-image:url(../img/pig3.jpg); background-position:100px 80px}

#yhteys .left .impu {height:28px; width:234px; margin-bottom:14px; margin-left:20px;float:left;}
#yhteys .left .impu , textarea { background-color:#e4e4e4; border:1px solid #bcbcbc;}
#yhteys .left textarea {height:82px; width:234px; margin-left:20px;float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-bottom:20px;}
#yhteys .left #submit {float:left; margin-left:125px; margin-top:0px; width:229px; height:58px; margin-bottom:20px;}
#yhteys .right { border:0px solid; display:table-cell; width:300px; vertical-align:top; height:380px; color:#45678f; background-image:url(../img/line.gif); background-repeat:no-repeat; padding-left:20px}
#yhteys .right  p, li, label, #first { font-size:14px;}