/*
Theme Name: Noora Katto Theme
Theme URI: http://www.noorakatto.net/
Description: Default theme for Noora Katto
Version: 1.0
Author: mikko @ fabrichead.com
Author URI: http://www.fabrichead.com/
Tags: custom
*/

* { margin: 0px; padding: 0px; }
* html,body {
   height: 100.1%;
}

body { 
    background: #8b918a;
    }

h1 { display: none; }
h2 { font: normal normal 26px 'Georgia', Sans-serif; }
h3 { font: normal bold 16px 'Georgia', Sans-serif; }
h4 { font: normal normal 16px 'Georgia', Sans-serif; }

a { text-decoration: none; color: #804000 ; }
a:hover { text-decoration: underline; color: #000; }

p  { 
    font: normal normal 12px 'Trebuchet MS', Sans-serif; 
    line-height: 22px;    
    padding: 8px 0px 16px 0px;
    }

.break { clear: both; }
.spacer { height: 20px; }

#navi { 
    position: absolute; 
    top: 312px;
    left: 50%;
    margin-left: -450px;
    width: 900px;
    }    

    #navi .link { float:left; margin-right: 8px;}
    #navi .link a span { display: none; }
    
    #navi .link .n-noora-a { display: block; width: 73px; height: 60px; background: url(pics/n-noora-a.gif) no-repeat;  }
    #navi .link .n-noora-b { display: block; width: 73px; height: 38px; background: url(pics/n-noora-b.gif) no-repeat;  }
    #navi .link .n-noora-b:hover { background: url(pics/n-noora-c.gif) no-repeat;  }

    #navi .link .n-cv-a { display: block; width: 49px; height: 60px; background: url(pics/n-cv-a.gif) no-repeat;  }
    #navi .link .n-cv-b { display: block; width: 49px; height: 38px; background: url(pics/n-cv-b.gif) no-repeat;  }
    #navi .link .n-cv-b:hover { background: url(pics/n-cv-c.gif) no-repeat;  }
    
    #navi .link .n-portfolio-a { display: block; width: 99px; height: 60px; background: url(pics/n-portfolio-a.gif) no-repeat;  }
    #navi .link .n-portfolio-b { display: block; width: 99px; height: 38px; background: url(pics/n-portfolio-b.gif) no-repeat;  }
    #navi .link .n-portfolio-b:hover { background: url(pics/n-portfolio-c.gif) no-repeat;  }

    #navi .link .n-contact-a { display: block; width: 137px; height: 60px; background: url(pics/n-contact-a.gif) no-repeat;  }
    #navi .link .n-contact-b { display: block; width: 137px; height: 38px; background: url(pics/n-contact-b.gif) no-repeat;  }
    #navi .link .n-contact-b:hover { background: url(pics/n-contact-c.gif) no-repeat;  }

    #navi .link .n-facebook-b { display: block; width: 117px; height: 38px; background: url(pics/n-facebook-b.gif) no-repeat;  }
    #navi .link .n-facebook-b:hover { background: url(pics/n-facebook-c.gif) no-repeat;  }

    #navi .link .n-shop-a { margin-left: 250px; display: block; margin-top: -21px; width: 125px; height: 85px; background: url(pics/n-shop-a.gif) no-repeat; }
    #navi .link .n-shop-b { margin-left: 250px; display: block; margin-top: -21px; width: 125px; height: 59px; background: url(pics/n-shop-b.gif) no-repeat; }
    #navi .link .n-shop-b:hover { background: url(pics/n-shop-c.gif) no-repeat; }
    
    
#divTop { 
    width: 100%;
    height: 350px; 
    background: #fdf7e0 url(pics/bg-top.jpg) repeat-x;
    text-align: center;
    }
    
    #divTop .image {
        width: 1000px;
        height: 350px;
        margin: auto;
        background: url(pics/bg-top_img.jpg) no-repeat;
        text-align: left;
        }
        
        #divTop .image a { 
            border: 2px; display: block; 
            width: 320px; height: 120px;
            }
            
            #divTop .image a span { display: none; }
        
#divMid {
    background: #f3f2e0 url(pics/bg-cont_top.gif) repeat-x;
    width: 100%;
    }        

    #divMid .bgBottom {
        background: url(pics/bg-cont_bot.gif) repeat-x bottom left;
        width: 100%;
        padding: 30px 0px 30px 0px;
        }

        
    #divMid #contFront, #divMid #contCV, #divMid #contPort, #divMid #contEmail {
        width: 1000px;
        margin: auto;
        }        
        
    #divMid #contFront { 
        background: url(pics/bg-cont_front.gif) repeat-y;
        }
        
        #contFront .left {
        width: 450px;
        padding: 20px 0px 20px 20px;
        float: left;
        }
        
        #contFront .right {
        width: 450px;
        float: right;
        padding: 20px 20px 20px 0px;
        }

    #divMid #contCV, #divMid #contPort { 
        background: url(pics/bg-cont_front.gif) repeat-y;
        background-position: -150px;
        }
        
        #contCV .left, #contPort .left  {
        width: 300px;
        padding: 20px 0px 20px 20px;
        float: left;
        }
        
        #contCV .right, #contPort .right {
        width: 600px;
        float: right;
        padding: 20px 20px 20px 0px;
        }            
        
        #divMid #contPort a { margin: 5px; float: left; display: block; width: 80px; height: 80px; text-decoration: none; border: 1px solid #532900; }
        #divMid #contPort a:hover { border: 1px solid #fff; }
        #divMid #contPort a img { border: 0px; }
        #divMid #contPort h3 { margin-bottom: 20px;}
        #divMid #contPort .portfolio { display: table; margin-bottom: 20px; }
        
#divBot {
    height: 262px;
    width: 100%;
    background: url(pics/bg-bot.jpg) repeat-x;
    text-align: center;
    }    
    
    #divBot .image {
        height: 262px;
        background: url(pics/bg-bot_img.jpg) no-repeat top center;
        margin: auto;
        }

#footer {
    background: url(pics/bg-footer.gif) no-repeat;
    width: 480px;
    height: 28px;
    margin-right: 10px;
    float:right;
    padding-top: 5px;
    color: #726d65;
    font: normal normal 12px 'Times New Roman', Sans-serif; letter-spacing: 1px;
    }  
#footer a { color: #726d65; text-decoration: none; }
        
#esi { position: absolute; top: 0px; left: 0px; }

div#prldr {
position: absolute;
left: -9999px;
top:  -9999px;
}

div#preloader img {
display: block;
}

.contact form { 
    margin: 0px; padding: 0px;
    font: normal bold 12px 'Trebuchet MS', Sans-serif;
    color: #503229;
    }
#contactForm {
    background: url(pics/bg-form.jpg) no-repeat;
    display: block; width: 380px; height: 290px;
    padding: 15px 10px 0px 20px;
    color: #503229;
    font: normal bold 12px 'Trebuchet MS', Sans-serif;
    }    
    
.contact textarea { padding: 5px; width: 320px; background: url(pics/bg-textfield.gif); border:1px dashed #d0cfbf; margin-bottom: 15px;}
.contact input { 
    background: none;  
    border: 0px; border-bottom: 1px dashed #908f85; 
    margin-bottom: 10px; 
    font: normal normal 14px Times New Roman;
    letter-spacing: 1px;
    }
input.formSender { width: 250px; padding: 2px; }
input.formEmail { width: 250px; padding: 2px; }
.contact input:focus, .contact textarea:focus { border: 1px solid #706459;}

input.send { margin-left: 160px; width: 185px; height: 40px; background: url(pics/send.gif) no-repeat; border: none;}
input.send:hover { background: url(pics/sendhover.gif) no-repeat; }


.tuote {
    border-top: 1px dashed #736357;
    padding-top: 35px;
    margin-bottom: 10px;
    }
.tuote a { color: #52483c;}
.tuote a:hover { color: #000000; }
    
.formOrder {
    background: url(pics/bg-order.jpg) no-repeat;
    display: block; width: 285px; height: 470px;
    padding: 20px 0px 0px 20px;
    font: normal bold 12px 'Trebuchet MS', Sans-serif;
    color: #503229;
    }
.formOrder input {
    background: url(pics/bg-ordertext.gif); 
    border: 1px dashed #908f85; 
    margin-bottom: 10px; 
    font: normal normal 14px Times New Roman;
    letter-spacing: 1px;
    }
.formOrder input:focus { background: #fff; }
.formOrder textarea { height: 60px; margin-bottom: 20px; padding: 5px; width: 230px; background: url(pics/bg-textfield.gif); border:1px dashed #d0cfbf;}
.formOrder textarea:focus {background: #fff; }
input.orderInput { width: 230px; padding: 2px; }

.orderKPL { text-align: right; font: normal bold 11px 'Trebuchet MS', Sans-serif; }
input.kpl { background: #fbfaed; text-align: center; width: 30px; font: normal normal 20px 'Trebuchet MS', Sans-serif; border: 1px dotted #736357;}
input:focus.kpl { border: 1px solid #000; }
ul.tuote { border: 0px; width: 452px; margin: 0px; padding: 0px;}
ul.tuote li { font: normal bold 11px 'Trebuchet MS', Sans-serif; list-style-type: none; width: 113px; float: left; text-align: center;}

select.kpl { border: 0px; background: #47433a; color: #fff; font: normal bold 14px 'Courier New', Sans-serif; }

#selectEN input, #selectFI input { font: normal bold 11px 'Trebuchet MS', Sans-serif; color: #7d4900; background: none; border: 0px; }

input.order { margin-top: -5px; width: 240px; height: 39px; background: url(pics/order.gif) no-repeat; border: none;}
input.order:hover { background: url(pics/orderhover.gif) no-repeat; }


#tt {
    position:absolute;
    display:block;
    }

     #tttop {
        }

     #ttcont {
        display:block;
        padding:10px 10px 10px 10px;
        margin-left:5px;
        font: normal normal 12px Times New Roman;
        max-width: 150px;
        text-align: center;
        background:#eff3f0 url(pics/bg-tooltip.jpg) no-repeat;
        border:1px solid #858a86;
        color:#000;
        }

     #ttbot {
        }