/* #Base 960 Grid
================================================== */

		.container								{position:relative;width:940px;margin:0 auto;padding:0 10px;}
	
		/* Base Grid */
		.container .one-third					{width:300px;margin-right:20px;}
		.container .two-thirds				{width:620px;margin-right:20px;}
		.container .one-half					{width:460px;margin-right:20px;}
		.container .column					{float:left;}
		.container .column.last				{float:right;margin-right:0;}

		/* 2 Col set */
		.col2-set .col-1,
		.col2-set .col-2 						{width:48%;float:left;}
		.col2-set .col-2						{float:right;}
	
/* #Tablet (Portrait)
================================================== */

    /* Note:Design for a width of 768px */

    @media only screen and (min-width:768px) and (max-width:959px) {
		.container								{width:748px;}
		
		.container .one-third					{width:236px;}
		.container .two-thirds				{width:492px;}
		.container .one-half					{width:364px;}
   }

/*  #Mobile (Portrait)
================================================== */

    /* Note:Design for a width of 320px */

    @media only screen and (max-width:767px) {
		.container								{width:300px;}
		.container .one-third,
		.container .two-thirds,
		.container .one-half,
		.container .column,
		.container .column.last,
		.col2-set .col-1,
		.col2-set .col-2						{width:100%;float:none;margin-right:0;}
   }

/* #Mobile (Landscape)
================================================== */

    /* Note:Design for a width of 480px */

    @media only screen and (min-width:480px) and (max-width:767px) {
		.container								{width:420px;}
		.container .one-third,
		.container .two-thirds,
		.container .one-half,
		.container .column,
		.container .column.last				{width:420px;}
   }