.container {
  width: 385px; /* IE */
  margin: 0 auto 30px auto;
  border: solid 1px #c0c0c0;
  text-align: left;
  position: relative;
  font-size: 0.90em;
}
.container { background-color: #ffffff; }
.header    { background-color: #e3f0ff; }
.subheader { background-color: #ffeadf; }
.left   { background-color: #ffffbb; }
.middle { background-color: #ffdddd; }
.right  { background-color: #e0d3ef; }
.footer { background-color: #ddffdd; } 
.menu    { background-color: #ccddff; }
.submenu { background-color: #fff5a1; }

.container, .header, .subheader, .left, .middle, .right, .footer, .menu, .submenu {
  margin: 0;
  padding: 0;
}

/* Simple 1 */

#simple1 .header {
  width: 100%;
  height: 35px;
}
#simple1 .subheader {
  float: right;
  width: 305px;
  height: auto !important;
  height: 35px; /* IE */
  min-height: 35px;
  display: inline;
}
#simple1 .left {
  float: left;
  width: 80px;
  height: auto !important;
  height: 185px; /* IE */
  min-height: 185px;
  display: inline;
}
#simple1 .middle {
  float: left;
  width: 225px;
  height: auto !important;
  height: 175px; /* IE */
  min-height: 175px;
  display: inline;
}
#simple1 .right {
  float: right;
  width: 80px;
  height: auto !important;
  height: 150px; /* IE */
  min-height: 150px;
  display: inline;
}
#simple1 .footer {
  clear: both;
  width: 100%;
  height: 30px;
}
#simple1 .menu {
  top: 20px;
  right: 0px;
  width: 303px; /* IE */
  min-width: 305px;
  height: 15px;
  position: absolute;
}
#simple1 .submenu {
  top: 46px;
  left: 5px;
  width: 70px;
  height: 85px;
  position: absolute;
}

/* Simple 2 */

#simple2 .header {
  width: 100%;
  height: 35px;
}
#simple2 .subheader {
  float: left;
  width: 305px;
  height: auto !important;
  height: 35px; /* IE */
  min-height: 35px;
  display: inline;
}
#simple2 .left {
  float: right;
  width: 80px;
  height: auto !important;
  height: 185px; /* IE */
  min-height: 185px;
  display: inline;
}
#simple2 .middle {
  float: right;
  width: 225px;
  height: auto !important;
  height: 175px; /* IE */
  min-height: 175px;
  display: inline;
}
#simple2 .right {
  float: left;
  width: 80px;
  height: auto !important;
  height: 150px; /* IE */
  min-height: 150px;
  display: inline;
}
#simple2 .footer {
  clear: both;
  width: 100%;
  height: 30px;
}
#simple2 .menu {
  top: 20px;
  left: 0px;
  width: 305px;
  height: 15px;
  position: absolute;
}
#simple2 .submenu {
  top: 46px;
  right: 5px;
  width: 70px;
  height: 85px;
  position: absolute;
}


/* Simple 3 */

#simple3 .header {
  width: 100%;
  height: 35px;
}
#simple3 .subheader {
  float: left;
  width: 80px;
  height: auto !important;
  height: 125px; /* IE */
  min-height: 125px;
  display: inline;
}
#simple3 .left {
  float: right;
  width: 80px;
  height: auto !important;
  height: 185px; /* IE */
  min-height: 185px;
  display: inline;
}
#simple3 .middle {
  float: right;
  width: 225px;
  height: auto !important;
  height: 195px; /* IE */
  min-height: 195px;
  margin-top: 15px;
  display: inline;
}
#simple3 .right {
  float: left;
  width: 80px;
  height: auto !important;
  height: 65px; /* IE */
  min-height: 65px;
  display: inline;
}
#simple3 .footer {
  clear: both;
  width: 100%;
  height: 30px;
}
#simple3 .menu {
  top: 0px;
  right: 0px;
  width: 200px;
  height: 15px;
  position: absolute;
}
#simple3 .submenu {
  top: 35px;
  right: 80px;
  width: 225px;
  height: 15px;
  position: absolute;
}

/* Simple 4 */

#simple4 .header {
  width: 80px;
  height: 75px;
}
#simple4 .subheader {
  float: right;
  width: 225px;
  height: 75px;
  margin-top: -75px;
  display: inline;
}
#simple4 .left {
  clear: both;
  float: left;
  width: 80px;
  height: auto !important;
  height: 150px; /* IE */
  min-height: 150px;
  display: inline;
}
#simple4 .middle {
  float: left;
  width: 305px;
  height: auto !important;
  height: 170px; /* IE */
  min-height: 170px;
  display: inline;
}
#simple4 .right {
  display: none;
}
#simple4 .footer {
  clear: both;
  width: 100%;
  height: 30px;
}
#simple4 .menu {
  top: 0px;
  left: 80px;
  width: 80px;
  height: 75px;
  position: absolute;
}
#simple4 .submenu {
  top: 86px;
  left: 5px;
  width: 70px;
  height: 85px;
  position: absolute;
}

/* Simple 5 */

#simple5 .header {
  margin-top: -80px;
  margin-left: 80px;
  width: 305px;
  height: 80px;
}
#simple5 .subheader {
  float: right;
  width: 305px;
  height: 25px;
  display: inline;
}
#simple5 .left {
  clear: left;
  float: left;
  width: 80px;
  height: auto !important;
  height: 150px; /* IE */
  min-height: 150px;
  display: inline;
}
#simple5 .middle {
  float: left;
  width: 225px;
  height: auto !important;
  height: 140px; /* IE */
  min-height: 140px;
  display: inline;
}
#simple5 .right {
  float: right;
  width: 80px;
  height: auto !important;
  height: 125px; /* IE */
  min-height: 125px;
  display: inline;
}
#simple5 .footer {
  clear: both;
  width: 100%;
  height: 30px;
}
#simple5 .menu {
  float: left; 
  width: 80px;
  height: 60px;
  display: inline;
}
#simple5 .submenu {
  clear: both;
  top: 0px;
  left: 0;
  width: 100%;
  height: 20px;
  position: relative;
}