* { padding: 0; margin: 0; }
body { background: #242424; }


/* GLOBALS */

body {
  font-family: arial, verdana, sans-serif;
  font-size: 13px;
  color: #d4d4d4; }

p {
  line-height: 150%; }

a {
  color: #006851;
  text-decoration: none; }

.sep {
  padding: 0px 5px 0px 5px;
  color: #00c298; font-weight: bold; }


/* MAIN DIVS */

#wrap {
  width: 100%; }

#topline {
  width: 100%; height: 5px;
  background: #006851; }
  
#promo {
  width: 100%; height: 605px;
  background: #fff url('gfx/bg_gr_promo.png') bottom repeat-x; }

#footer {
  width: 100%; min-height: 130px;
  background: #242424 url('gfx/bg_gr_footer.png') top repeat-x; }


/* PROMO*/

#promoSelector {
  width: 200px; height: 10px; margin: 0 auto;
  text-align: center; padding-top: 20px; padding-left: 40px; }

#promoSelector .element {
  width: 10px; height: 10px; float: left; cursor: pointer;
  background: #7eb2a7; margin: 0 auto; margin: 0px 5px 0px 5px; }

#promoSelector .element.selected {
  background: #006851; }
  
 
#promoNavigation {
  width: 100px; margin: 0 auto;}

#promoPrev {
  width: 16px; height: 17px; position: absolute;
  margin: 270px 0px 0px -420px; cursor: pointer;
  background: url('gfx/promo_prev_tr.png') no-repeat; }

#promoNext {
  width: 16px; height: 17px; position: absolute;
  margin: 270px 0px 0px 505px; cursor: pointer;
  background: url('gfx/promo_next_tr.png') no-repeat; }

#promoSlide {
  width: 900px;
  margin: 0 auto; }

.promoContent {
  width: 900px; margin: 0 auto;
  padding-top: 40px; }
  
.promoContent .img {
  height: 575px;
  float: left; width: 370px; }

.promoContent .img img {
  float: right; }

.promoContent .about {
  float: right; width: 470px;
  padding: 200px 0px 0px 0px; }

.promoContent .footer {
  width: 100%; clear: both; }
  
  
  
/* Tass1 Recording */

.promoContent .about .txtTass1 {
  width: 334px; height: 197px; text-indent: -9999px;
  margin: -80px 0px 25px 0px;
  background: url('gfx/txt_tass1_tr.png') no-repeat;
  padding: 0px 0px 8px 0px; }

.promoContent .about .txtTass1Link {
  width: 349px; height: 18px; text-indent: -9999px;
  background: url('gfx/txt_tass1link_tr.png') 0px 0px no-repeat;
  cursor: pointer; }
.promoContent .about .txtTass1Link:hover{
  background: url('gfx/txt_tass1link_tr.png') 0px -18px no-repeat; }
  


/* Skillcorn */

.promoContent .about .txtSkillicorn {
  width: 325px; height: 124px; text-indent: -9999px;
  margin: -60px 0px 25px 0px;
  background: url('gfx/txt_skillicorn_tr.png') no-repeat;
  padding: 0px 0px 8px 0px; }

.promoContent .about .txtSkillicornLink {
  width: 335px; height: 18px; text-indent: -9999px;
  background: url('gfx/txt_skillicorn_link_tr.png') 0px 0px no-repeat;
  cursor: pointer; }
.promoContent .about .txtSkillicornLink:hover{
  background: url('gfx/txt_skillicorn_link_tr.png') 0px -18px no-repeat; }

  
/* BPG App */

.promoContent .appStoreBpg {
  margin-top: 100px; cursor: pointer;
  width: 140px; height: 94px;
  background: url('gfx/appstore.png') no-repeat;  }

.promoContent .about .txtAppFuture{
  width: 342px; height: 22px; text-indent: -9999px;
  background: url('gfx/txt_appfuture_tr.png') no-repeat;
  padding: 0px 0px 8px 0px; }
  
.promoContent .about .txtDevelop {
  width: 301px; height: 23px; text-indent: -9999px;
  background: url('gfx/txt_develop_tr.png') no-repeat;
  padding: 0px 0px 15px 0px; }
  
.promoContent .about .txtBpgApp {
  width: 257px; height: 18px; text-indent: -9999px;
  background: url('gfx/txt_bpgapp_tr.png') 0px 0px no-repeat;
  cursor: pointer; }
.promoContent .about .txtBpgApp:hover{
  background: url('gfx/txt_bpgapp_tr.png') 0px -18px no-repeat; }


/* FeedCorm App */

.promoContent .appStoreFeedCorm {
  margin-top: 97px; cursor: pointer;
  width: 140px; height: 94px;
  background: url('gfx/appstore.png') no-repeat;  }

.promoContent .about .txtFeedCorm1{
  width: 317px; height: 23px; text-indent: -9999px;
  background: url('gfx/txt_feedcorm1_tr.png') no-repeat;
  padding: 0px 0px 8px 0px; }
  
.promoContent .about .txtFeedCorm2 {
  width: 302px; height: 24px; text-indent: -9999px;
  background: url('gfx/txt_feedcorm2_tr.png') no-repeat;
  padding: 0px 0px 15px 0px; }
  
.promoContent .about .txtFeedCorm3 {
  width: 304px; height: 19px; text-indent: -9999px;
  background: url('gfx/txt_feedcorm3_tr.png') 0px 0px no-repeat;
  cursor: pointer; }
.promoContent .about .txtFeedCorm3:hover{
  background: url('gfx/txt_feedcorm3_tr.png') 0px -20px no-repeat; }

.promoContent .about .txtFeedCorm4 {
  width: 338px; height: 19px; text-indent: -9999px;
  background: url('gfx/txt_feedcorm4_tr.png') no-repeat;
  padding: 0px 0px 0px 0px; }


/* FOOTER */

#footerContent {
  width: 900px; margin: 0 auto;
  padding-top: 30px; }

#footerContent .logo {
  float: left; width: 370px; height: 80px;
  padding: 10px 29px 0px 0px;
  border-right: 2px solid #006851; }

#footerContent .logo img {
  float: right; }

#footerContent .about {
  padding: 10px 0px 0px 0px;
  width: 470px;
  float: right; }

#footerContent .footer {
  width: 100%; clear: both; }