*{
  margin:0;
  padding:0;
}

body{
  background:#828282 url('layout_imgs/body_bg.gif') repeat-x;
  color:#323232;
  font-family:Verdana, Arial, sans-serif;
  font-size:normal;
}

#container{
  position:relative;
  width:750px;
  background:#fff;
  border-left:2px solid #2d2d2d;
  border-right:2px solid #2d2d2d;
  margin:0 auto;
}

#hdr_top{
  position:relative;
  width:740px;
  height:104px;
  background:url('layout_imgs/top_hdr.png') no-repeat;
  padding:5px 10px 0 0;
  overflow:hidden;
}
  #hdr h1{
    display:none;
  }
  #hdr_top strong{
    font-size:110%;
  }
  #hdr_top p{
    text-align:right;
    line-height:1.2em;
    font-weight:bold;
  }
  #hdr_top span{
    font-size:80%;
    font-weight:normal;
  }

#hdr_bottom{
  text-align:right;
  background:#d43f26 url('layout_imgs/hdr_left.png') no-repeat;
  height:58px;
  overflow:hidden;
}

#nav{
  position:relative;
  height:34px;
  background:#888685;
}
  #nav li{
    float:left;
    list-style:none;
  }
  #nav li a{
    display:block;
    height:34px;
    text-indent:-200px;
    overflow:hidden;
    background-position:top left;
  }
  li#home a{
    width:91px;
    background:url('layout_imgs/home.png') no-repeat;
  }
  li#program a{
    width:147px;
    background:url('layout_imgs/program.png') no-repeat;
  }
  li#about_us a{
    width:122px;
    background:url('layout_imgs/about_us.png') no-repeat;
  }
  li#faq a{
    width:79px;
    background:url('layout_imgs/faq.png') no-repeat;
  }
  li#purchase a{
    width:118px;
    background:url('layout_imgs/purchase.png') no-repeat;
  }
  li#videos a{
    width:95px;
    background:url('layout_imgs/videos.png') no-repeat;
  }  
  li#contact a{
    width:98px;
    background:url('layout_imgs/contact.png') no-repeat;
  }

/*--- CONTENT ---*/
#content{
  position:relative;
}
#top_shadow{
  height:15px;
  background:url('layout_imgs/top_shadow.png') repeat-x;
  overflow:hidden;
  clear:both;
  margin-bottom:5px;
}

#bottom_shadow{
  height:15px;
  background:url('layout_imgs/bottom_shadow.png') repeat-x;
  overflow:hidden;
  clear:both;
}

/*--- RIGHT SIDE ---*/
#right{
  position:relative;
  float:right;
  width:236px;
  padding:0 5px;
  text-align:right;
}
  #right a{
    font-size:60%;
  }
  #right h3{
    margin-bottom:5px;
    overflow:hidden;
    text-indent:2000px;
    text-align:left;
    width:236px;
    height:23px;
  }
    h3#buy_now{
      background:url('layout_imgs/buy_now.png') no-repeat;
    }

    h3#testimonials{
      background:url('layout_imgs/testimonials.png') no-repeat;
    }

  #right form{
    margin-right:15px;
  }

  #right form img{
    margin-bottom:5px;
  }

  #right form select{
    margin-top:2px;
    margin-bottom:3px;
    margin-left:0;
    width:175px;
    vertical-align:center;
  }

#buy_now_btn{
  margin:15px 0;
}

.slideholder{
  position:relative;
  width:225px;
  top:0; left:0;
}

  .slide{
    width:200px;
    padding-left:15px;
    padding-top:5px;
    background:url('layout_imgs/open_quote.png') no-repeat top left;
    position:absolute;
    left:0; top:0;
  }

  .quote{
    text-align:left;
    font-size:80%;
    font-weight:bold;    
    color:#323232;
    margin-bottom:-5px;
  }
  .attribution{
    text-align:right;
    font-size:80%;
    font-style:normal;
    color:#5a5a5a;
    padding-top:17px;
    background:url('layout_imgs/close_quote.png') no-repeat top right;
    margin-bottom:10px;
  }



/*--- LEFT SIDE ---*/
#left{
  margin-left:15px;
  width:470px;
  padding-right:15px;
  border-right:1px solid #dbdbdb;
  min-height:550px;
  _height: expression(this.scrollHeight < 550 ? "550px" : "auto");
}

/*--- FTR ---*/
#ftr{
  clear:both;
  position:relative;
  height:74px;
  background:#f00 url('layout_imgs/ftr.jpg') no-repeat top left;
  font-size:10pt;
  overflow:hidden;
}

  #credit{
    width:104px;
    height:40px;
    position:absolute;
    left:10px;
    bottom:2px;
    font-size:7pt;
    text-align:center;
    text-transform:uppercase;
    line-height:1.1em;
  }
    #credit a{
      color:#4d4d4d;
      text-decoration:none;
    }
    #credit a:hover{
      color:#fff;
    }
#ftr p.left{
  margin-left:5px;
}
#ftr p.right{
  text-align:right;
  float:right;
  margin-right:15px;
  line-height:1.15em;
}
  #ftr p.right a{
    color:#9c9c9c;
  }
  #ftr p.right a:hover{
    color:#fff;
  }


/*--- PROGRAM ---*/
#comparison_tbl{
  border-collapse:collapse;
}
#comparison_tbl tr{
  height:46px;
}

th{
  font-size:80%;
  vertical-align:bottom;
  text-transform:capitalize;
}

td.left_edge,
td.right_edge{
  width:9px;
}

  tr.odd{
    background:#f5f5f5;
  }
  tr.odd td.left_edge{
    background:url('layout_imgs/tr_stripe_left.png') no-repeat;
  }
  tr.odd td.right_edge{
    background:url('layout_imgs/tr_stripe_right.png') no-repeat;
  }

td.feature{
  text-align:right;
  padding-right:2px;
  font-size:85%;
  line-height:1.3em;
}

td.competition,
td.recdebut{
  text-align:center;
  font-size:85%;
  font-weight:bold;
  padding:0 5px;
}
  td.competition{
    color:#7e7e7e;
    font-size:80%;
  }
  td.recdebut{
    color:#62cf11;
  }


/*--- ABOUT US --*/
.staff,
.package{
  margin:0 10px 20px 10px;
  padding-bottom:10px;
  border-bottom:1px solid #eee;
  clear:left;
}

.staff_photo,
.package_img{
  float:left;
  margin-right:10px;
}

.staff h3,
.package h3{
  font-size:105%;
}


/*--- FAQ ---*/
dl{
  margin:10px 10px;
  font-size:90%;
}
  dt{
    padding-left:18px;
    background:url('layout_imgs/red_arrow.png') no-repeat center left;
    color:#d3381f;
    font-weight:bold;
    cursor:pointer;
    margin-bottom:5px;
  }
  dd{
    background:url('layout_imgs/grey_arrow.png') no-repeat 0px 6px;
    padding-left:15px;
    margin:0 0 15px 15px;
  }

#faq_actions{
  text-align:right;
  font-size:70%;
}
  #faq_actions a{
    cursor:pointer;
  }


/*---  PURCHASE ---*/
.left_purchase input[type='textinput'],
.left_purchase select{
  width:200px;
  padding:1px;
}

#purchase_holder ul.form_error li{
  list-style:url('layout_imgs/grey_arrow.png');
  font-size:90%;
  margin:0 10px 5px 0;
}

#purchase_holder ul.form_error{
  margin:5px 10px 20px 40px;
}

.radio_btn{
  margin:0 10px 20px 20px;
  padding-bottom:10px;
  border-bottom:1px solid #eee;
  clear:left;
  position:relative;
}

  .radio_btn input{
    margin-right:20px;
    display:block;
    float:left;
    position:relative;
    vertical-align:center;
  }
  .packages .radio_btn input{
    margin-top:60px;
  }

.sports .radio_btn img{
  float:left;
  margin:-2px 20px 0 10px;
}

/*--- VIDEOS ---*/
#video_player{
  width:450px;
  margin:0 auto 20px auto;
  font-size:90%;
}
a.direct_video{
  display:none;
}
  #video_player h3{
    margin:10px 0 0 0;
  }

.video_thumb{
  cursor:pointer;
  width:143px;
  height:203px;
  float:left;
  margin:10px 2px;
  padding:2px;
  text-align:center;
  color:#eee;
  background:url('layout_imgs/thumb_bg.png') no-repeat;
}
  .video_thumb img.thumb{
    border:1px solid #888685;
    margin-top:4px;
  }
  .video_thumb p{
    margin:6px 0;
    font-size:90%;
    line-height:1em;
    width:95%;
  }
  .video_thumb a{
    font-weight:bold;
  }
  .video_thumb a img{
    vertical-align:middle;
    margin-right:3px;
  }
  .video_thumb span{
    display:none;
  }

#video_filters{
  padding:10px 2px;
  border:2px solid #e9e9e9;
  border-right:none;
  border-left:none;
  background:#fbfbfb;
}
#video_filters h3{
  margin-bottom:5px;
}
#video_filters div{
  float:left;
  margin-right:5px;
}
#video_filters label{
  font-size:90%;
  padding-left:16px;
  background:url('layout_imgs/red_arrow_alpha.png') no-repeat;
}
#sports_filter{
  width:128px;
}
#athlete_filter{
  width:186px;
}


/*--- CONTACT ---*/
.formclass {
  width:95%;
  margin: 10px auto;
  border-collapse:collapse;
  font-size:90%;
}
.formclass td {
  margin: 0;
  text-align:left;
  padding:4px 0;
  vertical-align:middle;
}
.formclass td.col1 {
  padding:5px;
  padding-right:8px;
  text-align:right;
  font-weight:bold;
  color:#666;
  width:25%;
  border-right:2px solid #eee;
}
.formclass td.col2 {
  margin: 0;
  text-align: left;
  padding-left:5px;
}
.form_error {
  color:red;
}
.formclass input[type='textinput']{
  width:95%;
  padding:2px;
}
.formclass textarea{
  height:150px;
}
.submit_btns input{
  padding:2px;
}

/*-------- GENERAL MARKUP --------*/
h1{
  font-size:200%;
  color:#cd1f02;
  line-height:.9em;
  letter-spacing:-.08em;
  margin-bottom:10px;
}
h2{
  font-size:110%;
  margin:5px 0;
  color:#7b2618;
  clear:left;
}
h3{
  font-size:105%;
}

p{
  font-size:95%;
  line-height:1.4em;
  margin-bottom:10px;
}

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

#left ul{
  margin:0 30px;
}
  #left ul li{
    margin:8px 0;
    line-height:1.3em;
  }

ul li{
  list-style:url('layout_imgs/red_arrow.png');
}

img.page_img{
  float:right;
  margin:0 0 10px 10px;
}

/*--- H1 IMAGES --*/
h1.img_replace{
  width:440px;
  height:104px;
  overflow:hidden;
  text-indent:-2000px;
}
h1#home_heading{
  background:url('layout_imgs/home_heading.png') no-repeat;
}
h1#program_heading{
  background:url('layout_imgs/program_heading.png') no-repeat;
}
h1#faq_heading{
  background:url('layout_imgs/faq_heading.png') no-repeat;
}
h1#about_heading{
  background:url('layout_imgs/about_heading.png') no-repeat;
}
h1#contact_heading{
  background:url('layout_imgs/contact_heading.png') no-repeat;
}
h1#purchase_heading{
  background:url('layout_imgs/purchase_heading.png') no-repeat;
}
h1#videos_heading{
  background:url('layout_imgs/videos_heading.png') no-repeat;
}


