body {background:#8a922d url(kuvat/body-tausta.jpg) fixed;text-align:center;font-size:76%;font-family:'Trebuchet MS',Arial,sans-serif;color:#111;padding-bottom:24px;}
* {margin:0;padding:0;}
a {text-decoration:none;}
img {border:none;}


/* ----------YLAOSA---------- */

#ylaosa {background:url(kuvat/body-ylaosa-tausta.jpg) 0 105px repeat-x;padding-top:32px;}
#header {width:752px;height:128px;background:url(kuvat/ylaosa-tausta.jpg);margin:0 auto;position:relative;}

.logo {float:left;width:200px;height:80px;text-indent:-9999px;margin:20px 0 0 20px;}

#navi {float:right;padding:70px 30px 0 0;list-style:none;}
#navi li {display:inline;margin-left:4px;float:left;}
#navi li a {height:18px;display:block;}
#navi li a span {display:none;}

#navi-etusivu {width:53px;background:url(kuvat/naviEtusivu.gif);}
#navi-kankaat {width:66px;background:url(kuvat/naviKankaat.gif);}
#navi-verhotangot {width:87px;background:url(kuvat/naviVerhotangot.gif);}
#navi-ompelutarvikkeet {width:125px;background:url(kuvat/naviOmpelutarvikkeet.gif);}
#navi-yhteystiedot {width:89px;background:url(kuvat/naviYhteystiedot.gif);}

#etusivu #navi-etusivu, #kankaat #navi-kankaat, #verhotangot #navi-verhotangot, #ompelutarvikkeet #navi-ompelutarvikkeet, #yhteystiedot #navi-yhteystiedot {border-bottom:2px solid #444;}

#etusivu #navi-etusivu a:hover, #kankaat #navi-kankaat a:hover, #verhotangot #navi-verhotangot a:hover, #ompelutarvikkeet #navi-ompelutarvikkeet a:hover, #yhteystiedot #navi-yhteystiedot a:hover {cursor:default;border:none;}

#navi li a:hover {border-bottom:2px solid #8a922d;}

.katso-kuvia {background:url(kuvat/katso-kuvia-toistamme.jpg) no-repeat;width:206px;height:54px;position:absolute;top:-21px;right:-12px;}
.katso-kuvia a {float:left;width:200px;height:45px;text-indent:-9999px;}

/* -------------------SISALTO------------------- */

#rakenne {background:#fff url(kuvat/sisalto-tausta.gif) repeat-y;width:752px;margin:0 auto;padding-top:36px;text-align:left;}

#etusivu #sivupalkki {width:260px;background:none;}
#sivupalkki {clear:both;float:left;background:url(kuvat/sivukoriste.jpg) right top no-repeat;width:160px;height:230px;padding:0 0 40px 20px;}

#sivupalkki img {float:left;border:none;width:120px;height:80px;padding:5px;margin:3px 0 10px 14px;background:#e3e3dc;}
#etusivu #sivupalkki img {float:left;border:none;width:259px;height:168px;padding:0;margin:0;}

#etusivu #sisalto {width:420px;border-left:1px dotted #ddd;padding-left:16px;}
#sisalto {float:right;width:520px;padding:0 20px 0 26px;border-left:1px dashed #ddd;}

.kolumni {float:left;width:230px;}

#sisalto h1 {font-size:1.2em;color:#222;margin-bottom:12px;}
#etusivu h1 {text-indent:-9999px;float:left;}
#etusivu #sisalto h2 {text-indent:-9999px;background:url(kuvat/verho-muotikankaiden-erikoisliike.gif);width:360px;height:26px;border:none;}

#etusivu #sisalto img {float:right;margin:-10px 24px 0 0;}

#sisalto h2 {clear:both;font-size:1.1em;color:#515A07;margin-bottom:8px;border-bottom:1px solid #eee;}

#sisalto p {font-size:1.1em;line-height:1.4em;word-spacing:1px;margin-bottom:12px;}
#sisalto p a {font-weight:bold;color:#737921;text-decoration:underline;}
#sisalto p a:hover {color:#959D38;}
#sisalto p strong {font-weight:normal;}

#kuvia #sisalto img {float:left;border:none;width:140px;height:90px;padding:5px 15px 15px 5px;margin:0 9px 10px 0;background:url(kuvat/kuvat-tausta.jpg);}

#sisalto ul {margin:0 0 14px 16px;font-size:1.1em;list-style-image:url(kuvat/li.gif);}
#sisalto ul li a {color:#111;}


/* ----------ALAOSA---------- */

#alaosa {clear:both;height:36px;width:726px;background:url(kuvat/alaosa-tausta.jpg) no-repeat;padding:50px 26px 0 0;}
#alaosa p {color:#66701A;font-size:1.1em;text-align:right;}
#alaosa p img {margin:0 1px 0 4px;}
p.copy {width:700px;margin:0 auto;color:#c9d094;font-size:1em;text-align:right;}
p.copy a {color:#c9d094;}
p.copy em {color:#595B1A;font-weight:bold;font-size:1.3em;}


/* ----------LOMAKKEET---------- */

form {float:left;}
form label {font:10px Verdana,sans-serif;font-weight:bold;color:#707926;display:block;margin-bottom:-14px;}
form .input, form textarea {font:12px Verdana,sans-serif;margin-bottom:12px;color:#111;display:block;padding:3px;border:2px solid #ddd;}
form textarea {overflow:auto;line-height:16px;width:360px;}

form label span {font:.9em Arial;color:#555;}
form input#submit {margin-top:24px;font:1em Arial;color:#222;cursor:pointer;font-weight:bold;padding:1px 6px;}

.captcha {float:left;background:url(kuvat/captcha.gif);width:45px;height:24px;margin-right:6px;}