/*

	960 Grid System ~ Core CSS.

	Learn more ~ http://960.gs/



	Licensed under GPL and MIT.

*/



/*------------------------------------------------------------------------

# JoomlAxe CSS

# ------------------------------------------------------------------------

# Author: Spy2furious@gmail.com

# Websites:  http://www.joomlaxe.com

# License:  Creative Commons Attribution 3.0 License

-------------------------------------------------------------------------*/



/* =Containers

--------------------------------------------------------------------------------*/



.container_16

{

	margin-left: auto;

	margin-right: auto;

	width: 960px;
	background-color:#f6f5f5;
}



/* =Grid >> Global

--------------------------------------------------------------------------------*/



.grid_4,

.grid_8

{

	display: inline;

	float: left;

	margin-left: 10px;

	margin-right: 10px;



}



.container_16 .grid_4

{

	width: 220px;

}



.container_16 .grid_8

{

	width: 460px;
	

}



/* =Grid >> Children (Alpha ~ First, Omega ~ Last)

--------------------------------------------------------------------------------*/



.alpha

{

	margin-left: 0;

}



.omega

{

	margin-right: 0;

}



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



html body * span.clear,

html body * div.clear,

html body * li.clear,

html body * dd.clear

{

	background: none;

	border: 0;

	clear: both;

	display: block;

	float: none;

	font-size: 0;

	list-style: none;

	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;

}