/*
	[ LAYOUT ]
*/

/* column container */
.colmask{
    position:relative;  /* This fixes the IE7 overflow hidden bug */
    clear:both;
    float:left;
    width:100%;         /* width of whole page */
    overflow:hidden;        /* This chops off any overhanging divs */
}
    /* common column settings */
.colright,
.colmid,
.colleft {
    float:left;
    width:100%;         /* width of page */
    position:relative;
}

.threecol #metrix_content,
.col2,
.col3{
    float:left;
    position:relative;
    padding:0 0 1em 0;  /* no left and right padding on columns, we just make them narrower instead
                    only padding top and bottom is included here, make it whatever value you need */
    overflow:hidden;
}
.col3{
    overflow: visible;
}

/* 3 Column settings */
.threecol .colmid {
	margin-top: 1.5em;
    right:20%;          /* width of the right column */
}
.threecol .colleft {
    right:60%;          /* width of the middle column */
}
.threecol #metrix_content{
    width:56%;          /* width of center column content (column width minus padding on either side) */
    left:102%;          /* 100% plus left padding of center column */
    padding: 1px;
}
.threecol .col2{
    width:16%;          /* Width of left column content (column width minus padding on either side) */
    left:26%;           /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3{
    width:16%;          /* Width of right column content (column width minus padding on either side) */
    left:90%;           /* Please make note of the brackets here:
                    (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

#footer
{
    clear: both;
    float:left;
    width: 100%;
}