/*------------------------------------*\
	***1140 inuit GRID***

        to use this, wrap the 960grid and related css in

        @media (min-width: 961px) and (max-width: 1140px){
          ........................

        }

\*------------------------------------*/

body{
	width:1120px;
}


.grids{
	margin-left:-20px;
	clear:both;
	width:1140px;
}
ul.grids {
	/* So we can make grids out of lists */
	margin:0 0 0 -20px;
	list-style:none;
}
.grid{
	float:left;
	margin:0 20px 0 0;
}
.grids .grid{
	display:inline;
	margin:0 0 0 20px;
}


/*
12-col version
*/

.grid-1		{ width:75px; }
.grid-2		{ width:170px; }
.grid-3		{ width:265px; }
.grid-4		{ width:360px; }

.grid-5		{ width:455px; }
.grid-6		{ width:550px; }
.grid-7		{ width:645px; }
.grid-8		{ width:740px; }

.grid-9		{ width:835px; }
.grid-10	{ width:930px; }
.grid-11	{ width:1025px; }

.grid-12	{ width:1120px; margin:0; }

.verticaline {
    background: url("/images/vline.gif") repeat-y scroll right top transparent;
}