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


	.container		{ position: relative; width: 960px; margin: 0 auto; padding: 0; padding-bottom: 40px; }
	.col				{ float: left; display: inline; margin-left: 15px; margin-right: 15px; }
	.row				{ margin-bottom: 20px; }

	/* Base Grid */
	.one				{ width: 30px;  }
	.two				{ width: 90px; }
	.three			{ width: 150px; }
	.four				{ width: 210px; }
	.five				{ width: 270px; }
	.six				{ width: 330px; }
	.seven			{ width: 390px; }
	.eight			{ width: 450px; }
	.nine				{ width: 510px; }
	.ten				{ width: 570px; }
	.eleven			{ width: 630px; }
	.twelve			{ width: 690px; }
	.thirteen		{ width: 750px; }
	.fourteen		{ width: 810px; }
	.fifteen			{ width: 870px; }
	.sixteen			{ width: 930px; }

	.one-third		{ width: 290px; }
	.two-thirds		{ width: 610px; }
	
	.third 			{ width: 33%; }
	.half 			{ width: 50%; }
	.full 			{ width: 100%; }
    

/* #Clearing
================================================== */

	/* Self Clearing Goodness */
	.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

	/* Use clearfix class on parent to clear nested columns,
	or wrap each row of columns in a <div class="row"> */
	.clearfix:before,
	.clearfix:after,
	.row:before,
	.row:after {
		content: '\0020';
		display: block;
		overflow: hidden;
		visibility: hidden;
		width: 0;
		height: 0; }
	.row:after,
	.clearfix:after {
		clear: both; }
	.row,
	.clearfix {
		zoom: 1; }

	/* You can also use a <br class="clear" /> to clear columns */
	.clear {
		clear: both;
		display: block;
		overflow: hidden;
		visibility: hidden;
		width: 0;
		height: 0;
	}