/****************************************************************/
/* 0. BOXES */
/****************************************************************/

.box-content-image {
    padding: 0px;
}
.box-content {
	clear: both;
	padding: 0 10px;
	overflow: hidden;	
}
.tl, .tr, .bl, .br {
    background: url(../../pics/design/corners.gif);
    width: 10px;
    height: 10px;
    font-size: 0;
}
.tl, .bl { float: left; }
.tr, .br { float: right; }

* html .box-content { height: 1%; }

.box-purple { background: #DECCE7; overflow: hidden; margin: 0 0 10px 0; width: 100%; }
.box-purple .tl { background-position: -560px 0px; }
.box-purple .tr { background-position: -570px 0px; }
.box-purple .bl { background-position: -560px 10px; }
.box-purple .br { background-position: -570px 10px; }

.box-yellow { background: #FFF0CC; overflow: hidden; margin: 0 0 10px 0; width: 100%; }
.box-yellow .tl { background-position: -580px 0px; }
.box-yellow .tr { background-position: -590px 0px; }
.box-yellow .bl { background-position: -580px 10px; }
.box-yellow .br { background-position: -590px 10px; }

.box-blue{ background: #A9CBFF; overflow: hidden;  margin: 0px 0 15px 0;  width: 100%; }
.box-blue .tl { background-position: -600px 0px; }
.box-blue .tr { background-position: -610px 0px; }
.box-blue .bl { background-position: -600px 10px; }
.box-blue .br { background-position: -610px 10px; }

.box-grey{ background: #F0F0F0; overflow: hidden;  margin: 0px 0 15px 0;  width: 100%; }
.box-grey .tl { background-position: -620px 0px; }
.box-grey .tr { background-position: -630px 0px; }
.box-grey .bl { background-position: -620px 10px; }
.box-grey .br { background-position: -630px 10px; }

.box-sky{ background: #CCEAFF; overflow: hidden;  margin: 0px 0 15px 0;  width: 100%; }
.box-sky .tl { background-position: -640px 0px; }
.box-sky .tr { background-position: -650px 0px; }
.box-sky .bl { background-position: -640px 10px; }
.box-sky .br { background-position: -650px 10px; }

.box-red{ background: #FF0033; overflow: hidden;  margin: 0px 0 15px 0;  width: 100%; }
.box-red .tl { background-position: -540px 0px; }
.box-red .tr { background-position: -550px 0px; }
.box-red .bl { background-position: -540px 10px; }
.box-red .br { background-position: -550px 10px; }

.box-pink{ background: #FFDADA; overflow: hidden;  margin: 0px 0 15px 0;  width: 100%; }
.box-pink .tl { background-position: -68px 0px; }
.box-pink .tr { background-position: -690px 0px; }
.box-pink .bl { background-position: -680px 10px; }
.box-pink .br { background-position: -690px 10px; }

.box-slate { background: #2C2C2C; overflow: hidden; margin: 0 0 10px 0; width: 100%; }
.box-slate .tl { background-position: -660px 0px; }
.box-slate .tr { background-position: -670px 0px; }
.box-slate .bl { background-position: -660px 10px; }
.box-slate .br { background-position: -670px 10px; }