/* == PLEASE *DO NOT* EDIT THIS FILE, NOT EVEN A LITTLE BIT. CONTACT JOHN OR STEFF FOR MORE INFO. THANKS == */

/* Image classes for CMS content. They are the same widths as the grid column layouts minus two. This two is to account for a border of 1px (left + right = 2px) being applied. */

/* one-col-img and img-70 both work for a 70px image. This is to provide  content providers with an easy way of specifing the class and to provide developers an easy way to stick to the grid (col vs px). Just an idea -- I find it easier to stick to grid-based, but there are some image sizes that don't conform to a strict set of columns, thus providing a pixel reference may be easier. */

.one-col-img, .two-col-img, .three-col-img, .four-col-img, .five-col-img, .six-col-img, .seven-col-img, .eight-col-img, .nine-col-img, .ten-col-img, .eleven-col-img, .twelve-col-img, .img-70, .img-150, .img-230, .img-310, .img-350, .img-390, .img-470 , .img-550, .img-630, .img-710, .img-790, .img-870, .img-950 {
	border: 1px solid #CCCCCC;
}

.one-col-img, .img-70 {
    width: 68px;
}

.two-col-img, .img-150 {
    width: 148px;
}

.three-col-img, .img-230 {
    width: 228px;
}

.four-col-img, .img-310 {
    width: 308px;
}

.five-col-img, .img-390 {
    width: 388px;
}

.six-col-img, .img-470 {
    width: 468px;
}

.seven-col-img, .img-550 {
    width: 548px;
}

.eight-col-img, .img-630 {
    width: 628px;
}

.nine-col-img, .img-710 {
    width: 708px;
}

.ten-col-img, .img-790 {
    width: 788px;
}

.eleven-col-img, .img-870 {
    width: 868px;
}

.twelve-col-img, .img-950 {
    width: 948px;
}

.img-350 { /* Specific 350px image. This conforms with a four and a half column image. */
	width: 348px;	
}