body,form,table,img{
    margin:0;
    padding:0;
}
body,input{
    font-size:.85em;
    font-family:"courier new",sans;    
}
body{
    background:#fff url(../images/bg_smart.png) top center repeat-x;
    text-align:center;
    color:#000;
}
img{
    border:none;
}
a{
    text-decoration:underline;
    color:#00ff00;
}
a:hover{
    text-decoration:none;
}
.clear{
    clear:both;
    overflow:hidden;
    height:0;
}

/* INPUT */
input.button{
    background:#2b2931;
    color:#fff;
    border:1px solid #2b2931;
}
input{
    border:1px solid #000;
}
/* INPUTE */

/* LANGUAGES */
.lang{
    float:right;
    color:#fff;
    margin:5px 0 0 0;
}
.lang a{
    color:#fff;
    text-decoration:none;
}
.lang a:hover{
    text-decoration:underline;
    color:#00ff00;
}
/* LANGUAGESE */

.holder{
    width:980px;
    text-align:left;
    margin:auto;
}

/* POSITIONING */
.top,.menu{
    position:relative;
}
.top{
    height:120px;
}
.menu{
    height:35px;
    padding-top:15px;
}
.slogan{
    position:absolute; left:10px; bottom:10px;
    font-size:2.3em; font-weight:bold;
    color:#fff;
    z-index:2;
}
.slogan a{
    color:#fff;
    text-decoration:none;
}
.logo{
    position:absolute; right:0; bottom:10px;
}
.menu1{
    position:absolute; left:10px;    
    font-weight:bold;
}
.search{
    position:absolute; right:0;
}
.body{
    margin-top:30px;
}
.menu2{   
    font-weight:bold;
    width:340px;
    float:left;
}
.content{
    width:620px;
    float:right;
}
/* POSITIONINGE */

/* MENUS */
.menu1 a{
    text-decoration:none;
    color:#fff;
    font-size:1.25em;
    margin-right:15px;
}
.menu1 a:hover,.menu1 a.sel{
    text-decoration:underline;
    color:#00ff00;
}
.menu2 a{
    text-decoration:none;
    display:block; position:relative;
    background:#00ff00 url(../images/plus.gif) no-repeat;
    background-position: 300px 50%;
    color:#fff;
    padding:15px 40px 15px 10px;
    margin-bottom:5px;
    font-size:1.25em;
}
.menu2 a:hover,.menu2 a.sel{
    background:#00ff00 url(../images/minus.gif) no-repeat;
    background-position: 300px 50%;
}
.menu2 a.sub{
    text-decoration:none;
    display:block;
    background:none;
    color:#000;
    padding:0 0 5px 0;
    margin-bottom:5px;
    font-size:1em;
    border-bottom:2px solid #00ff00;
}
.menu2 a.prod{
    padding-right:50px;
    zoom:1;
}
.menu2 a:hover.sub{
    background:none;
}
.menu2 img{
    padding-right:5px;
    vertical-align:middle;
    float:left;
}
.menu2 span.cat{
    position:absolute;
    right:5px;
    top:50%;
    margin:-7px 0 0 0;
}
.menu2 span.cat img{
    margin-right:1px;
    padding:0;
}
.menu2 span.clear{
    overflow:hidden;
    height:0;
    display:block;
    clear:both;
}
.menu2 strong{
    font-weight:normal;
}
.menu4{
    color:#00ff00;
    margin:0 0 5px 0;
}
/* MENUSE */

.content h1{
    color:#fff;
    padding:15px 0 15px 10px;
    margin:0 0 5px 0;
    font-size:1.25em;
    background:#00ff00;
    width:610px;
}
.footer{
    border-top:2px solid #00ff00;
    padding-top:7px;
    margin:35px 0;
}

/* COLUMNS */
.col1,.col2,.col3{
    float:left;
    width:310px;
    margin-right:25px;
}
.col3{
    margin:0;
}
.col1 h1,.col2 h1,.col3 h1{
    color:#fff;
    padding:15px 0 15px 10px;
    margin:0;
    font-size:1.25em;
    background:#00ff00;
    width:300px;
}
.col1 img{
    margin-bottom:20px;
}
.col2 h1{
    width:280px;
}
.col2{
    background:#00ff00;
    padding:0 10px 10px 10px;
    width:290px;
}
.col2 a{
    color:#fff;
}
/* COLUMNSE */

div.box{
    margin-bottom:10px;
}
div.box img{
    float:left;
    margin:0 5px 5px 0;
}
div.box .header{
    background:#f3fff3;
    border-bottom:2px solid #00ff00;
    padding:2px 0 2px 10px;
    position:relative;
    margin-bottom:5px;
    font-weight:bold;
}
div.box .header span.cat{
    position:absolute;
    right:5px;
    top:6px;    
}
div.box .header span.cat img{
    margin-right:1px;
    padding:0;
}
.left{
    width:300px;
    float:left;
    margin-right:20px;
}
.right{
    width:300px;
    float:right;
}
.right img{
    margin-bottom:5px;
}
.img_list img{
    margin:0;
}
.img_list a{
    display:block;
    float:left;
    background:none;
    text-decoration:none;
    margin:0 6px 5px 0;
}
.img_list a.last{
    margin-right:0;
}
.img_list a:hover,.img_list a.sel{
    background:#00ff00;
}
div.center{
    text-align:center;
    margin:30px 0 60px 0;
}

/* FRONT LINKS */
div.front_links{
    width:230px;
    margin:auto;
}
div.front_links a,div.front_links img{
    float:left;
}
a.front_textile,a.front_product,a.front_it{
    width:50px;
    height:50px;
    background:url(../images/front_t.gif) no-repeat;
    display:block;
}
a.front_product{
    width:70px;
    height:50px;
    background-image:url(../images/front_toode.gif);
}
a.front_it{
    width:50px;
    height:50px;
    background-image:url(../images/front_it.gif);
}
a:hover.front_textile{
    background-image:url(../images/front_t_over.gif);
}
a:hover.front_product{
    background-image:url(../images/front_toode_over.gif);
}
a:hover.front_it{
    background-image:url(../images/front_it_over.gif);
}

/* FRONT LINKSE */

/* HEADER LOGO */
.logo a,.logo img,.logo span{
    float:right;
}
.logo img.dots{
    right:9px;
    position:absolute;
    bottom:30px;
}
.logo img.plus{
    margin:0 1px;
}
.logo span#title{
    margin-right:10px;
    font-size:11px;
    color:#00ff00;
}
.logo a.textile{
    background:url(../images/top/tekstiil_top.gif);
    width:25px;
    line-height:25px;
    text-decoration:none;
}
.logo a:hover.textile{
    background:url(../images/top/tekstiil_top_over.gif);
}
.logo a.product{
    background:url(../images/top/tootedisain_top.gif);
    width:25px;
    line-height:25px;
    text-decoration:none;
}
.logo a:hover.product{
    background:url(../images/top/tootedisain_top_over.gif);
}
.logo a.it{
    background:url(../images/top/it_top.gif);
    width:20px;
    line-height:25px;
    text-decoration:none;
}
.logo a:hover.it{
    background:url(../images/top/it_top_over.gif);
}
/* HEADER LOGE */