/*------------------------------------------------------------------------------
                       Layout and Positioning
/*----------------------------------------------------------------------------*/


/*---------------     Top Page Half     ------------*/
.top-container {
   min-height: 340px;
   margin: auto;
   padding-left: 20px;
}

.top {
   max-width: 800px;
   min-width: 800px;
   margin: 0 auto;
   padding-top: 10px;
   clear: left;
}

.top h2 {
   margin: 8px 0 10px 70px;
}

.intro-text {
  margin: 7px 5px 7px 50px;
  max-width: 685px;
}

.learn-more {
  margin: 15px auto 3px auto;
}

.top .top-divider {
   clear: both;
   height: 1px;
   margin: 20px auto 0 auto;
   width: 60%;
   padding: 0;
   line-height: 1px;
}

/*---------------  Product Buttons  ----------------*/
.product-button-container {
  float: left;
  /*margin: 0 20px 50px 0px;*/
  margin: 0 20px 20px 0px;
}

.product-button {
  width: 340px;
  height: 340px;
  margin: 15px 0 5px 35px;
}

.poker-logo {
  position: absolute;
}

.poker-logo-title {
  margin: 18px 0 0 70px;
  /**/
}

.poker-points-header {
  margin: 7px 0 3px 20px;
}

.poker-points-text {
  margin: 5px 0 0 30px;
}

.product-screenshot {
  margin: 10px auto 0 12px;
}


/*--------------- Bottom Page Half  ----------------*/
.bottom-container {
	clear: left;
   margin: auto;
   padding: 0 0 30px 34px;
}

.bottom {
   max-width: 1024px;
   margin: 0 auto;
   padding-top: 10px;
}

.bti-points-header {
  max-width: 850px;
  margin: 20px auto 1px auto;
}

.bti-points {
  max-width: 850px;
  margin: 7px auto 7px auto;
}

.top .top-divider {
  background-color: #DCDCA8;
}


/*---------------   Bottom Page Half    ------------*/
.bottom-container {
   background-color: #f5f5dd;
}

.bottom {
   text-align: left;
   color: #333333;
}


/*--------------- Poker Equation  ------------------*/
.poker-equation {
  display: block;
  clear: both;
  margin: 20px auto 0 auto;
  padding: auto;
  width: 600px;
  height: 190px;
}

.poker-equation a div {
  float: left;
  clear: none;
  height: 190px;
  margin: 0;
  padding: 0px;
  cursor: pointer;
}

.poker-equation-1 {
  width: 140px;
}

.poker-equation-2 {
  width: 200px;
}

.poker-equation-3 {
  width: 246px;
}

/*------------------------------------------------------------------------------
                               Styles and Color
/*----------------------------------------------------------------------------*/

/*------------------  Top Page Half  ---------------*/
.top h2 {
  font-size: 20px;
}

.intro-text {
  color: #555555;
  font-size: 18px;
  font-weight: 700;
}


/*---------------  Product Buttons  ----------------*/
.product-button {
  /*background-image:url(../images/home/button_square_tan.png);*/
  background-image:url(../images/home/button_square_tan.jpg);
  background-color: transparent;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.product-button-grey {
  /*background-image:url(../images/home/button_square_grey.png);*/
  background-image:url(../images/home/button_square_grey.jpg);
}

.poker-points-header {
  font-size: 12px;
  color: #222222;
  font-weight: 700;
}

.poker-points-text {
  font-size: 11px;
  font-weight: 500;
  color: #555555;
}

.product-button-container a,
.product-button-container a:link,
.product-button-container a:visited,
.product-button-container a:hover {
   text-decoration: none;
}

a .product-button,
a:link .product-button,
a:visited .product-button,
a:hover .product-button {
   background-position: 0% 0%;
   text-decoration: none;
}

a:hover .product-button {
   background-position: 0% 100%;
}


/*--------------- Bottom Page Half  ----------------*/
.bti-points-header {
  font-size: 16px;
  color: #333322;
}

.bti-points {
  color: #555544;
  font-size: 15px;
}

.bti-points a,
.bti-points a:link,
.bti-points a:visited,
.bti-points a:hover {
  color: #3e3e33;
  font-weight: 700;
  text-decoration: underline;
}

.bti-points a:hover {
  color: #333322;
  text-decoration: none;
}

.bti-points b {
  color: #333333;
}


/*--------------- Poker Equation  ------------------*/
.poker-equation a div {
  background-position: 0% 0%;
  background-color: transparent;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.poker-equation a .poker-equation-1 {
  background-image:url(../images/home/poker_equation_1.png);
}

.poker-equation a .poker-equation-2 {
  background-image:url(../images/home/poker_equation_2.png);
}

.poker-equation a .poker-equation-3 {
  background-image:url(../images/home/poker_equation_3.png);
}

.poker-equation a:hover div {
  background-position: 0% 100%;
}