body {
  margin:0px;
  padding:0px;
  width:100%;
  height:100%;
  
  background-color:#FFFFFF;
  
  font-family:Helvetica;
  font-size:11px;
}

div {
 font-family:Helvetica;
 font-size:11px;
}

.h1 {
  font-size:28px;
}
.h2 {
  font-size:24px;
}
.h3 {
  font-size:20px;
}
.h4 {
  font-size:18px;
}
.h5 {
  font-size:16px;
}
.h6 {
  font-size:12px;
}

div.container_mid {
  position:absolute;
  width:100%;
  height:380px;
  margin-top:24%;
  background-image:url('../images/background_lines.png');
  background-repeat:repeat-x;
  text-align:center;
}

div.container_professions {
  height:380px;
  width:696px;
  margin-left:auto;
  margin-right:auto;
}

div.container_profession {
  float:left;
  width:150px;
  height:300px;
  margin:38px 40px 38px 40px;
  border:1px black solid;
  cursor:pointer;
}

div.profession_title {
  position:relative;
  top:-40px;
  width:inherit;
  height:40px;
  line-height:40px;
  text-align:center;
}

div.web_development {
  background-image:url("../images/web_development.jpg");
  background-repeat:no-repeat;
  width:150px;
  height:300px;
}

div.photography {
  background-image:url("../images/photography.jpg");
  background-repeat:no-repeat;
  width:150px;
  height:300px;
}


div.lessonlogs {
  background-image:url("../images/lessonlogs.jpg");
  background-repeat:no-repeat;
  width:150px;
  height:300px;
}