﻿html {
    overflow: auto;
	background: #FFF;
}

html:not(:nth-child(1)) { overflow: visible; }

html, body {
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    height: 100%;
}

body {
    position: relative;
    min-width: 926px;
	width: 100%;
	margin: 0 auto;
	background-color: #FFF;
}

#header {
    height: 40px;
    background: #000;
    color: #A7A7A7;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1000;
	left: 0;
	text-align: center;
}

#container {
	overflow: hidden;
	float: left; /* IE 5.01 */
	float/**/: none;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	position: relative;
}

* html #container {
	display: block;
	overflow: visible;
	border-left: 463px solid #E8E3C5;
	border-right: 463px solid #E8E3C5;
	margin-left: -463px;
	margin-right: -463px;
}

#outer{
	display: block;
	margin: 0 0 0 50%;
	padding: 0;
}

* html #outer{
}

#wrapper{
	display: block;
	background-color: #E8E3C5;
	min-height: 100%;
    padding-bottom: 1000em !important;
    margin-bottom: -1000em !important;
	min-width: 926px;
	float: left;
	position: relative;
}

* html #wrapper{
	/*width: 100%;*/
	display: inline;
}

#page{
	margin: 0 auto;
	position: relative;
	background: #E8E3C5;
	width: 926px;
	margin: 0 0 0 -463px;
	float: left;
}

* html #page{
	float: none;
}

#left, #right, #content {
    float: left;
	text-align: left;
    position: relative;
	padding-bottom: 5em !important;
}

/*\*/
#left, #right, #content {
    padding-bottom: 1000em !important;
    margin-bottom: -998em !important;
}
/**/

@media all and (min-width: 0px) {
    #left, #right, #content {
		margin-bottom: 0 !important; 
		padding-bottom: 5em !important;
	}

	#left:before, #right:before, #content:before {
		content: 'EasyClearing';
		display: block;
		background: inherit;
		padding-top: 1000em !important;
		margin-bottom: -1000em !important;
		height: 0;
	}
}

#container:after {
	content: 'EasyClear'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

#container {display: inline-block;}
/*\*/
#container {display: block;}
/**/


#content {
    width: 710px;
	background: #FFF;
	float: left;
	z-index: 2;
}

#content-column{
	padding: 7px 10px;
	float: left;
}

#left-column{
	width: 170px;
	margin-right: 10px;
	float: left;
	clear: left
}

#center-column{
	width: 508px;
	float: left;
	border: 1px solid #E7E6E6;
}

#right-column{
	padding: 7px 16px;
	float: left;
}

.column {
	padding-top: 40px !important;
}

#right {
    width: 216px;
	background: #E8E3C5;
    margin-right: -100%;
}

#footer {
    height: 5em;
    color: #919191;
    background: #000;
	position: relative;
	z-index: 1000;
	margin-top: -5em;
	width: 100%;
	text-align: center;
}

