﻿#menu{
    width: 225px;
    position:absolute;
    top:0px;
    left:0px;
    bottom:0px;
    background-image:url('../images/bg.png');
    color:#727272;
    overflow:hidden;
    z-index:3;
    overflow-y:auto;
}

#menu>div a{
    color:#363636;
    text-decoration:none;
    font-weight:300;
    font-size: 0.89em;
}

#logoOpen{
    position: absolute;
    top: 65px;
    left: 50%;
    z-index: 10;
    width: 162px;
    margin-left: -81px;
}

#menu>div>.top{
    margin-top:149px;
    border-bottom:1px solid #ebebeb;
    position:relative;
    line-height: 1.3em;
    font-size: 0.85em;
    font-weight:300;
}

#menu>div>.top>.whiteMark{
    height:50px;
    background-color:White;
}

#menu>div>.top>.bot{
    padding: 18px 0px;
    text-align: center;
    background-color: white;
}

#menu>div>.mid{
    padding: 14px 22px;
    border-bottom:1px solid #ebebeb;
    background-color:White;
    line-height: 2.2em;
}

#menu>div>.bot{
    line-height: 1.3em;
    font-size: 0.85em;
    font-weight: 300;
    text-align: center;
    padding:16px 0px;
    background-color:White;
}

#menu>div>.hide{
    position: absolute;
    top: 10px;
    right: 0px;
    background-color: #282828;
    color: white;
    padding: 5px 5px 5px 24px;
    cursor: pointer;
    z-index: 10;
    right: -68px;
}

#social{
    position:relative;
    bottom:16px;
    left:22px;
    right:22px;
	width: 170px;
	top: 0.5em;
}

#social img{
    width: 2em;
    margin-right: -2px;
    font-size: 14px;
    vertical-align: top;
}

#content{
    position:absolute;
    top:0px;
    left:225px;
    right:0px;
    bottom:0px;
    overflow-y: auto;
    overflow-x: hidden;
    z-index:1;
}

.clear{
    clear:both;
}

#smallMenu{
    z-index:2;
    position:absolute;
    top:20px;
    left:20px;
}

#smallMenu>.show{
    background-color: #282828;
    color: white;
    padding: 5px 5px 5px 24px;
    cursor: pointer;
    z-index: 10;
}

#lightBox{
    position:fixed;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    background-color:rgba(255,255,255,0.95);
    z-index: 10;
    display:none;
}

#lightBoxImage{
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-size:contain;
    background-position:center center;
    background-repeat: no-repeat;
}

#closeLight{
    cursor: pointer;
    position: absolute;
    top: 4%;
    right: 4%;
    background-color: #282828;
    color: white;
    padding: 10px;
    font-size: 0.9em;
    font-weight: 300;
    z-index: 10;
}