*{
    margin:0;
    padding:0;
    font-family:Arial,sans-serif;
}

body, html{
    margin:0;
    padding:0;
    text-align:center;    
    background-color:#ececec;
   background-image: url(bg.jpg);
   background-position:center;
   background-repeat:repeat-y;
}

body{
   background-image: url(bg.jpg);
   background-position:center;
   background-repeat:repeat-y;
}

a{
    color:#9f0038;
    text-decoration:none;
    font-size:12px;
}
    a:hover{
        color:#9f0038;
        text-decoration:underline;
        font-size:12px;
    }

a img{
    border:0;
}

p{
   text-align:justify;
   color:black;
   font-size:12px;
   padding:0 50px;
}

h1{
   text-align:left;
   font-size:12;
   color:#7a032a;
   padding: 5px 2px 5px 50px;
}

h2{
   font-size:12;
   color:#7a032a;
   padding: 5px 50px;
}

h3{
   text-align: left;
   font-size:12;
   padding:0 0 0 50px;
}

h4{
   text-align: left;
   font-size:12;
}

h5{
   text-align:left;
}

h6{
   padding: 0 0 0 20px;
}

#header{
   height:279px;
}

#container{
    width:800px;
    margin:0 auto;
    padding:40px 0;
}

#headline img{
    float:left;
    margin: 0 0 0 4px;
}

#gallery_in{
   height:466px;
   width:700px;
   border:2px solid #7a032a;
   margin: 0 50px;
}

#gallery_in img{
    margin: 350px 0 0 300px;
}

#go{
   background-color:#e7e7e7;
}

#go p{
padding: 5px 50px;
}

#gallery img{
   border: 2px solid #7a032a;
}

#footer{
   width:800px;
   height:58px;
   margin:0 auto;
   background-image: url(bottom_bg.jpg);
   background-position:center;
   background-repeat:repeat-x;
}

#footer ul{
    width:750px;
    margin:0 auto;    
}

#footer p{
    color:#ffffff;
    padding: 15px 20px 0 0;
}

#footer img{
    border: 0;
}

#block{
   height:100%;
   min-height:100%;
}

#gallery_list{
text-align:left;
}

#galery_1{
 position:absolute;
 top: 0;
 left: 50px;
 padding: 5px;
 border:2px solid #9f0038;
 height: 200px;
 width:200px;
 background-color:#fff;
}

#galery_2{
 position:absolute;
 top: 0;
 left: 290px;
 padding: 5px;
 border:2px solid #9f0038;
 height: 200px;
 width:200px;
 background-color:#fff;
}

#galery_3{
 position:absolute;
 top: 0;
 left: 530px;
 padding: 5px;
 border:2px solid #9f0038;
 height: 200px;
 width:200px;
 background-color:#fff;
}

#galery_4{
 position:absolute;
 top: 240;
 left: 50px;
 padding: 5px;
 border:2px solid #9f0038;
 height: 200px;
 width:200px;
 background-color:#fff;
}

#galery_5{
 position:absolute;
 top: 240;
 left: 290px;
 padding: 5px;
 border:2px solid #9f0038;
 height: 200px;
 width:200px;
 background-color:#fff;
}

#galery_6{
 position:absolute;
 top: 240;
 left: 530px;
 padding: 5px;
 border:2px solid #9f0038;
 height: 200px;
 width:200px;
 background-color:#fff;
}

#galery_7{
 position:absolute;
 top: 480;
 left: 50px;
 padding: 5px;
 border:2px solid #9f0038;
 height: 200px;
 width:200px;
 background-color:#fff;
}

#galery_8{
 position:absolute;
 top: 480;
 left: 290px;
 padding: 5px;
 border:2px solid #9f0038;
 height: 200px;
 width:200px;
 background-color:#fff;
}

#galery_9{
 position:absolute;
 top: 480px;
 left: 530px;
 padding: 5px;
 border:2px solid #9f0038;
 height: 200px;
 width:200px;
 background-color:#fff;
}

#galery_image img{
 max-height: 180px;
 max-width: 200px;
 width: 200px;
}

#galery_image_hk{
 text-align:center;
}

#galery_image_hk img{
 max-height: 180px;
 max-width: 200px;
height: 150px;
}

#galery_text{
 position:absolute;
 bottom: 5px;
 border-top:1px solid #000;
}

/* ----- NAVIGATION ----- */

#navigation ul img{
    float: left;
    margin: 4px 10px 0 0;
}

#navigation ul{
    width:750px;
    height:280;
    margin:0 auto;
}

#navigation li{
        float:left;
        clear:none;
        list-style:none;
        margin: 224px 0 1px 0;
}

#active{
        border-left:1px solid #ffffff;
}

#navigation li a{
        color:#fff;
        display:block;
        font-size:12px;
        text-decoration:none;
        font-weight:bold;
        padding:19px 23px;
    }
    #navigation li a:hover{
        color:#9f0038;
    }

#topnavi{
   list-style-position:inside;
}

#topnavi ul{
   margin: 0 60px;
   float: left;
}

#topnavi li{
   text-align:right;
   list-style-type: none;
   margin:5px 5px;
   padding: 0 5px 0 0;
   font-size:12px;
   border-left:1px dashed #e7e7e7;
   border-right:1px dashed #e7e7e7;
}

.clear{
    clear:both;
}