/***************************************************

HOME
MAIN CONTENT

***************************************************/

/* FLASH NAV */

#main #flashcontent {
  width: 641px;
  height: 306px;
  margin-top: 48px;
}

/* LOCATOR */

#main #locator {
  margin-top: 15px;
}

/* PROMO TILES */

#main .content {
  background: url(images/content-bg.png);
  width: 635px;
  height: 578px;
  margin: 15px 0 0;
  padding-left: 6px;
  font-size: .9em;
  color: #373736;
}

/* TILE-CONTAINER01 IS THE SMALLEST TILE (1/6) */

.content .tile-container01 {
  background: #FFF;
  width: 197px;
  height: 271px;
  float: left;
  margin: 7px 2px 0;
  padding: 4px 5px 4px 4px;
}

/* TILE-CONTAINER02 IS THE TALL TILE (1/3) */

.content .tile-container02 {
  background: #FFF;
  width: 197px;
  height: 557px;
  float: left;
  margin: 7px 2px 0;
  padding: 4px 5px 4px 4px;
}

/* TILE-CONTAINER03 IS THE LARGEST TILE (2/3) */

.content .tile-container03 {
  background: #FFF;
  width:617px;
  height: 271px;
  float: left;
  margin: 7px 2px 0;
  padding: 4px 5px 4px 4px;
}

.tile {
  width: 100%;
  height: 100%;
}

.tile h3 {
  color: #20505F;
  text-transform: uppercase;
  font-size: 1em;
  padding: 1em;
  width: 100%;
}

.tile h3 img {
  display: block;
  margin: 1em 0 0 -1em;
}

#main .tile a {
  text-decoration: none;
  color: #20505F;
}

#main .tile a:hover {
  color: #000;
}

.tile p.copy {
  font-size: .8em;
  padding: 1.9em;
  padding-top:0;
}

/* PICK A COLOR FOR YOUR TILE AND ADD THE CLASS TO THE TILE DIV */

.teal {
  background: url(images/corner.png) no-repeat #2DDABB; /* TEAL */
}

.chartreuse {
  background: url(images/corner.png) no-repeat #96D63C; /* CHARTREUSE */
}

.orange {
  background: url(images/corner.png) no-repeat #FFBF09; /* ORANGE */
}

.blue {
  background: url(images/corner.png) no-repeat #50C7FF; /* BLUE */
}

.gray {
  background: url(images/corner.png) no-repeat #DDDDCC; /* GRAY */
}

.yellow {
  background: url(images/corner.png) no-repeat #FBED50; /* YELLOW */
}