@charset "utf-8";





#col-left{
	width:12%;
	float:left;
	height:1px;
	background-color:black;}
	
	
#col-left-top {	
	background-color: black;
	vertical-align: text-top;

	width: 87.37%;
	text-align: left;
	float: left;
	margin: 7.75% 3.16% 5% 9.375%;
	height:20px;}


	
#col-left-btm {	
	background-color: black;
	vertical-align: text-top;

	width: 100%;
	text-align: right;
	float: right;
	margin: 0% 0% 0% 0%;}



#col-right{
	width:13%;
	float:left;
	background:black;}
	
	
#col-right-top {	
	background-color: black;
	vertical-align: text-top;
	color: white;
	width: 87.37%;
	text-align: left;
	float: left;
	margin: 7.75% 3.16% 5% 9.375%;
	height:20px;}


	
#col-right-btm {	
	background-color: black;
	color: white;
	width: 87.37%;
	text-align: left;
	float: left;
	margin: 0% 3.16% 8% 9.375%;}


























#col-1{
	width:25%;
	float:left;
	background:white;}
	
	
#col-1-top {	
	background-color: #ffffff;
	vertical-align: text-top;
	color: white;
	width: 87.37%;
	text-align: left;
	float: left;
	margin: 7.75% 3.16% 5% 9.375%;
	height:20px;}


	
#col-1-btm {	
	background-color: #ffffff;
	color: white;
	width: 87.37%;
	text-align: left;
	float: left;
	margin: 0% 3.16% 8% 9.375%;}
	
	
#col-2{
	width:25%;
	float:left;
	background:white;}	
	
	
#col-2-top {	
	background-color: #ffffff;
	color: white;
	width: 87.37%;
	text-align: left;
	float: left;
	margin: 7.75% 6.31% 4% 6.31%;
	height:120px;}	

#col-2-top2 {	
	background-color: #ffffff;
	color: white;
	width: 87.37%;
	text-align: left;
	float: left;
	margin: 7.75% 6.31% 4% 6.31%;
	height:60px;}	
	
#col-2-btm{	
	background-color: white;
	color: white;
	width: 87.37%;
	text-align: left;
	float: left;
	margin: 0% 6.31% 8% 6.31%;}
	

#col-3{
	width:25%;
	float:left;
	background:white;}

			
#col-3-top {	
	background-color: #ffffff;
	color: white;
	width: 87.37%;
	text-align: left;
	float: left;
	margin: 7.75% 9.375% 5% 3.16%;
	height:120px;}

#col-3-top2 {	
	background-color: #ffffff;
	color: white;
	width: 87.37%;
	text-align: left;
	float: left;
	margin: 7.75% 9.375% 5% 3.16%;
	height:60px;}
				
#col-3-btm {	
	background-color: white;
	color: white;
	width: 87.37%;
	text-align: left;
	float: left;
	margin: 0% 9.375% 8% 3.16%;}



/*****************************************************************************************************************/
@media screen and (max-width:1120px) {
	
	
	#zeataline2 {display: none;}

	#col-1{width:33%;}
	
	#col-2{width:34%;}
	
	#col-3{width:33%;}

	#col-left{width:0%;
	display:none;}
	
	#col-right{width:0%;
	display:none;}

}




@media screen and (max-width:850px) {




	#col-1{
		width:100%;
		margin: 0% 0% 3.125% 0%;}
		
	#col-2{
		width:100%;
		margin: 0% 0% 0% 0%;}
	
	#col-3{
		width:100%;
		margin: 0% 0% 0% 0%;}

	#col-1-top {	
		width:93.75%;
		margin: 3.125% 3.125% 0% 3.125%;
		Height:180px;}
	
	#col-2-top {	
		width:93.75%;
		margin: 3.125% 3.125% 0% 3.125%;
		Height:180px;}

	#col-3-top {	
		width:93.75%;
		margin: 3.125% 3.125% 0% 3.125%;
		Height:180px;}

	#col-1-top2 {	
		width:93.75%;
		margin: 3.125% 3.125% 0% 3.125%;
		Height:60px;}
	
	#col-2-top2 {	
		width:93.75%;
		margin: 3.125% 3.125% 0% 3.125%;
		Height:60px;}

	#col-3-top2 {	
		width:93.75%;
		margin: 3.125% 3.125% 0% 3.125%;
		Height:60px;}


	#col-1-btm {	
		width: 93.75%;
		margin: 0% 3.125% 0% 3.125%;}
		
	#col-2-btm {	
		width: 93.75%;
		margin: 0% 3.125% 0% 3.125%;}
		
	#col-3-btm {	
		width: 93.75%;
		margin: 0% 3.125% 0% 3.125%;}
}