@charset "UTF-8";

/* =========================================================
　　Fix Layout Columns
========================================================= */

/* container
----------------------------------------------- */
#container {
  width: 970px;
  max-width: 970px;
  margin: 0px auto;
  background-color: #ffffff;
}


/* header
----------------------------------------------- */
#pageHeader #pageHeaderBody {
/*  background-image: url("/_themes/piece/images/bg-repeat.gif");*/
/*  height: 100px;*/
}
#pageHeader a{
  text-decoration: none;
  color:#000000;
}


/* nav
----------------------------------------------- */
#pageNav {
  clear: both;
  width: 100%;
  margin: 0px auto;
}

/* main
----------------------------------------------- */
#main {
  clear: both;
  min-height: 600px;
  _height: 600px;
  /*margin: 20px auto 50px auto;*/
}
#main:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

/* footer
----------------------------------------------- */
#pageFooter {
  clear: both;
  margin-top: 10px;
}
#pageFooterContainer {
}

/* pieces
----------------------------------------------- */
#main .pieceSeparator {
  margin: 10px 0px;
}



@media screen and (max-width: 600px) {
  #pageHeaderContainer,
  #pageNavContainer,
  #pageFooterContainer {
    padding: 0;
  }
}