.hd
{
  background: url(/images/bg_header.jpg) no-repeat center top;
  height: 402px;
  padding-bottom:0;
}

.title_header_home
{
  visibility: hidden;
  width: 510px;
}

.hd p
{
  color: #ffffff;
  font-size: 1.25em;
  width: 374px;
  float: left;
  padding-top: 30px;
}

.hd .logo_product
{
  position: absolute;
  top: 22px;
  right: 40px;
}

.hd .learn_more
{
  margin-left: 730px;
}

h1.yaml
{
  color: #21a6a4;
}

h1.dependency_injection a
{
  color: #f09300;
}

h1.event_dispatcher a
{
  color: #41a62a;
}

h1.output_escaping a
{
  color: #f35e7e;
}

h1.templating a
{
  color: #ec5cc9;
}

h1.request_handler
{
  color: #a84da2;
}

.components div
{
  width: 278px;
}

.components .first
{
  padding-right: 42px;
  background: transparent url(/images/sep.png) no-repeat 290px 15px;
}

.box_content div.middle
{
  padding: 0;
  padding-right: 2px;
}

.components .last
{
  padding-left: 22px;
  background: transparent url(/images/sep.png) no-repeat 0px 15px;
}

.components
{
  padding-top: 0;
}

.components h1
{
  font-size: 1.5em;
  margin: 0;
  padding: 0;
}

.components h1 a
{
  text-decoration: none;
}

.components h1 a:hover
{
  text-decoration: underline;
}

.components h2
{
  font-size: 1.1em;
  margin: 0;
  padding: 0;
}

.components p
{
  font-family: Arial, sans-serif;
  font-size: 0.8em;
}