body {
  margin:0;
  padding:0;

  text-align:center; /* fix centering with IE5 */
  background-color:#FF9931;
  font-family: "Century Gothic", "Futura Md BT", Verdana;
  font-size: 12px;
  min-width:750px;
}

#wrapper {
  box-sizing: border-box; -moz-box-sizing: border-box;

  width:860px;
  height:1200px;
  ite/templates/promos.php.incin-height:800px;
  padding-bottom: 20px;

  margin:0 auto;
  text-align:left; /* fix text-align:center on body */

  background-image:url(../images/bg1.gif);
  background-repeat:repeat-y;
  background-color:#182431;
}

#wrapper:after { /* cross browser compatibility with old platforms */
 content: ".";
 display: block;
 height: 0px;
 line-height: 0px;
 clear: both;
 visibility: hidden;
}

#main {
  padding:0px 91 0 91;
}

#header {
  padding-top:40px;
}

#navigation {
  float:left;
}

#logo {
  float:right;
  margin-right:2px;
}

#motto {
  clear:both;
  text-align:center;
  letter-spacing:3.1px;
  color:#fff;
  font-weight:bold;
  font-size:13px;
  padding: 20px 0 20 0;
}

#detail {
  float:left;

  margin:6 0 0 2px;
  padding:0;

  width: 450px;
  min-height: 260px;
 
  background-color: #fff;
}

/* min-height hack for Internet Exploder */
/*\*/
* html #detail {
  height: 260px;
}
/**/
.detail-content {
  margin:8 12px 0 8;
  text-align: justify;
}

#detail {
  padding: 15px;
}

#detail p {
  margin-left:0px;
}

#detail h3 {
  font-size: 20px;
  font-weight: bold;
  color: #FF7F00;
  text-indent: 16px;
  text-align: left;
}

#others {
  float:right;
  width:220px;
}

#others img {
  margin-left:2px;
}

#others .description {
  text-align: justify;
  font-size: 11px;
  color: #FFFFFF;
  line-height: 12px;
}

#others h3 {
  color: #FFFFFF;
  font-weight: bold;
  font-size: 12px;
  margin: 12px 0 0 0;
}

#others a.box-link {
  display:block;
  font-size: 11px;
  color: #FF7F00;
  line-height: 12px;
  padding-top: 6px;
  font-weight: bold;
  border-bottom: 1px solid #FF7F00;
  text-decoration:none;
}