@charset "utf-8";

#wrapper {
  clear:both;
  width:720px;
  background:#998675;
  position:relative;
  left:50%;
  margin-left: -360px;
  margin-top:30px;
  margin-bottom:80px;
}

.mainImage{
  display:block;
  float:none;
  margin-top: 4px;
  margin-left:auto;
  margin-right:auto;
  border-style:solid;
  border-width:2px;
  border-color:#333333 #999999 #999999 #333333;
  width:140px;
  height:105px;
  }
 
 /*Box setting starts here*/
.mainBox {
  padding:0 12px 0 0;
  background:#fff url(images/border.gif) 100% 0 repeat-y;
  width:180px;
  float:left;
  margin:20px;
}

.mainBox p{
  margin:0;
  padding:4px 10px;
  background:#fff;
  color:#534741;
  text-align:center;
}

/*this box a fixes the unwanted dot above the image link */
.mainBox a {text-decoration:none;}
.mainBox a:link {color:#fff;}  
.mainBox a:visited {color:#fff;} 
.mainBox a:hover {color:#fff;}  
.mainBox a:active {color:fff;} 

.bdrLeft {
  padding:0 0 0 12px;
  background:#FF9900 url(images/border.gif) 0 0 repeat-y;
}

.bdrTop {
  height:17px;
  margin:0 -12px;
  background:url(images/box.gif) 100% 0 no-repeat;
}

.bdrTop div {
  width:18px;
  height:17px;
  background:url(images/box.gif) 0 0 no-repeat;

}

.bdrBottom {
  height:17px;
  margin:0 -12px;
  background:url(images/box.gif) 100% 100% no-repeat;
}
.bdrBottom div {
  width:18px;
  height:17px;
  background:url(images/box.gif) 0 100% no-repeat;
}