/* 
	LEVEL ONE
*/

ul.dropdown {
  position: relative;
  display: block;
  top: 242px; 
  height: 50px; 
  color: fff; 
  width: 982px;
  margin: 0 auto;
}

ul.dropdown li  {
  font-weight: bold;
  float: left;
  display: block;
  text-align: left;
  position: relative;
  margin-right: 32px;
}

ul.dropdown li.hover, ul.dropdown li:hover {
  position: relative;
}

ul.dropdown li a {
  display: block;
  position: relative;
  color: #fff;
  float: left;
}

/* 
	LEVEL TWO
*/

ul.dropdown ul {
  width: 230px;
  visibility: hidden;
  position: absolute; 
  top: 100%;
  text-align: left;
  height: auto;
  border: none;
}

ul.dropdown ul li {
  font-weight: normal;
  float: none;
  width: 100%;
}

/* IE 6 & 7 Needs Inline Block */

ul.dropdown ul li a {
  width: 100%;
  display: inline-block;
  height: 30px;
  font-size: 13px;
  line-height: 30px;
  background: #216282;
  text-indent: 10px;
}

ul.dropdown ul li a:hover {
  background: #004566;
}

/* Normal State */

ul.dropdown li#home-btn {
  background: url(../images/buttons/home.png) top left no-repeat;
  width: 92px;
  height: 50px;
}

ul.dropdown li#home-btn a {
  width: 92px;
  height: 50px;
}

ul.dropdown li#management-btn {
  background: url(../images/buttons/management.png) top left no-repeat;
  width: 192px;
  height: 50px;
}

ul.dropdown li#management-btn a {
  width: 192px;
  height: 50px;
}

ul.dropdown li#gmn-btn {
  display: none;
  background: url(../images/buttons/gmn.png) top left no-repeat;
  width: 266px;
  height: 50px;
}

ul.dropdown li#gmn-btn a {
  width: 266px;
  height: 50px;
}

ul.dropdown li#marketnews-btn {
  display: none;
  background: url(../images/buttons/marketnews.png) top left no-repeat;
  width: 200px;
  height: 50px;
}

ul.dropdown li#marketnews-btn a {
  width: 200px;
  height: 50px;
}

ul.dropdown li#projects-btn {
  background: url(../images/buttons/projects.png) top left no-repeat;
  width: 140px;
  height: 50px;
}

ul.dropdown li#projects-btn a {
  width: 140px;
  height: 50px;
}

ul.dropdown li#investors-btn {
  background: url(../images/buttons/investors.png) top left no-repeat;
  width: 150px;
  height: 50px;
}

ul.dropdown li#investors-btn a {
  width: 150px;
  height: 50px;
}

ul.dropdown li#news-btn {
  background: url(../images/buttons/news.png) top left no-repeat;
  width: 86px;
  height: 50px;
}

ul.dropdown li#news-btn a {
  width: 86px;
  height: 50px;
}

ul.dropdown li#contact-btn {
  background: url(../images/buttons/contact.png) top left no-repeat;
  width: 125px;
  height: 50px;
}

ul.dropdown li#contact-btn a {
  width: 125px;
  height: 50px;
  margin-right: 0;
}

/* Hover State */

ul.dropdown li#home-btn:hover {
  background: url(../images/buttons/home.png) top right no-repeat;
}

ul.dropdown li#management-btn:hover {
  background: url(../images/buttons/management.png) top right no-repeat;
}

ul.dropdown li#gmn-btn:hover {
  background: url(../images/buttons/gmn.png) top right no-repeat;
}

ul.dropdown li#marketnews-btn:hover {
  background: url(../images/buttons/marketnews.png) top right no-repeat;
}

ul.dropdown li#projects-btn:hover {
  background: url(../images/buttons/projects.png) top right no-repeat;
}

ul.dropdown li#news-btn:hover {
  background: url(../images/buttons/news.png) top right no-repeat;
}

ul.dropdown li#investors-btn:hover {
  background: url(../images/buttons/investors.png) top right no-repeat;
}

ul.dropdown li#contact-btn:hover {
  background: url(../images/buttons/contact.png) top right no-repeat;
}

/* Current State */

body.home ul.dropdown li#home-btn {
  background: url(../images/buttons/home.png) top right no-repeat;
}

body.management ul.dropdown li#management-btn {
  background: url(../images/buttons/management.png) top right no-repeat;
}

body.gmn ul.dropdown li#gmn-btn {
  background: url(../images/buttons/gmn.png) top right no-repeat;
}

body.marketnews ul.dropdown li#marketnews-btn {
  background: url(../images/buttons/marketnews.png) top right no-repeat;
}

body.projects ul.dropdown li#projects-btn {
  background: url(../images/buttons/projects.png) top right no-repeat;
}

body.news ul.dropdown li#news-btn {
  background: url(../images/buttons/news.png) top right no-repeat;
}

body.investors ul.dropdown li#investors-btn {
  background: url(../images/buttons/investors.png) top right no-repeat;
}

body.contact ul.dropdown li#contact-btn {
  background: url(../images/buttons/contact.png) top right no-repeat;
}