/*

	bj-base.css is basic css framework developed by BrainJob
	http://www.brainjob.co.in
	 
*/

/*---------------------------------
	Columns
---------------------------------*/
.column-960
{
	width:96%;
	margin:0 2%;
}
.column-840, .column-800, .column-768, .column-720, .column-640, .column-600, .column-576, .column-540, .column-480, .column-400, .column-384, .column-360, .column-320, .column-288, .column-256, .column-240, .column-192, .column-180, .column-160, .column-120, .column-96, .column-48
{
	float:left;
	display:inline;
}
.column-840, .column-800, .column-768{width:80%;}
.column-720{width:75%;}
.column-640, .column-600, .column-576, .column-540{width:60%;}
.column-480{width:50%;}
.column-400, .column-384, .column-360{width:40%;}
.column-320, .column-288, .column-256{width:33%;}
.column-240{width:25%;}
.column-192, .column-180, .column-160{width:20%;}
.column-120, .column-96{width:10%;}
.column-48{width:5%;}

/*---------------------------------
	General Elements
---------------------------------*/
.clear
{
	clear:both;
	height:0;
	line-height:0;
	font-size:0;
	visibility:hidden;
}
h1, h2, h3, h4, h5, h6, ul, ol, dl, p, table
{
	margin-bottom:0.8em;
}
.padding-offset
{
	padding-left:0.8em;
	padding-right:0.8em;
}
.padding-top-bottom
{
	padding-top:0.8em;
	padding-bottom:0.8em;
}
.padding-right
{
	padding-right:0.8em;
}
.padding-left
{
	padding-left:0.8em;
}
.spacer
{
	height:0.8em;
	display:block;
}
p
{
	font-size:1em;
}
.left
{
	float:left;
	display:inline;
}
.right
{
	float:right;
	display:inline;
}

@media screen and (max-width: 768px)
{
.column-840, .column-800, .column-768, .column-720, .column-640, .column-576, .column-540, .column-480, .column-400, .column-384, .column-360, .column-320, .column-288, .column-256, .column-240, .column-192, .column-180, .column-160, .column-120, .column-96, .column-48
{
	float:none !important;
	display:block !important;
	width:auto !important;
}
}