@charset "UTF-8";
/* CSS Document */

body {
 background-color: #BCD9E6;
 color: #fff;
 font-family: Verdana, Geneva, sans-serif;
 line-height: 20px; 
}

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

.container {
  margin: 0 auto;
  width: 850px;
  height: 565px;
  background-repeat: none; 
}

.bg_home { background-image: URL('index.jpg') }
.bg_welcome { background-image: URL('welcome.jpg') }
.bg_areas { background-image: URL('areas.jpg') }
.bg_contact { background-image: URL('contact.jpg') }
.bg_meet { background-image: URL('meet.jpg') }
.bg_questions { background-image: URL('questions.jpg') }
.bg_what { background-image: URL('what.jpg') }

div.navigation {
  position: relative;
  top: 180px; 
  left: 10px; 
}

div.navigation a {
  display: block;
  border: none;
  text-decoration: none;
  text-indent: -9999px;
}

a.nav_home { width: 75px; height: 33px; }
a.nav_welcome { width: 105px; height: 35px; }
a.nav_what { width: 225px; height: 39px; }
a.nav_areas { width: 222px; height: 35px; }
a.nav_questions { width: 137px; height: 35px; }
a.nav_meet { width: 150px; height: 38px; }
a.nav_blog { width: 160px; height: 40px; }
a.nav_contact { width: 95px; height: 35px; }

div.social { margin-top: 25px; }

div.social a {
  display: inline;
  border: none;
  text-decoration: none;
  text-indent: 0px;
}

/*** Home ***/

div.home_content {
  position: relative;
  left: 350px;
  top: -15px;
  text-align: center;
  width: 450px;
}

/*** Welcome ***/

div.welcome_content {
  position: relative;
  left: 323px;
  top: -50px;
  text-align: center;
  width: 500px;
}

/*** What is Coaching? ***/

div.what_content {
  position: relative;
  left: 510px;
  top: -200px;
  text-align: justify;
  width: 300px;
}

div.what_content_2 {
  position: relative;
  left: 260px;
  top: -400px;
  width: 300px;
}

/*** Areas of Coaching ***/

.area_content {
  position: relative;
  top: -210px;
  left: 250px;
  text-align: center;
  width: 600px; 
  font-size: 0.9em;
}

.area_content a:link {
  font-size: 1.2em;
}

.a1 { width: 280px; position: relative; top: 0px; left: 160px; }
.a2 { width: 230px; position: relative; top: 60px; left: 190px; }
.a3 { width: 250px; position: relative; top: -90px; left: 370px; }
.a4 { width: 200px; position: relative; top: 0px; left: 30px; }
.a5 { width: 230px; position: relative; top: -70px; left: 370px; }
.a6 { width: 220px; position: relative; top: -70px; left: 200px; }

.area_content_inner {
  position: relative;
  top: -160px;
  left: 530px;
  width: 280px;
  height: 350px;
  text-align: justify; 
}

.area_content_inner div {
  text-align: center;
  margin-bottom: 30px;
  width: 280px;
}

.area_content_inner div a:link {
  text-decoration: underline; 
}

/*** Questions ***/

.questions_content {
  position: relative;
  top: -200px;
  left: 350px;
  background-color: #7FA3B3;
  height: 35px;
  width: 475px;
  border: 1px solid white;
}

.questions_content a:link {
  display: block;
  float: left;
  margin: 7px 18px;
  font-weight: bold;
  text-decoration: underline;
}

.questions_content span {
  display: block;
  float: left;
  margin: 7px 18px;
  font-weight: bold;
}

.questions_content_2 {
  position: relative;
  top: -170px;
  left: 500px;
  width: 310px;
  text-align: justify;
}

/*** Meet Sheryl ***/

.meet_content {
  position: relative;
  top: -35px;
  left: 270px;
  width: 250px;
  text-align: justify;
}

.meet_content_2 {
  position: relative;
  top: -275px;
  left: 560px;
  width: 250px;
  text-align: justify;
}

.meet_content_2 a:link {
  display: block;
  position: relative;
  top: 10px;
  left: 100px;
  text-decoration: underline;
}

/*** Endorsements ***/

.endorsement_content,
.endorsement2_content {
  position: relative;
  top: -35px;
  left: 270px;
  width: 250px;
  text-align: right;
  font-size: 0.9em;
}

.endorsement2_content {
  top: -150px;
  left: 265px;  
}

.endorsement_content div,
.endorsement_content_2 div,
.endorsement2_content div,
.endorsement2_content_2 div {
  text-align: justify;
  margin-bottom: 15px;
}

.endorsement_content_2,
.endorsement2_content_2 {
  position: relative;
  top: -270px;
  left: 560px;
  width: 250px;
  text-align: right;
  font-size: 0.9em;
}

.endorsement2_content_2 {
  top: -470px;
}

.endorsement_content a:link,
.endorsement_content_2 a:link,
.endorsement2_content a:link,
.endorsement2_content_2 a:link {	
  text-decoration: underline;
}

/*** Contact ***/

.contact_content {
  position: relative;
  top: -80px;
  left: 590px;
}

.contact_content_2 {
  position: relative;
  top: 3px;
  left: 130px;
  width: 500px;
}

.contact_content_2 a:link {
  display: block;
  text-indent: -9999px;
  float: left;
  width: 130px;
  height: 75px;
  margin-right: 22px;
}