/**
*    Project Name:   Marko KEA website
*    Version:        V1
*    Author:         Zigurds Gavars
*/

/* ELEMENTS
-----v-------------------------------------------*/
html,body{
    font:12px Arial, Helvetica, sans-serif;
    color:#552D00;
    height:auto;
    margin:0;
    padding:0;
    border:0}
body{
    background:#FFCA7A url(/img/page_bg.gif)}
h1,h2,h3,h4,h5,h6{
    font-size:14px;
    margin:0;
    padding:0}
h1{
    text-transform:uppercase;
    font-weight:bold;
    color:#600907;
    padding:0 0 3px 20px;
    margin:0 -5px 10px -5px;
    border-bottom:1px solid #FFE099;
    background:url(/img/icons/bullet_light.gif) no-repeat 5px 3px
    }
    h1 strong{
        display:none}
a {
    text-decoration:none;
    outline:none
    }
    a:hover{
        text-decoration:underline}
    a:active,a:link,fieldset{
        border:0;
        outline:none}
input,textarea{
    font:12px Arial, Helvetica, sans-serif;
    margin:0;
    color:#552D00;
    vertical-align:middle}
textarea{
    overflow:auto}
p,form,#hd ul,#hd li,#sb ul,#sb li,.imgs, imgs li{
    margin:0;
    padding:0;
    list-style:none}
/*----^------------------------------------------*/
/* Page structure
------v------------------------------------------*/
#fr{
    width:743px;
    margin:0 auto;
    padding:252px 0 0 0
    }
    #hd{/* Page header */
        position:absolute;
        top:10px;
        width:701px;
        height:auto;
        padding:21px 22px 0 22px;
        background:url(/img/header_bg.gif) no-repeat
        }
        #hd ul{
            float:left;
            width:173px;
            height:218px;
            padding-left:35px;
            background:url(/img/logo_bg.png) no-repeat;
            overflow:hidden}
        #hd li{
            float:left;
            width:22px;
            height:14px;
            margin-right:5px;
            border:1px solid #FFF;
            display:inline}
        #llv{
            background:url(/img/icons/lv.gif) no-repeat}
        #len{
            background:url(/img/icons/en.gif) no-repeat}
        #lru{
            background:url(/img/icons/ru.gif) no-repeat}
        #lfr{
            background:url(/img/icons/fr.gif) no-repeat}
        #lde{
            background:url(/img/icons/de.gif) no-repeat}
        #hd a{
            display:block;
            height:0;
            width:22px;
            padding:14px 0 0 0;
            overflow:hidden}
        li#logo{
            width:208px;
            height:190px;
            margin:0;
            border:0
            }
            li#logo a{
                height:0;
                width:165px;
                margin:51px 0 0 -13px;
                padding:118px 0 0 0;
                overflow:hidden}
        #hd p{
            float:right;
            width:489px;
            height:0;
            margin:0 0 10px 0;
            padding:218px 0 0 0;
            overflow:hidden
            }
            #slg1{
                background:url(/img/tpic1.jpg) no-repeat}
            #slg2{
                background:url(/img/tpic2.jpg) no-repeat}
            #slg3{
                background:url(/img/tpic3.jpg) no-repeat}
            #slg4{
                background:url(/img/tpic4.jpg) no-repeat}
    #cnt,#sbbg{/* Page container */
        height:auto;
        padding:0;
        margin:0;
        background:url(/img/content_bg.gif) repeat-y;
        overflow:hidden}
    #sbbg{/* Sidebar background */
        background:url(/img/sb_bg.png) no-repeat 22px bottom}
    #sb,#page{
        float:right;
        height:auto;
        overflow:hidden}
    #sb{/* Sidebar */
        width:208px
        }
        #sb a{
            color:#552D00}
        #sb label{
            display:none}
        ul#sbm{
            height:auto;
            text-transform:uppercase;
            padding:0 8px;
            margin:23px 0 0 0;
            background:url(/img/sm_bg.gif) repeat-y
            }
            #sbm li,#sb legend{
                height:auto;
                font-size:13px;
                padding:4px 0 3px 0;
                margin:0;
                border-top:1px solid #FFE6AD;
                border-bottom:1px solid #FFF;}
            #sbm li a{
                display:block;
                height:auto;
                text-decoration:none;
                padding:0 0 0 22px;
                background:url(/img/icons/bullet_light.gif) no-repeat 5px 3px}
            #sbm li a:hover,#sbm li a.sel{
                color:#970000;
                background:url(/img/icons/bullet_red.gif) no-repeat 5px 3px}
            #sbm li.mt{
                height:21px;
                padding:10px 8px 0 8px;
                margin:-23px -8px 0 -8px;
                border:0;
                background:url(/img/sm_top.gif) no-repeat
                }
                #sbm li.mt a{
                    height:20px;
                    line-height:20px;
                    border-bottom:1px solid #FFF}
            #sbm li.mb{
                height:23px;
                border:0;
                margin:0 -8px 2px -8px;
                padding:0;
                background:url(/img/sm_bt.gif) no-repeat}
            #sbm li.subm ul{
                padding:0;
                margin:0;
                border-top:1px solid #FFF;
                background:#FFF
                }
                #sbm li.subm li{
                    font-size:10px;
                    height:auto;
                    padding:1px 0;
                    }
                    #sbm .subm ul a{
                        color:#9D5300;
                        padding-left:25px;
                        background:url(/img/icons/bullet_small.gif) no-repeat 15px 4px}
                    #sbm .subm ul a:hover{
                        color:#970000;
                        /*padding-left:25px;*/
                        background:url(/img/icons/bullet_smallred.gif) no-repeat 15px 4px}
        #sb form{
            height:auto;
            padding:8px}
        #sb legend{
            display:block;
            width:145px;
            text-indent:0;
            border:0;
            border-bottom:1px solid #FEEDB6}
        #sb input{
            display:block;
            width:120px;
            height:13px;
            margin:3px 0 0 8px;
            border:1px solid #FFDC8B}
        input#go{
            width:60px;
            height:18px;
            border:1px solid #F5C66D;
            background:#FBDD94}
    #page{/* Page content */
        width:463px;
        height:auto;
        margin:0 21px 0 3px;
        padding:10px 13px 0 13px;
        border-top:1px solid #FFE099;
        display:inline
        }
        #page h2{
            margin-bottom:10px}
        #page p{
            line-height:17px;
            margin:0 0 15px 0}
        #page li{
            line-height:17px}
        #page a{
            color:#970000}
        #page img{
            padding:2px;
            border:1px solid #FFDC8B}
.cont ul{
    height:auto;
    text-align:center;
    margin:0 0 10px 0;
    padding:0;
    clear:left;
    overflow:hidden
    }
    .cont li{
        list-style:none;
        float:left;
        width:145px;
        margin:0 0 8px 8px;
        display:inline}
    .cont img{
        display:block;
        margin:0 auto}
    .pos{
        display:block;
        font-size:11px}
    #ft{
        height:55px;
        padding:17px 21px 0 21px;
        text-align:center;
        background:url(/img/footer_bg.gif) no-repeat}
/*----^------------------------------------------*/
/* Styles
------v------------------------------------------*/
#sb input.err{
    border:1px solid #F00}
.ac{
    text-align:center}
.clf{
    clear:left}
.clr{
    clear:both;
    height:0;
    line-height:0;
    font-size:0;
    visibility:hidden}
.imgs li{
    float:left;
    margin:0 2px 5px 2px;
    text-align:center}
/*----^------------------------------------------*/
@media print{
    .clr{
        display:none}
}