/* GRID */

.nobox {
margin: 5px;
display: inline;
}

.mod {

border: 1px solid #a1a1a1;
padding: 5px;
display: inline;
margin: 2px;
position: relative;
background:url(../images/blueGradient.gif) #FFF repeat-x bottom;
}


.mod.size1of1 {
width: 680px;
}
.mod.size1of2 {
width: 332px;

}
.mod.size1of3 {
width: 216px;

}
.mod.size2of3 {
width: 448px;
}
.mod.size1of4 {
width: 158px;
}

.mod.size3of4 {
width: 505px;
}



.size1of1 {
width: 100%;
}
.size1of2 {
width: 50%;

}
.size1of3 {
width: 33%;

}
.size2of3 {
width: 66%;
}
.size1of4 {
width: 25%;
}

.size3of4 {
width: 75%;
}

.unit {
float: left;
}

.unitRight {
float: right;
}

.right {
float: right;

}
.left {
float: left;

}

.mod.right {
margin-right: 6px;
}