/* Homepage typography */
#homepage h1 {
  font:                   bold 350%/.7em "Lucida Sans", "Lucida Grande", "Gill Sans", "Gill Sans Std", Helvetica, "Trebuchet MS", Arial, Verdana, sans-serif;
  letter-spacing:         -.085em;
  text-transform:         uppercase;
  text-align:             right;
}
#homepage h1 strong {
  font-weight:            bold;
  white-space:            nowrap;
}

#homepage h2 {
  font-size:              115%;
}

#homepage #summary p {
  font-size:              90%;
  line-height:            1.2em;
}

#homepage #summary h2, 
#homepage #summary p {
  text-align:             right;
}

#summary object p {
  font-size:              70%;
  text-align:             justify;
}

#homepage h3 {
  font-size:              72%;
  text-align:             center;
}

#homepage h3 a {
  text-decoration:        none; 
}

#homepage h3 em {
  font-weight:            bold;
  font-style:             normal;
  font-size:              150%;
  text-transform:         uppercase;
}

#homepage ul li {
  list-style:             none;
  font-size:              92%;
}

#homepage ul img {
  font-style:             italic;
  font-size:              70%;
}

#details_videos p {
  font-size:                80%;
}
/* /Homepage typography */


/* Homepage layout */
#homepage {
  padding:              0 25px;
  margin-top:           -35px;
}
#homepage h1 {
  width:                  50%;
  padding:                .5em 3px 3px 3px;
  margin-bottom:          -2.2em;
  position:               relative;
  z-index:                1;
}

#homepage h2 {
  clear:                  both;
  margin:                 1.5em 0;
}

#homepage #summary {
  width:                  810px;
  height:                 265px;
  padding:                20px 60px 60px 60px;
  border:                 none;
  position:               relative; 
}

#homepage #summary h2, 
#homepage #summary p {
  float:                  left;
  width:                  50%;
  margin-right:           5%;
}

#homepage #summary h2 {
  margin-top:             100px;
  margin-bottom:          15px;
}
#homepage #summary p {
  padding:                0;
}

#homepage #summary p strong {
  padding-right:          15px;
}

#homepage #summary #presenting_beonthenet {
  display:                block;
  width:                  45%;
  border:                 2px solid #FFF;
  position:               absolute;
  top:                    20px;
  right:                  60px;
}
#homepage #summary > #presenting_beonthenet {
  width:                  39%;
}

#homepage #summary #presenting_beonthenet img {
  width:                  100%;
  display:block;
}

#homepage h3 {
  width:                  286px;
  height:                 46px;
  margin:                 -32px auto 1.5em auto;
  position:               relative;
  z-index:                1;
}
#homepage > h3 {
  margin-top:             -27px;
}

#homepage h3 a {
  display:                block;
  height:                 100%;
  padding-top:            10px;
}

#homepage h3 a:active {
  position:               relative;
  top:                    1px;
}

#homepage h3 em {
  display:                block;
}

#homepage ul {
  margin:                 0 40px 0 100px;
}

#homepage ul li {
  float:                  left;
  width:                  41%;
  height:                 75px;
  margin:                 0 60px 20px 0;  
}
#homepage ul > li {
  height:                 60px;
}

#details_videos li {
  list-style:               none;
  width:                    25% !important;
  height:                   200px !important;
  margin-right:             50px !important;
}
#features li.empty, #details_videos li.empty {
  display:                  none;
}

#details_videos img {
  width:                    100%;
}
/* /Homepage layout */


/* Homepage color */
#homepage h1, #homepage h1 strong {
  color:                  #A5AC27;
}

#homepage #summary {
  background:             #FFF url(http://beonthe.net/accounts/beonthe.net/images/bg_homepage_summary.png) no-repeat top;
}

#homepage #summary p strong {
  background:             transparent url(http://beonthe.net/accounts/beonthe.net/images/arrow_right.gif) no-repeat 95% 95%;
}

#homepage #summary #presenting_beonthenet:hover {
  border-color:           #277AAC;
}

#homepage h3 a {
  color:                  #FFF;
  background:             #A5AC27 url(http://beonthe.net/accounts/beonthe.net/images/button_create_account.png) no-repeat top center;
}
#homepage h3 a:hover {
  background-image:       url(http://beonthe.net/accounts/beonthe.net/images/button_create_account_hover.png);
}
#homepage h3 a:active {
  background-image:       url(http://beonthe.net/accounts/beonthe.net/images/button_create_account_active.png);
}

#homepage h3 em {
  color:                  #FFF;
  background:             none;
}

#homepage h3 a:active, 
#homepage h3 a:active em {
  color:                  #EEE;
}

#homepage ul img {
  color:                  #999;
}
/* /Homepage color */