#headbar {
  background:#000000;
  width: 100%;
  height: 70px;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  z-index: 50;
  color: ;
  }
  
#headbar-left {
  float: left;
  width: 30%;
  overflow: hidden;
  text-align: left;
  }
  
#footer-left {
  font-size: 10px;
  color: #555;
  text-align:left;
  padding:30px 0px 0px 30px;}
  
#headbar-center { 
  width: 40%;
  float: left;
  margin-left:auto;
  margin-right:auto;
  overflow: hidden;
  }
  
#footer-center {
  text-align: center;
  padding:20px 0px 0px 0px;}
  
#headbar-right {
  float: left;
  width: 30%;
  overflow: hidden;
  text-align: right;
  }

#footer-right {
  text-align:right;
  z-index:100;
  padding: 25px 50px 0px 0px;}


#main {
  width: 100%;
  height:100%;
  z-index: 40;
  background: #333;
  }


#main-nav > ul {
  list-style-type: none;
  padding: 0;
  border: 0px solid #999;
  position: inherit;
  bottom: 10%;
  left: 0%;
  right: 0%;

    }
    
#main-nav > ul  > li {
  background-color: #000;
  display:inline-block;
    }
    
.main-nav-sub {
  list-style-type: none;
  padding: 0;
  margin: 0;
    }
    
.main-nav-sub > li  {
  margin: 0px 8px 20px 8px;
  background-color: #fff;
  display:inline-block;
  width:200px;
  height: 70px;
  	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	transition: all .5s ease-out;
    }
    
#main-nav > ul > li > a {
  text-decoration: none;
  white-space: nowrap;
  display: inline-block;
  color: #555;
  font-family: lucida sans, arial;
  font-size: 10px;
  padding: 0px 20px;
  	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	transition: all .5s ease-out;
  }
  
.main-nav-sub > li > a {
  text-decoration: none;
  white-space: nowrap;
  display: inline-block;
  color: #000;
  font-family: century gothic;
  letter-spacing: 5px;
  font-size: 12px;
  text-transform: uppercase;
  padding: 30px 0px 0px 0px;
  width:200px;
  height: 70px;
  -webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	transition: all .5s ease-out;
    }
    
#main-nav > ul > li:hover > a {
  color: #FFF;
  background-color: #000;
    }
    
.main-nav-sub > li:hover > a {
  color: #FFF;
    }
    
.main-nav-sub > li:hover {
  background-color: #999;
    }
    
    /* NOTE: THIS IS WHERE THE DROP-DOWN BECOMES A DROP-UP */
.main-nav-sub {
  position: absolute;
  left:0%;
  right: 0%;
  bottom: 100%;
  z-index: -10;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s linear;
    }
    
#main-nav > ul > li:hover > .main-nav-sub {
  z-index: 10;
  visibility: visible;
  opacity: 1;

    }