*
{
	margin:0;
	padding:0;
}

body 
{
   text-align:center;
   bottom:auto;
   background-color:#3590CA;
   font-family:"Comic Sans MS";
   padding:50px;
}

.main
{
   position:relative;
   width:850px;
   height:650px;
   margin-left:auto;
   margin-right:auto;
   text-align:left;
}

.break
{
	width:100%;
	height:0px;
	display:block;
	
}

.box
{
	background-color:gray;
	min-height:50px;
	min-width:50px;
	border:thin;
	border-style:solid;
	border-color:black;
	display:inline-block;
}

.red
{
	background-color:red;
}

.blue
{
	background-color:blue;
}

.white
{
	background-color:white;
}

.yellow
{
	background-color:yellow;
}

.green
{
	background-color:green;
}

.orange
{
	background-color:orange;
}

.back
{
/*	background-color:white;*/
	min-height:50px;
	min-width:50px;
	border:thin;
	border-style:solid;
	border-color:#3590CA;
	display:inline-block;
}

.hspace
{
/*	background-color:white;*/
	min-height:50px;
	min-width:25px;
	border:thin;
	border-style:solid;
	border-color:#3590CA;
	display:inline-block;
}

.vspace
{
/*	background-color:white;*/
	min-height:25px;
	min-width:55px;
	border:thin;
	border-style:solid;
	border-color:#3590CA;
	display:inline-block;
}