body{
    height:100%;
}

html{
    height:100%;
}

#page{
    min-width: 1000px;
    max-width: 1300px;
    margin: 0px auto;
    position: relative;
    width: 80%;
    min-height: 650px;
    height:100%;
}

#header{
    position: relative;
    width: 100%;
    min-width: 1000px;
    height:auto;
    overflow: hidden;
}

#header #logoHeader{
    position: relative;
    height: 100px;
    float: left;
    margin: 10px;
    margin-top: 20px;
}

#header #logo{
    height: 100%;
}


#header #menu{
  margin-top: 15px;
  font-size: 12px;
  position: relative;
  overflow: hidden;
}

.separationLine{
    width: 1px;
    background-color: #929497;
}

#header #verticalLine{
    float: left;
    height: 110px;
    margin: 10px;
    width: 1px;

}

#horizontalLine{
    float: left;
    height: 1px;
    width: 100%;
}

#header #menu{
  float: left;
  margin-top: 25px;
  font-size: 12px;
  position: relative;
  overflow: hidden;
}

#header .menuItem{
    margin: 8px;
    color: #929497;
    width: 100%;
}

#header .menuItem:hover{
  color:black;
}

#header #title{
    color: #929497;
    position: absolute;
    right: 0px;
    bottom: 10px;
    font-size: 38px;
    font-family: 'CenturyGothic', sans-serif;
}

#footer{
    position: absolute;
    height: auto;
    overflow: hidden;
    bottom: 10px;
    right: 0px;
    width: 100%;
}

/*
#footerDummy{
    height: 68px;
    position:relative;
    overflow:hidden;
}*/

#footer #footerContent{
    position: relative;
    float: right;
    display: inline-block;
    color: #929497;
    margin: 10px 0px;
    width:100%;
}

#footer .footerItem{
    float: left;
    position: relative;
    overflow:hidden;
    height: auto;
    width: auto;
}

#footer .socialLogos{
    height: 25px;
    width: 25px;
    margin: 0px 10px;
}

#footer #facebookColorLogo{
    position: absolute;
    top:0px;
}

#footer #instagramColorLogo{
    position: absolute;
    top:0px;
}

#instagramColorLogo{
    opacity:0;
}

#facebookColorLogo{
    opacity:0;
}



#header .projectInfo{
  color: black;
  float:right;
  margin-left: 5px;
  font-size: 12px;
}

#header .projectTitle{
  color: #929497;
  float:right;
}

#header #headerContent{
  position:relative;
  overflow:hidden;
  height:auto;
  float:right;
}

#header #projectDescription{
  margin-top: 20px;
  font-size: 12px;
  position: relative;
  overflow: hidden;
  float: right;
  width: auto;
  
}

#header #projectImage{
    position: relative;
    height: 80px;
    width: 120px;
    float: right;
    margin: 10px;
    margin-top: 30px;
}

#header #prjImg{
    height: 100%;
}

#header .auxTitles{
    margin: 10px;
    position: relative;
    height:auto;
    overflow: hidden;
}
#layoutProjectName{
    position: relative;
    float: left;
    font-size: 12px;
    text-align: left;
    width: 300px;
}
#facebookLink{
        position: relative;
    display: block;
    float: right;
    display: block;
}
#instagramLink{
        position: relative;
    display: block;
    float: right;
    display: block;
}