html, body {
    font-family: Arial, Tahoma;
    font-size: 15px;
	
	//background-image: url("../../public/img/background.png");
	background-color: #F5F5F5 !important;
}

/* 
#main{
    width: 1100px;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
}

#head{
    height: 100px;
    background-color: #F5F5F5;
    border: 1px solid #CDCDCD;
    margin-bottom:5px;
}
#left{
     width: 150px;
     min-height: 400px;
     border: 1px solid #CDCDCD;
     float:left;
     background-color: #F5F5F5;
     margin-bottom: 5px;
}
#head-link{
     height:40px;
     line-height: 30px;
     padding-left: 0px;
     padding-right: 0px;
     border: 1px solid #CDCDCD;
     background-color: #F5F5F5;
     margin-bottom:5px;
     clear: both;
}
#content{
     width: 860px;
     min-height: 850px;
     border: 1px solid #CDCDCD;
     float:left;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 5px;
	 background-color: #F5F5F5;
}
#right{
     width: 234px;
     min-height: 850px;
     border: 1px solid #CDCDCD;
     float:right;
     margin-bottom: 5px;
	 background-color: #F5F5F5;
}
#footer{
     height: 50px;
     clear: both;
     border: 1px solid #CDCDCD;
     background-color: #F8F8FF;
}

p.fixed {
    background: blue;
    position: fixed;
	right: 40px;
	top: 50px;
}
*/

#main{
	width: 1328px;
    padding: 0;    
	margin: 0 auto; /*Center container on page*/
}

#head{
    height: 200px;
    background-color: #F5F5F5;
    border: 1px solid #CDCDCD;
    margin-bottom:0px;
}

#contentwrapper{
float: left;
width: 100%;
}

#head-link{
     height:40px;
     line-height: 30px;
     padding-left: 0px;
     padding-right: 0px;
     border: 1px solid #CDCDCD;
     background-color: #F5F5F5;
     margin-bottom:0px;
     clear: both;
}

#content{
	margin: 0 220px 0 215px; 
	background-color: #F5F5F5;
	min-height: 850px;
}

#left{
	width: 234px;     
    float: left;	
	margin-left: -1345px; /*Set margin to that of -(MainContainerWidth)*/
	background-color: #F5F5F5;
}

#right{
	width: 239px;
    float: left;	
	margin-left: -239px; /*Set left margin to -(RightColumnWidth)*/
	background-color: #F5F5F5;
}

#footer{
	 height: 50px;
     clear: both;
     border: 1px solid #CDCDCD;
     background-color: #F8F8FF;
	 
	/*clear: left;
	width: 100%;
	background: black;
	color: #FFF;
	text-align: center;
	padding: 4px 0;*/
	/*
	width: 100%;
	 
    clear: both;
    border: 1px solid #CDCDCD;
	
    background-color: #F8F8FF;
	*/
}
/*
#footer a{
color: #FFFF80;
}*/

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}


#menuDiDong{
	display: none;
}

#menuDesktop{
	display: block;
}

/*	
@media (max-width: 840px){ 
	#main{
	width: 100%;
	}
	#head{
	width: 100%;
	height:20%;
	}
	
	#head-link{
	width: 100%;
	height:15%;
	}
	
	#left{
	float: none;
	width: 100%;
	clear: both;
	margin-left: 0;
	}
	
	#right{
	float: none;
	width: 100%;
	margin-left: 0;
	clear: both;
	}
	
	#content{
	float: none;
	width: 100%;
	margin-left: 0;
	clear: both;
	margin-right: 0;
	
	}
	
	#menuDiDong{
		display: block;
	}
	#menuDesktop{
		display: none;
	}	
	
}

@media (max-width: 600px){
	#menuDiDong{
		display: block;
	}
	#menuDesktop{
		display: none;
	}
	
	#head{
	width: 100%;
	height:6%;
	}
	
	#left{
	float: none;
	width: 100%;
	clear: both;
	margin-left: 0;
	}
	
	#content{
	margin-left: 0;
	}
	#head-link{
	width: 100%;
	height:7%;
	}
	
	
}
*/
