/*########################################################################*\

	Developed by 		: Jerry van Heerikhuize
	Version				: 1.0.1
	Creation Date		: 22-02-06
	Modification Date	: 24-08-06
	Creation by			: Jerry van Heerikhuize
	Modification by		: Jerry van Heerikhuize
	Description			: universal layout grids
	File				: grids.css

\*########################################################################*/

/*########################################################################*\

	GENERAL

\*########################################################################*/

.g_870
{
	margin: 0px;
	padding: 0px;
}

.g_870 td { vertical-align: top; }

div.debug td { background-color: #CCC; }
div.debug td.g_870_sep { background-color: black !important; }

/*########################################################################*\

	SEPERATORS

\*########################################################################*/

/* vertical seperator */
.g_870_sep { width: 30px; }

/* horizontal seperator */
.g_870_sep_hor { height: 30px; }

/*########################################################################*\


\*########################################################################*/
/* horizontal seperator */
.g_870_total {width: 930px; }



/* 1 column td */
.g_870_1c1, .g_870_2c2, .g_870_3c3, .g_870_5c5, .g_870_6c6 { width: 870px; }

/* 2 column td */
.g_870_2c1, .g_870_4c2, .g_870_6c3 { width: 420px; }

/* 3 column td */
.g_870_3c1, .g_870_6c2 { width: 270px; }
.g_870_3c2, .g_870_6c4 { width: 570px; }

/* 5 column td */
.g_870_5c1 { width: 150px; }
.g_870_5c2 { width: 330px; }
.g_870_5c3 { width: 510px; }
.g_870_5c4 { width: 690px; }
.g_870_5c5 { width: 870px; }

/* 6 column td */
.g_870_6c1 { width: 120px; }
.g_870_6c5 { width: 720px; }