@mainWidth:700px;
@mainHeight:300px;
@mainColor:#ccc;
@subColor: #f00000;
@subBoxes:4;
@margin:5px;

@sumOfMargin: (@subBoxes - 1)* @margin;
@subBoxWidth: (@mainWidth - @sumOfMargin) / @subBoxes;

.container
{
width:@mainWidth;
margin:0 auto;
}
.main{
background:@mainColor;
height:@mainHeight;
}

.sub-main{
background:@mainColor - @subColor;
width:@subBoxWidth;
float:left;
height:100px;
margin: @margin @margin 0 0;
&:last-child{
margin-right:0;
background-color:darken(@mainColor - @subColor, 15%);
}
}