body {
background: #000001;
font-family: verdana, arial, sans-serif;
color: #FFFFFF;
font-size: 14px;
margin: 0px;
}

div#container {
/*width: 800px;*/
margin: 0px auto;
background: #FFFFFF;
padding: 0px;
}

div#header {
width: 100%;
/*height: 100px;*/
background: black;
/*position: absolute;*/
text-align:center;
top: 0px;
}


div#content {
margin: 0 auto;
width: 800px;
/*padding-top: 100px;*/
background: black;
top: 0px;
}

div#maincontent {
width: 800px;
background: #111111;
/*position: absolute;*/
float: left;
/*top: 0px;*/
}

div#centercontent {
	text-align:center;
    box-sizing: border-box;
    padding: 10px;
float: center;
top: 10px;
left: 10px;
}

div#centerbox {
	margin: 0 auto;
	width: 700px;
}

div#textarea {
	text-align:left;
    box-sizing: border-box;
    padding: 10px;
float: left;
top: 10px;
left: 10px;
}


div#nav {
width: 50%;
float: left;
background: #111111;
}

div#rightcontent {
width: 50%;
float: right;
background: #113311;
}

div.navblock {
width: 180px;
margin: 5px auto;
border: 1px solid red;
}

/* Phone portrait */
@media only screen and (max-width: 481px){

	div#header {
		width: 100%;
		/*height: 100px;*/
		background: black;
		/*position: absolute;*/
		text-align:center;
		top: 0px;
		}

div#container {
	width: 100%;
	margin: 0px auto;
	background: #FFFFFF;
	padding: 0px;
	}

div#content {
	width: 100%;
	padding-top: 20px;
	background: black;
	}

  #side-menu{
    display: none;
  }
 
  #show-menu-button{
    display: block;
  }

  div#maincontent {
	width: 100%;
	background: #111111;
	/*position: absolute;*/
	float: left;
	/*top: 0px;*/
	}

	div#centerbox {
		margin: 0 auto;
		width: 100%;
	}
}

/*.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}*/