/* #Base 1200 Grid
================================================== */
body							{ min-width: 1240px; padding:25px 0;}

#Wrapper 						{ width: 1240px; margin: 0px auto; overflow:hidden;}

.layout-full-width 				{ padding: 0; }
.layout-full-width #Wrapper 	{ width: 100% !important; margin: 0 !important; }

/* #Content
=============================== */

#Content 						{ width:100%; }
body:not(.template-slider) #Content { padding-top: 30px; }

.section						{ position: relative; }

.section_wrapper,
.container						{ width: 1200px; margin:0 auto; position:relative;}

.section_wrapper:after,
.container:after				{ clear: both; content: " "; display: block; height: 0; visibility: hidden;}

.column, .columns				{ float: left; margin:0 1% 40px;}
.column.column_divider,
.column-margin-0px .column		{ margin-bottom: 0;}
.column-margin-10px .column		{ margin-bottom: 10px;}
.column-margin-20px .column		{ margin-bottom: 20px;}
.column-margin-30px .column		{ margin-bottom: 30px;}
.column-margin-40px .column		{ margin-bottom: 40px;}
.column-margin-50px .column		{ margin-bottom: 50px;}

.the_content_wrapper			{ margin:0 1%;}
.column_content .the_content_wrapper { margin:0;}

.column_attr.align_left			{ text-align:left;}
.column_attr.align_right		{ text-align:right;}
.column_attr.align_center		{ text-align:center;}
.column_attr.align_justify		{ text-align:justify;}

.extra_content .the_content_wrapper { margin:0 1% 40px;}


/* .with_aside */
.with_aside .content_wrapper	{ width: 1200px; margin: 0 auto;}

.with_aside .sections_group		{ width: 75%; float:left;}

.with_aside .section_wrapper	{ width:100%;}

.with_aside .four.columns		{ float:right;}

.aside_left .sections_group		{ float:right;}
.aside_left .four.columns		{ float:left;}

/* both sidebars | .aside_both */
.aside_both .sections_group		{ width: 60%; margin-left:20%;}
.aside_both .sidebar.columns	{ width: 18%; }
.aside_both .sidebar-1			{ float:left !important; margin-left:-79%; }


/* sidebars for sections */

.right-sidebar .items_group		{ width:75%; float:left;}
.right-sidebar .four.columns	{ float:right;}

.left-sidebar .items_group		{ width:75%; float:right;}
.left-sidebar .four.columns		{ float:left;}


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

.one-sixth.column				{ width: 14.666%; }		/* 1/6 */
.one-fifth.column				{ width: 18%; }			/* 1/5 */
.four.columns,
.one-fourth.column				{ width: 23%; }			/* 1/4 */
.one-third.column				{ width: 31.333%; }		/* 1/3 */
.one-second.column				{ width: 48%; }			/* 1/2 */
.two-third.column				{ width: 64.666%; }		/* 2/3 */
.three-fourth.column			{ width: 73%; }			/* 3/4 */
.one.column						{ width: 98%; }			/* 1/1 */


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