/*-------------------------------------------------------------------------------------------------
BASIC ELEMENTS
-------------------------------------------------------------------------------------------------*/

html, body {
    padding: 0px;
    margin: 0px;
    background: #000000 url("../Gfx/Concrete_Textures_1.jpg") no-repeat fixed center top;
}

p, h1, h2, h3, h4, h5, a, a.black, .a_selected, a.lang, span.gray, div.list ol li{
    color: #FFFFFF;
    font-family: Arial, Verdana, Trebuchet MS, Sans-Serif;
    font-size: 12px;
    padding: 0px;
    margin: 0px;
    text-decoration: none
}

a.black{
    color: #000000
}

a.lang, span.gray{
    color: #656565;
}

a.lang:hover{
    color: #FFFFFF;
}

a.black:hover{
    color: #a6bc57
}

a:hover, .a_selected{    
    color: #000000
}

h1{
    font-size: 30px;
}

h2{
    font-size: 16px;
}

h3{
    color: #97b430;
    font-size: 14px;
    font-weight: bold
}

h4{
    font-size: 24px;
}

h5{
    font-size: 20px;
}

div.hr{
    height: 1px;
    background: url("../Gfx/dotted_line2.png");
    margin-top: 10px;
    margin-bottom: 10px
}

div#wrapper{
    width: 960px;
    margin-left: auto;
    margin-right: auto
}

div#box1{
    width: 221px;
    height: 124px;
    background-image: url("../Media/7.jpg");
    background-repeat: no-repeat;
}


div#box2{
    width: 221px;
    height: 124px;
    background-image: url("../Media/9.jpg");
    background-repeat: no-repeat;
}

div#box3{
    width: 221px;
    height: 124px;
    background-image: url("../Media/1.jpg");
    background-repeat: no-repeat;
}

div#box4{
    width: 221px;
    height: 124px;
    background-image: url("../Media/10.jpg");
    background-repeat: no-repeat;
}

div#box1 a, div#box2 a, div#box3 a, div#box4 a{
    display: block;
    width: 221px;
    height: 124px;
}

div.hl{
    position: relative;
    top: 0px;
    left: 0px;
    padding: 5px;
    background: #000000
}

/*-------------------------------------------------------------------------------------------------
HEADER ELEMENTS
-------------------------------------------------------------------------------------------------*/

div#header-wrap{
    position: relative;
    top: 0px;
    left: 0px;
    height: 120px
}

    div#fish-logo{
        position: absolute;
        top: 2px;
        left: 0px;
        width: 370px;
        height: 113px;
        border: solid 0 #FF0000
    }
    
    div#menu-wrap{
        position: absolute;
        top: 40px;
        left: 375px;
        width: 585px;
        height: 80px;
        border: solid 0 #FF0000
    }
    
    div#language-wrap{
        position: absolute;
        top: 5px;
        left: 355px;
        width: 585px;
        height: 25px;
        text-align: right;
        padding-right: 20px;
        border: solid 0 #FF0000
    }
    
        div.menu-1{
            position: absolute;
            top: 0px;
            left: 70px;
            width:166px;
            height: 80px;
            background: url("../Gfx/menu/menu_01.jpg") no-repeat;
            cursor: pointer
        }
        
        
    
        div.menu-2, div.menu-2-selected, div.menu-2-eng, div.menu-2-eng-selected{
            position: absolute;
            top: 0px;
            left: 236px;
            width: 65px;
            height: 80px;
            background: url("../Gfx/menu/menu_02.jpg") no-repeat;
            cursor: pointer
        }
        
        div.menu-2-eng{
            background: url("../Gfx/menu/menu_02_eng.jpg") no-repeat;
        }
        
        div.menu-2:hover, div.menu-2-selected{
            background: url("../Gfx/menu/menu_h_02.jpg") no-repeat
        }
        
        div.menu-2-eng:hover, div.menu-2-eng-selected{
            background: url("../Gfx/menu/menu_h_02_eng.jpg") no-repeat
        }
    
        
        div.menu-3, div.menu-3-selected, div.menu-3-eng, div.menu-3-eng-selected{
            position: absolute;
            top: 0px;
            left: 301px;
            width: 70px;
            height: 80px;
            background: url("../Gfx/menu/menu_03.jpg") no-repeat;
            cursor: pointer
        }
        
        div.menu-3-eng{
            background: url("../Gfx/menu/menu_03_eng.jpg") no-repeat;
        }
        
        div.menu-3:hover, div.menu-3-selected{
            background: url("../Gfx/menu/menu_h_03.jpg") no-repeat
        }
        
        div.menu-3-eng:hover, div.menu-3-eng-selected{
            background: url("../Gfx/menu/menu_h_03_eng.jpg") no-repeat
        }
        
    
        div.menu-4, div.menu-4-selected, div.menu-4-eng, div.menu-4-eng-selected{
            position: absolute;
            top: 0px;
            left: 371px;
            width: 50px;
            height: 80px;
            background: url("../Gfx/menu/menu_04.jpg") no-repeat;
            cursor: pointer
        }
        
        div.menu-4-eng{
            background: url("../Gfx/menu/menu_04_eng.jpg") no-repeat;
        }
        
        div.menu-4:hover, div.menu-4-selected{
            background: url("../Gfx/menu/menu_h_04.jpg") no-repeat
        }
        
         div.menu-4-eng:hover, div.menu-4-eng-selected{
            background: url("../Gfx/menu/menu_h_04_eng.jpg") no-repeat
        }
    
        div.menu-5, div.menu-5-selected, div.menu-5-eng, div.menu-5-eng-selected{
            position: absolute;
            top: 0px;
            left: 421px;
            width: 85px;
            height: 80px;
            background: url("../Gfx/menu/menu_05.jpg") no-repeat;
            cursor: pointer
        }
        
        div.menu-5-eng{
            background: url("../Gfx/menu/menu_05_eng.jpg") no-repeat;
        }
        
        div.menu-5:hover, div.menu-5-selected{
            background: url("../Gfx/menu/menu_h_05.jpg") no-repeat
        }
        
        div.menu-5-eng:hover, div.menu-5-eng-selected{
            background: url("../Gfx/menu/menu_h_05_eng.jpg") no-repeat
        }
    
        div.menu-6, div.menu-6-selected, div.menu-6-eng, div.menu-6-eng-selected{
            position: absolute;
            top: 0px;
            left: 506px;
            width: 64px;
            height: 80px;
            background: url("../Gfx/menu/menu_06.jpg") no-repeat;
            cursor: pointer
        }
        
        div.menu-6-eng{
            background: url("../Gfx/menu/menu_06_eng.jpg") no-repeat;
        }
        
        div.menu-6:hover, div.menu-6-selected{
            background: url("../Gfx/menu/menu_h_06.jpg") no-repeat
        }
        
        div.menu-6-eng:hover, div.menu-6-eng-selected{
            background: url("../Gfx/menu/menu_h_06_eng.jpg") no-repeat
        }
                
/*-------------------------------------------------------------------------------------------------
INFO ELEMENTS
-------------------------------------------------------------------------------------------------*/

div#info-wrap{
    position: relative;
    top: -10px;
    left: 0px;
    height: 150px;
    background: url("../Gfx/info_bg.jpg") no-repeat
}

    div#info-3d{
        position: absolute;
        top: 15px;
        left: 15px;
        width: 300px;
        height: 120px;
        background-color: #cccccc
    }
    
        div#info-3d div.header{
            background: url("../Gfx/info_3d_01.jpg") no-repeat;
        }
        
        div#info-3d div.footer{
            background: url("../Gfx/info_3d_02.jpg") no-repeat;
        }
    
    div#info-web{
        position: absolute;
        top: 15px;
        left: 330px;
        width: 300px;
        height: 120px;
        background-color: #cccccc
    }
    
        div#info-web div.header{
            background: url("../Gfx/info_web_01.jpg") no-repeat;
        }
        
        div#info-web div.footer{
            background: url("../Gfx/info_web_02.jpg") no-repeat;
        }
    
    div#info-show{
        position: absolute;
        top: 15px;
        left: 645px;
        width: 300px;
        height: 120px;
        background-color: #cccccc
    }
    
        div#info-show div.header{
            background: url("../Gfx/info_show_01.jpg") no-repeat;
        }
        
        div#info-show div.footer{
            background: url("../Gfx/info_show_02.jpg") no-repeat;
        }
    
    div.header{
        height: 43px
    }
    
        div.header h1{
            position: relative;
            top: 5px;
            left: 10px
        }
    
    div.footer{
        height: 78px
    }
    
        div.footer div.menu{
            position: relative;
            top: 8px;
            left: 10px;
            width: 250px;
            height: 65px;
        }
        
            div.footer div.menu ul{
                        margin: 0px;
                        padding: 0px;
                        list-style-type: none;
                        margin-bottom: 0;
                    }
                    
                        div.footer div.menu ul li{
                            margin: 0px;
                            padding: 0px;
                        }
                        
                            div.footer div.menu ul li a{
                                display:block;
                            }
                           
 /*-------------------------------------------------------------------------------------------------
CONTENT ELEMENTS
-------------------------------------------------------------------------------------------------*/

div#content-wrap{
    position: relative;
    top: -10px;
    left: -5px;
    height: 430px;
    width: 970px;
    background-color: #FFFFFF
}

    div#logoer{
        position: absolute;
        top: 15px;
        left: 15px;
        width: 620px;
        height: 400px;
        border: solid 0 #000000;
        overflow: auto
    }
    
         div#logoer div.logoitem{
            float: left;
            padding: 0px 5px 5px 0px;
        }

    div#media{
        position: absolute;
        top: 15px;
        left: 15px;
        width: 620px;
        height: 349px
    }
    
    div#media h2, div#media p, div#media a{
        color: #000000;
    }
    
    div#media a:hover{
        color: #92b12f;
    }
    
    div#media ul{
        list-style-type: square;
        margin: 5px 0 0 13px;
        padding: 0;
        color: #92b12f;
    }
    
    div#media ul li{
        
    }
    
    div#under-media{
        position: absolute;
        top: 379px;
        left: 15px;
        width: 620px;
        height: 36px
    }
        
        div#under-media div.bullet{
            position: absolute;
            top: 0px;
            left: 0px;
            width: 36px;
            height: 36px;
            border: solid 0 #FF0000;
        }
        
        div#under-media div.bullet2{
            width: 36px;
            height: 36px;
            border: solid 0 #FF0000;
            background-image: url("../Gfx/bullet.jpg")
        }
        
        div#under-media div.bullet2:hover{
            background-image: url("../Gfx/bullet_h.jpg");
            cursor: pointer;
        }
            
            div#under-media div.bullet2 a{
                display: block;
                width: 36px;
                height: 36px;
            }
        
            div#under-media div.bullet2 h2{
                position: relative;
                top: 8px;
                left: 13px
            }
            
            div#under-media div.bullet2 h2.info{
                position: relative;
                top: 8px;
                left: 4px
            }
        
        div#under-media div.text{
            position: absolute;
            top: 0px;
            left: 41px;
            width: 579px;
            height: 36px
        }
        
        div#under-media div.text p{
            color: #000000
        }
    
    div#right-wrap{
        position: absolute;
        top: 15px;
        left: 650px;
        width: 305px;
        height: 400px
    }
    
        div#right-wrap div#top{
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 43px;
            background: url("../Gfx/header.jpg") repeat-x;
        }
        
            div#right-wrap div#top h4{
                position: relative;
                top: 7px;
                left: 10px
            }
            
            div#right-wrap div#top h4.lang{
                position: relative;
                top: 0px;
                left: 10px;
                line-height: 20px
            }
        
        div#right-wrap div.content-news{
            position: absolute;
            top: 44px;
            left: 0px;
            height: 305px;
            width: 100%;
            background: #a6bc57 url("../Gfx/content-bg.jpg") repeat-x bottom left;
        }
        
            div#right-wrap div.content-news div.inner-content{
                position: absolute;
                top: 10px;
                left: 10px;
                height: 285px;
                width: 285px;
                overflow: auto;
                overflow-x: hidden;
            }
            
                
            
                div#right-wrap div#content-news div.inner-content div.news{
                    width: 250px;
                }
                
                div#right-wrap div#content-news div.inner-content div.news p{
                    font-size: 12px;
                }
                
                div#right-wrap div#content-news div.inner-content div.sp{
                    margin-bottom: 10px;
                }
                
                    
                    div.list ol{
                        margin: 5px 0px 0px 20px;
                        padding: 0;
                    }
                    
                        div.list ol li{
                            margin-bottom: 10px;
                        }
                    
        
        div#right-wrap div.content{
            position: absolute;
            top: 44px;
            left: 0px;
            height: 356px;
            width: 100%;
            background: #a6bc57 url("../Gfx/content-bg.jpg") repeat-x bottom left;
        }
        
            div#right-wrap div.content div.inner-content{
                position: absolute;
                top: 10px;
                left: 10px;
                height: 335px;
                width: 285px;
                overflow: auto;
            }
            
                div#right-wrap div.content div.inner-content div.text{
                    width: 250px;
                }
                
                    div#right-wrap div.content div.inner-content div.text div.employee{
                        width: 250px;
                        height: 65px;
                        margin-bottom: 10px
                    }
                    
                    div#right-wrap div.content div.inner-content div.text div.employee div.img{
                        float: left;
                        width: 84px;
                    }
                    
                    div#right-wrap div.content div.inner-content div.text div.employee div.text{
                        float: right;
                        width: 156px;
                    }
                
                
        
        div#right-wrap div.footer{
            position: absolute;
            top: 350px;
            left: 0px;
            height: 50px;
            width: 100%;
            background: #a6bc57 url("../Gfx/showreel.jpg") repeat-x bottom left;
        }
        
        div#right-wrap div.footer span.vs{position: absolute; top: 7px; left: 10px}
        
        div#right-wrap div.footer span.ds{position: absolute; top: 28px; left: 10px}
        
            div#right-wrap div.footer span.vs a{
                font-size: 20px;
                font-weight: bold
            }
            
       div#right-wrap div.footer div.back{
           position: absolute;
           top: 0px;
           left: 0px;
           width: 100%;
           height: 50px;
           background: url("../Gfx/back.jpg");
       }
       
       div#right-wrap div.footer div.back:hover{
           background: url("../Gfx/back_h2.jpg");
       }
                
            div#right-wrap div.content div.btn_refmenu{
                position: relative;
                top: 0px;
                left: 0px;
                height: 41px;
                width: 100%;
                background: #FFFFFF url("../Gfx/btn.jpg") no-repeat
            }
            
            div#right-wrap div.content div.btn_refmenu:hover{
                background: #FFFFFF url("../Gfx/btn_h.jpg") no-repeat
            }
            
                div#right-wrap div.content div.btn_refmenu p{
                    position: absolute;
                    top: 8px;
                    left: 10px;
                    font-size: 20px
                }
                
            div#refmenu-header{
                position: absolute;
                top: 0px;
                left: 0px;
                height: 41px;
                width: 100%;
                background: #FFFFFF url("../Gfx/btn_h.jpg") no-repeat
            }
            
                div#refmenu-header ul{
                    margin: 8px 0 0 10px;
                    padding: 0px;
                    text-align: left;
                }
                
                    div#refmenu-header ul li{
                        display: inline;
                    }
                    
                        div#refmenu-header ul li a{
                            font-size: 20px
                        }    
                
            div#right-wrap div#menu{
                position: absolute;
                top: 41px;
                left: 0px;
                width: 100%;
                height: 262px;
                overflow: auto;
                overflow-x: hidden
            }
            
            div#right-wrap div#menu ul{
                    margin: 8px 0 0 10px;
                    padding: 0px;
                    text-align: left;
                    list-style-type: none;
                }
                
                    div#right-wrap div#menu ul li{
                        margin-bottom: 5px
                    }
                    
                        div#right-wrap div#menu ul li a{
                            display: block
                        }    
            
                div#right-wrap div.content-news div#menu div.btn_refmenu{
                    position: relative;
                    top: 0px;
                    left: 0px;
                    height: 41px;
                    width: 100%;
                    background: #FFFFFF url("../Gfx/btn.jpg") no-repeat
                }
                
                div#right-wrap div.content-news div#menu div.btn_refmenu:hover{
                    background: #FFFFFF url("../Gfx/btn_h.jpg") no-repeat
                }
                
                    div#right-wrap div.content-news div#menu div.btn_refmenu p{
                        position: absolute;
                        top: 10px;
                        left: 10px;
                        font-size: 16px
                    }
                    
                    div#right-wrap div#top2{
                        position: absolute;
                        top: 0px;
                        left: 0px;
                        height: 43px;
                        width: 100%;
                        background: url("../Gfx/header.jpg") repeat-x;
                    }
                    
                    div#right-wrap div.content div#top2{
                        position: relative;
                        top: 0px;
                        left: 0px;
                        height: 44px;
                        background-color: #FFFFFF
                    }
                    
                        div#right-wrap div.content div#top2 h4{
                            position: relative;
                            top: 7px;
                            left: 10px
                        }
            
               
            
 /*-------------------------------------------------------------------------------------------------
PRODUCT ELEMENTS
-------------------------------------------------------------------------------------------------*/

div#product-wrap{
    position: relative;
    top: -10px;
    left: 0px;
    height: 154px;
    background: #FFFFFF url("../Gfx/info_bg2.jpg") no-repeat
}

    div#product-wrap div#box1{
        position: absolute;
        top: 15px;
        left: 15px;
        width: 221px;
        height: 124px;
        background-color: #000000
    }
    
    div#product-wrap div#box2{
        position: absolute;
        top: 15px;
        left: 251px;
        width: 221px;
        height: 124px;
        background-color: #000000
    }
    
    div#product-wrap div#box3{
        position: absolute;
        top: 15px;
        left: 488px;
        width: 221px;
        height: 124px;
        background-color: #000000
    }
    
    div#product-wrap div#box4{
        position: absolute;
        top: 15px;
        left: 724px;
        width: 221px;
        height: 124px;
        background-color: #000000
    }
            
        
 /*-------------------------------------------------------------------------------------------------
FOOTER ELEMENTS
-------------------------------------------------------------------------------------------------*/

div#footer-wrap{
    position: relative;
    top: 0px;
    left: 0px;
    background: #CCCCCC;
    
}

    div#sitemap-1{
        position: absolute;
        top: 0px;
        left: 0px;
        width: 180px;
        height: 150px
    }
    
    div#sitemap-2{
        position: absolute;
        top: 0px;
        left: 195px;
        width: 180px;
        height: 150px
    }
    
    div#sitemap-3{
        position: absolute;
        top: 0px;
        left: 390px;
        width: 180px
    }
    
    div#sitemap-4{
        position: absolute;
        top: 0px;
        left: 585px;
        width: 180px
    }
    
    div#sitemap-5{
        position: absolute;
        top: 0px;
        left: 780px;
        width: 180px
    }
    
        div.sitemap_list{
            padding-bottom: 30px;
        }
        
            div.sitemap_list ul{
                padding: 5px 0 5px 14px;
                margin: 0px;
            }
            
                div.sitemap_list ul li{
                    color: #97b430;
                }
                
                    div.sitemap_list ul li a, div.sitemap_list ul li a:visited{
                        color: #FFFFFF;
                        text-decoration: none;
                        font-weight: normal
                    }
                    
                    div.sitemap_list ul li a:hover{
                        color: #97b430;
                    }