/* Based on Skeleton v1.2 - Copyright 2011, Dave Gamache - www.getskeleton.com */

/* #Base 960
================================================== */
.container { position: relative; width: 960px; margin: 0 auto; padding: 0; }
.row { margin: 0; }


/* #Tablet (Portrait)
================================================== */
@media only screen and (max-width: 800px) {
	.container { width: 768px; }
}


/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (max-width: 640px) {
	.container { width: 480px; }
}


/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 320px) {
	.container { width: 320px; }
}



/* #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;
}