#brands_top{position:absolute;height:100px;z-index:2;width:1000px;top:0;left:50%;margin-left:-500px;}
#brands_top .page{height:100px;width:100%;overflow:hidden;}
#brands_top a{display:block;width:100%;height:100px;}
#brands{height:2100px;width:100%;top:0;bottom:0;left:0;right:0;background-color:#fff;background-repeat:no-repeat;background-position:center top;cursor:pointer;}
#brands a{display:block;float:left;width:50%;height:2100px;background-repeat:no-repeat;}
#brands .ileft{cursor:pointer;}
#brands .iright{cursor:pointer;}
@media only screen and (max-width:1199px){
    #brands{background:none !important;}
    #brands .ileft{display:none;}
    #brands .right{display:none;}
}
@media only screen and (max-width:1000px){
	#brands_top{width:100%;height:auto;left:0;margin-left:0;}
}

#site {
	position: absolute;
    z-index: 1;
	top: 100px;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	margin: 0;
	background: #fff;
}

@media only screen and (min-width:1200px){
	#site {
		width: auto;
		left: 125px;
		right: 125px;
	}
}

@media only screen and (min-width:1680px){
	#site {
		width: auto;
		left: 165px;
		right: 165px;
	}
}

@media only screen and (min-width:1900px){
	#site {
		width: auto;
		left: 245px;
		right: 245px;
	}
}

@media all and (max-width:800px) {
	#brands_top .page {background-size:100% auto !important;}
	#brands_top {height:200px;}
	#brands_top .page {height:200px;}
	#site {top:200px;}
}