body {
  background: #385565 url(pointe_images/body_bg_2.gif) top left repeat-x;
  text-align: center;
  color: #385565;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 1.11em;
  line-height: 1.2em;
}

a {
  color: #385565;
}

a:visited {
  color: #385565;
}

div#wrapper {
  margin: 10px auto;
  width: 842px;
  background: transparent url(pointe_images/wrapper_top_shadow.gif) top center no-repeat;
  padding: 14px 0 0 0;
}

/* header */

div#header {
  width: 810px;
  height: 103px;
  background: transparent url(pointe_images/header_bg.gif) top left repeat-y;
  /* padding: 16px right and left; 842 - 2(16) = 810px */
  padding: 0 16px 0 16px;
}

div#logo {
  float: left;
/*  position: absolute;*/
  height: 103px;
  width: 226px;
  margin: 0;
  z-index:10;
}

div#logo a, div#logo a img { z-index:1;}

div#header_colors {
  float: right;
  height: 89px;
  margin: 3px 0 0 0;
}

/* body */
div#content {
  width: 810px;
  height: 459px;
  background: transparent url(pointe_images/content_bg.gif) top left repeat-y;
  padding: 0px 16px 0 16px;
}

div#column1 {
  width: 387px;
  height: 409px;
/*  padding: 40px 0 0 0;*/
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  text-align: left;
  float: left;
  clear: left;

}

p.main { 
  margin: 30px 0 0 0;
  padding: 0 0 20px 10px;
  font-size: 0.95em;
}

div.features {
  text-align: center;
  color: #6b8114;
  font-size: 0.85em;
}

div.photos {
  height: 103px;
  width: 387px;
  padding: 0px;
  margin: 10px 0 0 0;
/*  background: #385565;*/
  float: left;
/*  z-index:2;*/
}

div.photos img {
  padding: 0;
}

div#column2 {
  float: right;
  width: 423px;
/*  padding: 40px 0 0 0;*/
  padding: 0 0 0 0;
  text-align: right;
}

div#column2 p {
  padding: 5px 5px 5px 0;
  font-size: 0.8em;
}

div.contact {
  text-align: center;
  color: #352c0f;
  font-size: 0.8em;
  padding: 10px 0 0 0;
}

div.contact p {
  color: #385565;
  font-size: 1.0em !important;
}

/* footer */
div#footer {
  width: 842px;
  height: 96px;
  background: transparent url(pointe_images/footer_bottom_shadow.gif) bottom center no-repeat;
  padding: 0 0 10px 0;
}

div#footer_content {
  width: 810px;
  height: 96px;
  background: transparent url(pointe_images/header_bg.gif) top left repeat-y;
  /* padding: 16px right and left; 842 - 2(16) = 810px */
  padding: 0 16px 0 16px;
}

div#smoke_free {
  float: left;
  clear: left;
  margin-top: 43px;
  background: #5f767c;
  padding: 10px 5px 5px 0;
  text-align: right;
  width: 200px;
}

div#smoke_free a, div#smoke_free a:hover { color: #eee; }

div#tagline {
  width:550px;
  float: right;
  padding: 10px 15px 0 0;
  color: #ddd;
  text-align: right;
  vertical-align: text-bottom;
}