*{box-sizing:border-box;}

body{
    background-color:#bbffff;
}

.container{
    position:relative;
    margin:0px auto;
    width:1000px;
    height:1000px;
    border:solid black 1px;
}

/*I decided to start from top to bottom*/
header{
    position:absolute;
    top:0px;
    width:100%;
    height:5%;

    background-color:#232323;
}
/*Here I start from navigation bar*/
nav{
    position:fixed;
}
nav ul {
    list-style-type: none; /*it will delete dots and etc before lists*/
    margin:0px;
    padding:0px;
    overflow:hidden; /*In a case that words will be longer than box itself, nothing will happen*/
    background-color:#3b3b3b;/*#333333;*/ /*Hex number*/
    /*position:fixed;*/
    height:100%;
    width:100px;
}
nav ul li { /*Only in the navigation bar this instructions will apply*/
    /*float:left;*/ /*They will be near to each other horizontaly*/
    /*width:100px;*/

}
ul li a{
    display:block; /*Displays an element as a block element (like <p>). It starts on a new line, and takes up the whole width*/
    color: white;
    text-align: center;
    padding: 16px;
    text-decoration:none; /*noway to decorate*/
}
nav li a:hover{
    background-color: #111111;

}
/*End of my navigation bar*/

/*Here starts mu LEFT DIV MENU*/
.left{
    position:absolute;
    top:5%;

    padding:0px;
    
    width: 10%;
    height:90%;

    background-color:#3b3b3b;
}/*End of LEFT DIV*/

/*Main content*/
.content{
    position:absolute;
    top:5%;
    left:10%;
    right:20%;
    
    padding:0px;
    margin:0px auto;
    background-color:#757575;

    width:70%;
    height:90%;
    
    overflow:auto;
}
/*Right*/
.right{
    position:absolute;
    top:5%;
    left:80%;
    right:0px;

    width:20%;
    height:90%;

    background-color:lightblue;
    /*overflow:;*/
    word-wrap:break-word;
}

footer{
    position:absolute;
    bottom:0px;

    width:100%;
    height:5%;

    background-color:#232323;
    padding-bottom:0px;
}

div.map {/*for my google map*/
    padding-left:0px;
}

div.description{ /*right div's div*/
    
}