/**
 * allaboutathlete.com main site style sheet.
 *
 * @package    AllAboutAthlete
 * @subpackage UI
 * @copyright  Copyright 2007 Spenlen Media (http://spenlen.com)
 * @version    $Id$
 */


/**** Global Rules ****/

/* Page Structure */

HTML, BODY, H1, H2, H3, H4, H5, H6, HR, DIV, P, PRE, UL, OL, LI, BLOCKQUOTE, FORM, FIELDSET, LEGEND, TABLE, TR, TH, TD, DL, DT, DD {
  margin: 0;
  padding: 0;
}

BODY {
  background: #000;
  font: normal normal normal 0.85em/1.3em Helvetica, Arial, sans-serif;
  letter-spacing: 0.02em;
  color: #000;
}

/* Headings */

H1, H2, H3, H4, H5, H6 {
  margin: 0 0 0.5em 0;
  font-weight: bold;
  color: #ff0;
}

H1 {
  margin: 0 20px 0 0;
  padding: 0;
  background: url('../images/main_logo.png') center center no-repeat;
  text-indent: -1000em;
  height: 50px;
  width: 250px;
  float: left;
}

H2 {
  margin: 0 0 0.5em 0;
  padding: 25px 30px 5px 30px;
  border-bottom: 1px solid black;
  background-position: 30px 25px;
  background-repeat: no-repeat;
  font-size: 1em;
  text-indent: -1000em;
  height: 30px;
}
H2.ourPhilosophy {
  background-image: url('../images/titles/our_philosophy.gif');
  height: 45px;
}
H2.whoWeAre {
  background-image: url('../images/titles/who_we_are.gif');
  height: 35px;
}
H2.services {
  background-image: url('../images/titles/services.gif');
}
H2.testimonials {
  background-image: url('../images/titles/testimonials.gif');
}
H2.contactUs {
  background-image: url('../images/titles/contact_us.gif');
}

H3 {
  margin: 1em 0 0.5em 15px;
  background-color: #999;
  background-position: 15px center;
  background-repeat: no-repeat;
  font-size: 1em;
  text-indent: -1000em;
  height: 30px;
}
H3.fitnessCoaching {
  background-image: url('../images/titles/fitness_coaching.gif');
}
H3.corporateTraining {
  background-image: url('../images/titles/corporate_training.gif');
}
H3.athleticApparel {
  background-image: url('../images/titles/athletic_apparel.gif');
}

H4 {
  font-size: 1.3em;
  color: #666;
}


/* Tables */

TABLE {
  border-collapse: collapse;
  border-spacing: 0;
  background: none;
}

TH, TD {
  font-style: normal;
  font-weight: normal;
  text-align: left;
}


/* Paragraphs and Other Block-Level Elements */

P {
  margin: 0 30px;
  padding: 0.3em 0 0.7em 0;
  line-height: 1.5em;
}

OL, UL {
  margin: 0 30px 0 70px;
  padding: 0.3em 0 0.7em 0;
}

LI {
  margin-bottom: 1em;
}

ADDRESS {
  margin-bottom: 1em;
  font-style: normal;
}

BR.clear {
  clear: both;
}

HR {
  margin: 1em 0 1em 0;
  border: 1px solid #000;
}

HR.sectionBreak {
  margin: 2em 0 2em 0;
}


/* Anchors (Hyperlinks) */

A, A:link, A:visited {
  color: #666;
  font-weight: bold;
  text-decoration: none;
}
A:hover {
  color: #fff100;
  text-decoration: underline;
}



/* Form Elements */

INPUT, TEXTAREA, SELECT, BUTTON {
  font: normal normal normal 1em Helvetica, Arial, sans-serif;
}

INPUT.fullWidth, TEXTAREA.fullWidth {
  width: 100%;
}

INPUT.cancelButton, BUTTON.cancelButton {
  margin-left: 2em;
}

BUTTON {
  padding: 0.1em;
  background: none;
  border: none;
  font-size: 0.9em;
  color: #666;
  vertical-align: middle;
}

/* Images and Other Inline Elements */

IMG {
  border: none;
}

ACRONYM, ABBR {
  text-decoration: none;
}


/**** Site Layout ****/

/* Page Frame */

#page {
  margin: 0 auto;
  padding: 0 10px;
  min-width: 550px;
  max-width: 970px;
}


/* Page Header */

#pageHeader {
  padding: 10px;
  background: url('../images/highlight_white.png');
  min-height: 48px;
}


/* Page Navigation */

#pageNavigation {
  margin: 0;
  padding: 0;
  font-size: 1.2em;
  line-height: 1.5em;
  list-style: none;
}

#pageNavigation LI {
  margin: 0;
  padding: 0 0.1em;
  display: inline;
}

#pageNavigation A,
#pageNavigation A:link,
#pageNavigation A:visited,
#pageNavigation A:active,
#pageNavigation A:hover {
  padding: 0.1em 0.3em;
  border: 1px solid transparent;
  color: #000;
  font-weight: normal;
  text-transform: lowercase;
  text-decoration: none;
  white-space: nowrap;
}
#pageNavigation A.current,
#pageNavigation A:hover {
  border-color: #ff0;
}
#pageNavigation A.current:hover {
  border-color: #ccc;
}


/* Page Content Area */

#pageContent {
  margin: 0;
  padding: 0;
  background: #ccc;
}

.alignLeft {
  text-align: left;
}

.alignCenter {
  text-align: center;
}

.alignRight {
  text-align: right;
}

.floatLeft {
  padding-right: 1em;
  padding-bottom: 1em;
  float: left;
}

.floatRight {
  padding-left: 1em;
  padding-bottom: 1em;
  float: right;
}

.hidden {
  visibility: hidden;
}

.promptText {
  color: #b3b3b3;
}

.validationError {
  padding: 0.5em;
  border-left: 3px double #d40000;
}

SPAN.validationErrorText {
  font-size: 0.9em;
  font-weight: bold;
  color: #d40000;
}

.testimonial {
  margin-bottom: 0;
}

.testimonialAuthor {
  margin-bottom: 0;
  padding-bottom: 2em;
  font-size: 0.9em;
  color: #666;
}

.fitnessDetails {
  margin: 0 60px;
}
.fitnessDetails P {
  margin: 0;
}

.contactForm {
  margin: 0 30px;
  padding: 15px 0;
}
.contactForm P {
  margin: 0;
}

.formInstructions {
  margin-left: 1em;
  font-size: 0.8em;
  font-style: italic;
  color: #666;
}

#imageBanner {
  margin: 5px 0;
  width: 100%;
}

#imageBanner TD {
  padding: 0;
  background-position: center center;
  background-repeat: no-repeat;
  height: 200px;
}

#imageBanner TD.image1, #imageBanner TD.image3 {
  width: 29%;
}
#imageBanner TD.image2 {
  border-left: 5px solid #000;
  border-right: 5px solid #000;
  width: 13%;
}

#imageBanner TD.dumbbells {
  background-image: url('../images/photos/dumbbells.jpg');
}
#imageBanner TD.exercise1 {
  background-image: url('../images/photos/exercise1.jpg');
}
#imageBanner TD.exercise2 {
  background-image: url('../images/photos/exercise2.jpg');
}
#imageBanner TD.exercise3 {
  background-image: url('../images/photos/exercise3.jpg');
}
#imageBanner TD.exercise4 {
  background-image: url('../images/photos/exercise4.jpg');
}
#imageBanner TD.exercise5 {
  background-image: url('../images/photos/exercise5.jpg');
}
#imageBanner TD.exercise6 {
  background-image: url('../images/photos/exercise6.jpg');
}
#imageBanner TD.pushup {
  background-image: url('../images/photos/pushup.jpg');
}
#imageBanner TD.pushup2 {
  background-image: url('../images/photos/pushup2.jpg');
}
#imageBanner TD.runner {
  background-image: url('../images/photos/runner.jpg');
}
#imageBanner TD.runners {
  background-image: url('../images/photos/runners.jpg');
}
#imageBanner TD.shirt_athlete {
  background-image: url('../images/photos/shirt_athlete.jpg');
}
#imageBanner TD.shirt_athlete2 {
  background-image: url('../images/photos/shirt_athlete2.jpg');
}
#imageBanner TD.shirt_bestrong {
  background-image: url('../images/photos/shirt_bestrong.jpg');
}
#imageBanner TD.shirt_inspire {
  background-image: url('../images/photos/shirt_inspire.jpg');
}

#imageBanner TD.slogan {
  border-left: 5px solid #000;
  background-color: #666;
  background-image: url('../images/slogan_small.gif');
  width: 24%;
}
#imageBanner TD.slogan DIV {
  width: 220px;
}
#imageBanner TD.slogan P {
  display: none;
}


TABLE.form TH {
  padding: 0.2em 1em 0.2em 0;
  color: #808080;
}
TABLE.form TH.requiredField {
  font-weight: bold;
  color: #666;
}

TABLE.form TD {
  padding: 0.2em 0;
}



/* Page Footer */

#pageFooter {
  clear: both;
}

#pageFooter P.tagline {
  margin: 0;
  padding: 10px 20px;
  background: #ff0;
  font-size: 1.7em;
  text-align: right;
  color: #000;
}

#pageFooter P.copyright {
  margin: 10px 0;
  font-size: 0.9em;
  color: #ccc;
}
.creditLink {
  color: #ccc;
}
.creditLink A, .creditLink A:link, .creditLink A:visited, .creditLink A:hover, .creditLink A:active {
  padding-left: 0.15em;
  color: #ccc;
  text-decoration: none;
}
.creditLink A:hover, .creditLink A:active {
  text-decoration: underline;
}