/* HEADER */
#feature-header {
  position: relative;
  display:block;
  width: 978px;
  height: 310px;
  margin: 0px auto;
  padding: 0px;
  background: url("/web/20130113031913oe_/http://maps.google.com/help/maps/helloworld/images/travel/feature_header_bg.jpg");
  border-bottom: 1px solid #eff0f0;
}

#feature-header .content {
  display: block;
  margin: 46px 0px 0px 504px;
  padding-top: 75px;
}

#feature-header .content h3 {
  position: relative;
  color: #666666;
  font-size: 30px;
  font-weight: 400;
}

#feature-header .hero {
  position: absolute;
  left: 40px;
  bottom: 10px;
}

#feature-header img {
  position: absolute;
  bottom: 0;
  left: 30px;
}

#feature-header .content span {
  display: block;
  margin: 10px 0px 10px 0px;
  width: 390px;
  font-size: 16px;
  font-weight: 400;
  padding: 0px;
  line-height: 19px;
  color: #929292;
}

#feature-header .header-arrow{
  display:block;
  width: 17px;
  height: 9px;
  background-image: url("/web/20130113031913oe_/http://maps.google.com/help/maps/helloworld/images/travel/feature_header_arrow.png");
  position: absolute;
  left: 50%;
  margin-left: -9px;
  bottom:-9px;
  z-index: 666;
}

/* FEATURE LIST */
#feature-list h4 {
  position: relative;
  color: #525252;
  font-size: 30px;
  font-weight: 400;
  padding-top: 62px;
}

#feature-list p {
  display: block;
  margin: 10px 0px 10px 0px;
  font-size: 14px;
  font-weight: 200;
  padding: 0px;
  line-height: 19px;
}

#feature-list ul{
  border-top: 1px solid #eff0f0;
  padding-top: 25px;
}

#feature-list .seperator{
  border-top: 1px solid #eff0f0;
}

#feature-list ul li{
  display: block;
  position: relative;
  float: left;
  height: 150px;
  width: 230px;
  padding-left: 90px;
  background: url("/web/20130113031913oe_/http://maps.google.com/help/maps/helloworld/images/platforms/platform-sprites.png") no-repeat;
}

#feature-list ul li span{
  position: absolute;
  width: 67px;
  height: 67px;
  display: block;
  top: 10px;
  left: 5px;
  background: url("/web/20130113031913oe_/http://maps.google.com/help/maps/helloworld/images/platforms/platform-sprites.png") 0px 0px no-repeat;
}

#feature-list ul li h5{
  position: relative;
  color: #525252;
  font-size: 16px;
  font-weight: 700;
  padding-top: 10px;
}

#feature-list ul li p {
  display: block;
  margin: 0px;
  font-size: 12px;
  font-weight: 200;
  padding: 5px 20px 0px 0px;
  line-height: 15px;
  color: #929292;
}
#feature-list ul li a {
  font-size: 12px;
  display: block;
  margin-top: 10px;
}

.icon-walking{
  background-position: -4px -151px !important;
}

.icon-transit{
  background-position: -76px -151px !important;
}

.icon-biking{
  background-position: -148px -151px !important;
}

.icon-mylocation{
  background-position: -220px -151px !important;
}

.icon-navigation{
  background-position: -292px -151px !important;
}

.icon-indoors{
  background-position: -364px -151px !important;
}

.icon-streetview{
  background-position: -4px -222px !important;
}

.icon-satellite{
  background-position: -76px -222px !important;
}

.icon-search{
  background-position: -148px -222px !important;
}

.icon-business{
  background-position: -220px -222px !important;
}

.icon-voicesearch{
  background-position: -292px -222px !important;
}

.icon-mymaps{
  background-position: -364px -222px !important;
}


.icon-local{
  background-position: -4px -293px !important;
}

.icon-panoramio{
  background-position: -76px -293px !important;
}

.icon-addplaces{
  background-position: -148px -293px !important;
}

.icon-editmaps{
  background-position: -220px -293px !important;
}

.icon-realtimetraffic{
  background-position: -292px -293px !important;
}

.icon-offlinemaps{
  background-position: -364px -293px !important;
}

.icon-offers{
  background-position: -4px -364px !important;
}

.icon-sync{
  background-position: -76px -364px !important;
}

.icon-locationhistory{
  background-position: -148px -364px !important;
}

.icon-directions{
  background-position: -220px -364px !important;
}

.icon-earth{
  background-position: -292px -364px !important;
}

.icon-mobiledirections{
  background-position: -365px -364px !important;
}

.icon-mobilemaps{
  background-position: -365px -435px !important;
}

.icon-businessphotos{
  background-position: -292px -435px !important;
}

.icon-starredplaces{
  background-position: -220px -435px !important;
}


/* FOOTER */
#feature-footer {
  text-align: center;
  margin-top: 60px;
}

#feature-footer a {
  display: inline-block;
  padding: 0px 50px 0px 0px;
  background: url('/web/20130113031913oe_/http://maps.google.com/help/maps/helloworld/images/sprites/button_circle.png') right -1px no-repeat;
  line-height: 35px;
  color: #949292;
}

#feature-footer a:hover {
  background-position: right -38px;
  color: #1155CC;
}