/* ------------------------------------------*/
/* ------------- Home Page       ------------*/
/* ------------------------------------------*/

/* Columns */
body#home #main {
  width: 400px;
}

body#home #right {
  float: left;
  width: 117px;
}

/* Intro text */
body#home #main p.intro {
  background: transparent url('../images/btfa-intro.gif') 0 0 no-repeat;
  width: 400px;
  height: 115px;
  margin-top: 8px;
}

body#home #main p.intro span {
  display: none;
}

body#home #main p.intro span#more {
  height: 96px;
  width: 400px;
  display: block;
  border: 1px solid white;
}

body#home #main p.intro span#more a {
  margin-top: 71px;
  height: 25px;
  width: 400px;
  display: block;
  background: transparent url('../images/btfa-more.gif') 0 0 no-repeat;
}

body#home #main p.intro span#more a:hover {
  background: transparent url('../images/btfa-more.gif') 0 -25px no-repeat;
}

/* Join us */
body#home #right p.join {
  height: 96px;
  width: 97px;
  margin: 15px 0 0 20px;
}

body#home #right p.join a {
  height: 96px;
  width: 97px;
  display: block;
  background: transparent url('../images/btfa-join.gif') 0 0 no-repeat;
}

body#home #right p.join a:hover {
  background: transparent url('../images/btfa-join.gif') 0 -96px no-repeat;
}

body#home #right p.join a span {
  display: none;
}

/* Questions */
body#home ul.questions {
  background: transparent url('../images/home-questions-bg.jpg') 0 0 no-repeat;
  width: 400px;
  height: 195px;
}

body#home ul.questions li {
  list-style: none;
  width: 93px;
  height: 195px;
  float: left;
  padding: 0;
  margin: 0 9px 0 0;
}

body#home ul.questions li a span {
  display: none;
}

body#home ul li.why {
  margin: 0; 
}

body#home ul li.which a {
  margin-top: 78px;
  height: 117px;
  width: 93px;
  display: block;
  background: transparent url('../images/which.gif') 0 0 no-repeat;
}

body#home ul li.which a:hover {
  background: transparent url('../images/which.gif') 0 -117px no-repeat;
}

body#home ul li.how a {
  margin-top: 78px;
  height: 117px;
  width: 93px;
  display: block;
  background: transparent url('../images/how.gif') 0 0 no-repeat;
}

body#home ul li.how a:hover {
  background: transparent url('../images/how.gif') 0 -117px no-repeat;
}

body#home ul li.what a {
  margin-top: 78px;
  height: 117px;
  width: 93px;
  display: block;
  background: transparent url('../images/what.gif') 0 0 no-repeat;
}

body#home ul li.what a:hover {
  background: transparent url('../images/what.gif') 0 -117px no-repeat;
}

body#home ul li.why a {
  margin-top: 78px;
  height: 117px;
  width: 93px;
  display: block;
  background: transparent url('../images/why.gif') 0 0 no-repeat;
}

body#home ul li.why a:hover {
  background: transparent url('../images/why.gif') 0 -117px no-repeat;
}