html {
            height: 100%;
            }
    
    body {
                font-family: sans-serif; 
								font-size: 11px; 
								height: 100% }
                
            a { text-decoration: none;
    
            }
    
            a:active { color:#000; }

            a:link { color: #000;
                    
            }
                    
            a:visited { color: #000;
                    }
                    
                    
            a:hover { color: #999;
                    
                    }
                
    img { border: 0px; }
		
		h3 {
			font-weight: 800;
			font-size: 1.1em;
				
			
			}
			
		strong {
			font-weight: 800;
			
			}	
		
                
    #wrapper {
                padding: 10px 30px; height:100% }
                
                
    #header {
                height: 200px;
                
                }
                
                
    #main {
                height: 100%;
                
                }
                
                
    #leftmenu {
                width: 20%; float:left;
                
                }
                
                
                
                
    #leftmenu ul.outer {
                padding: 0; }
                
                
    #leftmenu ul li {
                list-style-type: none; width: 100%; float:none;}
                
                
    #leftmenu ul {
                padding: 2px 5px; }
                
                
    #maincontent {
                float: left; margin: 0px; width: 80%;}
                
                
    .sitetitle {
                font-size: 1.6em; padding: 5px 0;
                
                }
                
                
    .logo {
                background: url('../img/vimmi_logo.png') no-repeat;
                height:146px; width: 146px;
                margin: 10px 0;
                }
                
                
                
    .box {
                float: left; width: 252px; height: 252px; padding: 5px; border:
                0px;}
													
                
    #intro {
			width: 800px;
			height: auto;
			margin: 0 auto;
			
			
			}      
			
		#textmynd {
			width: 800px;
			height: auto;
			margin: 0 auto;
			padding-top: 20px;
			padding-bottom: 30px;
			
			}	      
             
       
.lb-outerContainer {
    max-width: 920px; max-height: 800px;
}

.lb-dataContainer {
    max-width: 920px; /* For the text below image */ padding-top: 20px;
}

.lb-container {
            overflow-y: hidden; overflow-x: scroll;
}

#overlay{
            width: 96%;
            height: 96%;
            left: 2%;
            top: 2%;
            z-index: 10000;
            position: absolute;
            background-color: #cccccc;
            display: none;
            opacity: 0.85;
}

#contentoverlay{
            display: none;
            width: 94%;
            left: 3%;
            top: 30px;
            position: absolute;
            z-index: 10001;
            height:100%;
}

#imgoverlay{
            width: 98%;
            height: 75%;
            max-height: 608px;
            overflow-y: hidden;
            overflow-x: scroll;
            left: 1%;
            top: 10px;
            position: absolute;
            z-index: 10002;
}

#imgoverlay img { height: 100%;}

#textoverlay {
            width: 98%;
            height: 100%;
            left: 1%;
            top: 78%;
            position: absolute;
            z-index: 10002;
            color: #333333;
    }
    
#overlayvideo {
            display: none;
            width: 98%;
            height: 92%;
            overflow-y: hidden;
            overflow-x: hidden;
            left: 1%;
            top: 10px;
            position: absolute;
            z-index: 10002;}

.col1 { width: 25%; font-size: 1.1em; float:left;}
.col2 { width: 50%; font-size: 1.1em; float:left; padding: 0 20px;}

#contact {
	font-size: 1.1em;
	
	}


@font-face {
	font-family: din_regular;
	src: url("din_regular.t1") url("din_regular") format("truetype");
	
	}
	
@font-face {
    font-family: 'originbold';
    src: url('origin-webfont.eot');
    src: url('origin-webfont.eot?#iefix') format('embedded-opentype'),
         url('origin-webfont.woff') format('woff'),
         url('origin-webfont.ttf') format('truetype'),
         url('origin-webfont.svg#originbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* The scrollbars */
::-webkit-scrollbar {
    width: 12px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

.overlaywrapper { width: 96%; height: 800px; left: 2%; top: 2%; z-index: 10000; position: absolute; background-color: #cccccc; } 
    
    @media screen and (max-width: 480px) { #wrapper { } #leftmenu { width: 100%;
    float:left;} .inner { display: none;} #leftmenu ul li { list-style-type:
    none; float:left; width:25%;} #maincontent { float: left; margin: 0px;
    width: 100%;} #imgoverlay{ height: 65%} #textoverlay { top: 68%;} .col1 { width: 25%; float:left; font-size: 0.8em;}.col2 { width: 65%; float:left; padding: 0 10px;font-size: 1em;} #contentoverlay{ top: 10px;}}