/*	Basic Alignments
-------------------------------------------------- */
	.fleft	{ float: left;}
	.fright { float: right;}
	
/*	Common Classes
-------------------------------------------------- */
	.wrapper 	{ width: 100%; overflow: hidden;}
	.extra_wrap { overflow: hidden;}
	.extra 		{ width: 100%;}

/*	Fluid Columns
-------------------------------------------------------------- */
	.one_half, .one_third, .two_third, .one_fourth, .three_fourth { float: left; margin-right: 3.8%; margin-bottom: 18px;}
	.one_half { width: 48%; *width: 47.99%;}
	.one_third { width: 30.66%; }
	.two_third { width: 65.32%; }
	.one_fourth { width: 22%; *width: 21.9%; }
	.three_fourth { width: 74%; }
	.one_half.last, .one_third.last, .two_third.last, .one_fourth.last, .three_fourth.last { margin-right: 0px;}

	figure.gallery-item.last:before {
		clear: both; display: block;
		overflow: hidden; visibility: hidden;
		width: 0; height: 0;
	}

/*	Custom Columns
-------------------------------------------------- */
	.ie8 body { min-width:1800px; width: auto!important; width:1800px;}
	
	.header, .footer {
		float: left;
		width: 283px;
	}
	
	.header {
        z-index: 99999;
		padding-top:50px;
        -webkit-transition: all 350ms ease;
        -moz-transition: all 350ms ease;
        -ms-transition: all 350ms ease;
        -o-transition: all 350ms ease;
        transition: all 350ms ease;
	}

    @media screen and (max-height: 675px){
        .header{
            padding-top: 10px;
        }
    }
	
	#main {
		float: right;
		width: 100%;
		margin-left: -283px;
        position: relative;
	}
	.content_area { margin-left: 283px;}
	.row { width:100%;}
	.footer {
        position: fixed;
        left: 0;
        bottom: 0;
        }
	.sidebar_bg { width: 283px; height: 6px; position: absolute; z-index: 1; left: 0; bottom: -6px; -moz-transition: all .2s ease-in; -webkit-transition: all .2s ease-in; -o-transition: all .2s ease-in;}

	.column-left { float:left;}
	
/*	Hidden Elements
-------------------------------------------------- */
	.hidden { visibility: hidden; display: none;}

/*	Clear Floated Elements
-------------------------------------------------- */
	.clearfix:before, .clearfix:after {content: ""; display: table} 
	.clearfix:after { clear: both}
	.clearboth {clear: both}
	.clear { clear: both; overflow: hidden; display: block; visibility: hidden; width: 0; height: 0}