/* `Containers
----------------------------------------------------------------------------------------------------*/


.container_960 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	border-bottom: 1px solid #cccccc;	
}

/* `Grid
----------------------------------------------------------------------------------------------------*/

.grid_960 {
	display: inline;
	float: left;
	border-left: 1px solid #cccccc;	
	border-right: 1px solid #cccccc; 
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;	
	background-color: #E8EBDE;	
	padding: 1px 4px 0px 4px;						
}

.grid_800 {
	display: inline;
	float: left;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;	
	background-color: #E8EBDE;	
	background-color: #FFFAEF;			
	padding: 1px 2px 0px 2px;						
}

.grid_160,
.grid_240,
.grid_320,
.grid_480,
.grid_640
 {
	display: inline;
	float: left;	 			
	border-left: 1px solid #cccccc;	
	border-right: 1px solid #cccccc;	
	background-color: #E8EBDE;	
	padding: 1px 4px 0px 4px;			
}

.container_960 .grid_160 {
	width: 150px;
}

.container_960 .grid_240 {
	width: 230px;
}

.container_960 .grid_240 ul {
  padding: 0px 0px 4px 0px;
	border-bottom: 1px solid #cccccc;
	list-style: none;
}

.container_960 .grid_240 li {
	list-style: none;
}

.container_960 .grid_320 {
	width: 310px;
}

.container_960 .grid_480 {
	width: 470px;
}

.container_960 .grid_640 {
	width: 630px;
}

.container_960 .grid_800 {
	width: 796px;
}

.grid_640 .column-left
{
	display: inline;
	float: left;
	width: 150px;
}

.grid_640 .column-right
{
	display: inline;
	float: right;
	width: 470px;	
}

.container_960 .grid_960 {
	width: 950px;
	border-bottom: 1px solid #cccccc;	
}

/* http://sonspring.com/journal/clearing-floats */

html body div.clear,
html body span.clear {
  background: none;
  border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}	
}