#grid{

	-webkit-box-sizing: content-box;
	-ms-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;

	/* Dimensions - same width as your grid with gutters */
    width: 960px;
    /* Grid (centered) */
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -480px;
    z-index: 99999;
}

#grid div.vert{
    width: 38px;
    border: solid darkturquoise;
    border-width: 0 1px;
    margin-right: 20px;
    margin-left: 20px;
}

#grid div.vert.first-line{
}

#grid div.horiz{
    /* 20px line height */
    height: 20px;
    border-bottom: 1px dotted darkgray;
    margin: 0;
    padding: 0;
}

#grid.grid-1 div.vert{
    /* Vertical grid line colour for grid 1 */
    border-color: darkturquoise;
}

#grid.grid-2{
    /* Adjustments */
    padding: 0 160px;
    width: 660px;
}

#grid.grid-2 div.vert{
    /* Vertical grid line colour for grid 2 */
    border-color: crimson;
}