/* Main Widths */
#main, #footer-contents { 
  width: 50em;
  width: 727px;
  margin-left: 32px;
}

/* Layout */

h2 { 
  font-size: 110%;
  margin: 0em 0em 0.75em 0em;
}

p { 
  margin: 0em 0em 1em 0em;
  font-size: 12px;
}

ul, li { 
  font-size: 12px;
  list-style: none;
  padding: 0em 0em 0.2em;
  margin: 0em;
}

ul { 
  padding-bottom: 1em;
}

#main { 
  clear: both;
  padding-top: 1.5em;
  margin-bottom: 2.5em;
  margin-right: 0em;
}

img.start-promo { 
  width: 467px;
}

.main-content, .main-section { 
  float: left;
}

.sub-content, .sub-section { 
  float: right;
}

#main .sub-content { 
  width: 196px;
  padding: 1em 16px 0em 16px;
}

#promo { 
  padding-bottom: 1.5em;
}

#promo .sub-content { 
  height: 9.8em;
}

#text {
  /* Hide from IE/5 Mac */
  /*\*/
  clear: both;
  /* */
}

#text .main-content h2 { 
  margin: 0em 0.91em 0.75em 0em;
  padding-top: 1em;
}

#text .main-content { 
  /*\*//*/
  margin-top: 1em;
  /**/
  
  width: 467px;
}

#text .main-content { 
  padding: 1em 0em;
}

#text .main-content p { 
  margin-right: 1em;
}

#text .sub-content { 
  margin-top: 2px;
  padding: 0em 0em 1em;
  width: 228px;
}

#text .main-section { 
  width: 217px;
}

#text .sub-section { 
  width: 217px;
}

#text .sub-content .content-section { 
  margin-top: 1em;
  padding: 1em 1em 0em;
}

#text #oshikomi { 
  height: 3.5em;
  padding: 0em;
}

#text #oshikomi h2 { 
  display: inline;
  font-size: 110%;
}

#text #oshikomi a { 
  height: 40px;
  display: block;
  padding: 16px 1em 0em;
}

#footer {
  padding-top: 1.5em;
  clear: both;
}

#footer .main-content { 
  width: 467px;
  padding-bottom: 4em;
}


#footer .footer-section { 
  float: left;
  width: 137px;
  padding-right: 1em;
}

#footer .sub-content { 
  width: 227px;
}

#footer .sub-content div { 
  padding: 0em 1em;
}

#footer .sub-content div.headline { 
  margin: 0em 0em 1em;
  padding: 0em 1em 1em;
  height: 75px; 
  position: relative;
}

#footer .sub-content .headline h2 { 
  font-size: 130%;
}

#footer .sub-content .headline h2 a { 
  display: block;
  text-decoration: none;
  padding: 25px 0em 15px;
  height: 37px; 
}

#footer .sub-content .headline span { 
  position: absolute;
  top: 4em;
  right: 2em;
  font-size: 60%;
  text-decoration: underline;
}

#footer .sub-content div.textline { 
  padding: 5px 2em 1em 1em;
  height: 62px;
}

#footer .sub-content .textline h2 { 
  margin: 0em 0em 0.2em 0em;
}

#footer-meta-info {
  width: 631px;
  clear: both;
  margin: 0em 64px;
  padding: 1em 1em 0.5em;
  font-size: 11px;
}

/* COLOURS, BORDERS */
#main a { 
  color: #006;
}

#main a:visited { 
  color: #666;
}

#main a:hover { 
  color: #F00;
}

#text h2 { 
  color: #006;
}

#text h2.section { 
  border-top: 1px dashed #999;
}

#text #oshikomi h2, #text #oshikomi a { 
  color: white;
}

#footer { 
  color: white;
  background-color: #006;
}

#footer a {
  color: white;
}

#footer-meta-info { 
  color: black;
  background: white;
}

#footer-meta-info a { 
  color: #006;
}

#footer .sub-content div { 
  background-color: #003;
}

/* images */
#footer .sub-content div { 
  background: url(images/box.gif) no-repeat;
}

#footer { 
  background-image: url(images/gradient.png);
  background-repeat: repeat-x;
}

#infinity, #text .sub-content .content-section { 
  background: url(images/box_white.gif) no-repeat;
}

#infinity h2 { 
  width: 179px;
  height: 59px;
}

#text .sub-content .content-section { 
  height: 140px;
}

#text #oshikomi { 
  background: url(images/box_red.gif) no-repeat;
}