/* FONT SIZES: ONLY USE % VALUES
   px  %
   10  77
   11  85
   12  93
   13  100
   14  108
   15  116
   16  123.1
   17  131
   18  138.5
   19  146.5
   20  153.9
   21  161.6
   22  167
   23  174
   24  182
   25  189
   26  197
*/

#home_column1 {
    float: left;
    width: 23%;
    margin-top: 1em;
    margin-right: 3%;
}
#home_column2 {
    float: right;
    width: 37%;
    margin-top: 1em;
    overflow: hidden;
    margin-right: 3%;
}

#home_bottom {
    float: left;
    width: 63%;
    margin-top: 0;
    margin-right: 3%;
}

#what_is_coaching {
    margin-top: 1.6em;
}
#bullet_list {
    margin-left: 15%;
}
#h_bullet {
    margin-top: 0;
    margin-bottom: 1em;
}
.bullet {
    background-repeat: no-repeat;
    font-family: "Trebuchet MS",arial,helvetica,clean,sans-serif;
    padding-left: 2.25em;
    padding-top: 0.2em;
    height: 2.1em;
}
.odd_bullet {
	background-image: url('../images/circle_100_purple.gif');
    color: #411485;

}
.even_bullet {
    background-image: url('../images/circle_100_green.gif');
    color: #019587;
}


#sidebar_home {
    margin-top: 5.7em;
}

#contact_bar {
    background: url('../images/bar_gradient_lr.gif') repeat-y top right #666666;
    overflow: hidden;
}
#contact_bar h1 {
    font-family: 'Trebuchet MS',arial,helvetica,clean,sans-serif;
    font-size: 93%;
    letter-spacing: normal;
    color: white;
    padding: 4px 10%;
    margin: 0;
}
#contact_strapline {
    font-family: 'Trebuchet MS',arial,helvetica,clean,sans-serif;
    font-weight: bold;
    font-size: 85%;
    font-style: italic;
    color: #777777;
    margin: 0.5em 10%;
}
#contact_details {
    margin-left:10%;
    margin-top: 0.5em;
    font-family: "Trebuchet MS",arial,helvetica,clean,sans-serif;
    color: #411485;
    line-height: 1.5em;
}
#contact_text {
    margin-left:10%;
    margin-right: 10%;
    margin-top:1em;
}
#contact_submit {
    text-align:right;
    padding-right:3em;
    margin-top: 0.5em;
}
#quote_container {
    float: right;
    width: 100%;
    overflow: hidden;
    margin-top: 3em;
}
#open_quote {
    float: left;
    background-image: url('../images/quote_open.gif');
    background-repeat: no-repeat;
    width: 3em;
    height: 8em;
    margin-left: 13%;
}
#quote {
    float: right;
    background-image: url('../images/quote_close.gif');
    background-repeat: no-repeat;
    background-position: bottom right;
    padding: 1em 2.25em 0 0;
    margin-right: 2.25em;
    width: 11em;
    height: 8em;
    color: #411485;
    font-family: "Trebuchet MS",arial,helvetica,clean,sans-serif;
    font-size: 108%;
    line-height: 1.5em;
}

/* Start custom button CSS here
---------------------------------------- */
.btn {
    display:inline-block;
    background:none;
    margin:0;
    padding:3px 0;
    border-width:0;
    overflow:visible;
    font:100%/1.2 Arial,Sans-serif;
    text-decoration:none;
    color:#333;
}
* html button.btn {
    padding-bottom:1px;
}

/* Immediately below is a temporary hack to serve the
   following margin values only to Gecko browsers
   Gecko browsers add an extra 3px of left/right
   padding to button elements which can't be overriden.
   Thus, we use -3px of left/right margin to overcome this. */
html:not([lang*=""]) button.btn {
    margin:0 -3px;
}
.btn span {
  background:#f9f9f9;
  z-index:1;
  margin:0;
  padding:3px 0;
  border-left:1px solid #ccc;
  border-right:1px solid #bbb;
  }
* html .btn span {
  padding-top:0;
  }
.btn span span {
  background:none;
  position:relative;
  padding:3px .4em;
  border-width:0;
  border-top:1px solid #ccc;
  border-bottom:1px solid #bbb;
  }
.btn b {
  background:#e3e3e3;
  position:absolute;
  z-index:2;
  bottom:0;
  left:0;
  width:100%;
  overflow:hidden;
  height:40%;
  border-top:3px solid #eee;
  }
* html .btn b {
  top:1px;
  }
.btn u {
  text-decoration:none;
  position:relative;
  z-index:3;
  }

/* pill classes only needed if using pill style buttons ( LEFT | CENTER | RIGHT ) */
button.pill-l span {
  border-right-width:0;
  }
button.pill-l span span {
  border-right:1px solid #ccc;
  }
button.pill-c span {
  border-right-style:none;
  border-left-color:#fff;
  }
button.pill-c span span {
  border-right:1px solid #ccc;
  }
button.pill-r span {
  border-left-color:#fff;
  }

/* only needed if implementing separate hover state for buttons */
.btn:hover span, .btn:hover span span {
  cursor:pointer;
  border-color:#9cf !important;
  color:#000;
  }

/* use if one button should be the 'primary' button */
.primary {
  font-weight:bold;
  color:#000;
 }
 /* End custom button CSS here
---------------------------------------- */

 .flash_message, .flash_message_error {
    width: 98%;
    background-color:#019587;
    color: #ffffff;
    margin: 0;
    padding: 0.5em 0 0.5em 2%;
    font-weight: bold;
    font-size: 116%;
    display:none;
    border-top: 1px solid #999999;
}
.flash_message_error {
    background-color:#ff5700;
}

#contact_error {
    color: #ff0000;
    display: none;
}

.home_excerpt p {
    margin-top: 0.25em;
    margin-bottom: 0;
}

#social {
    margin-top: 1em;
    margin-left: 10%;
}