#header { 
  background: url(../images/headergradient.png);
  height: 90px; 
}

.headernav, .headernav a {
  height: 90px;
  display: block;
}

.headernav a {
  /* ie6 3px img hack */
  margin-bottom: -3px;
}

.headernav {
  text-align: center;
}

#blue { 
  background: url(../images/bottomgradient.png); 
}

#platforms {
  margin-top: 22px;
}

#platforms h1 {
 font-size: 2.7em; 
 line-height: 1;
 margin-bottom: 0.5em; 
}

#blue, #platforms h1 {
  color: #FFFFFF;
}

.os_text {
  margin-top: 36px;
  margin-right: 30px;
  float: left;
}

.oses {
  height: 72px;
}

.oses img {
  float: left;
}

#osx_img {
  margin-left: 14px;
}

#smallnav { 
  background: #87CEFA; 
  height: 18px; 
  font-weight: bold;
  line-height: 18px;
}

#smallnav div a {
  text-align: center;
  color: #fff;
  text-decoration: none;
  display: block;
  width: 100%; /* for ie 6 & 7 */
}

#smallnav div a.selected, #smallnav div a:hover {
  background: #B2D4EF;
  color: #fff;
}

/* 
  Hacks to blueprint to get link hovers to fill from border
  to border.
*/  
#smallnav div.span-2 {
  width: 79px;
}

#smallnav div.span-3 {
  width: 119px;
}

#smallnav div.span-11 {
  width: 434px;
}

#smallnav div.last {
  width: 75px;
}

#smallnav div.span-3, #smallnav div.span-2, #smallnav div.span-11 {
  padding-right: 0px;
  margin-right: 0px;
}

#largenav a { 
  color: #FFFFFF;
  height: 18px; 
  font-weight: bold;
  line-height: 18px;
  font-size: 14px;
  text-decoration: none;
}

#largenav a:hover {
  color: #FFFFFF;
  height: 18px; 
  font-weight: bold;
  line-height: 18px;
  font-size: 14px;
  text-decoration: none;
}