body{
			background-color: #EFDEDE;
			font-family: 'Special Elite', cursive;
			color: #c8816b;
		}
		#attbbx{
			
			border: 1px solid;
			height: 105px;
			padding: 10px;
			text-align: left;
		}
		#design{
			border: 1px solid;
			margin-top: -32px;
		}
		.selat{
			background-color: #c8816b;
			font-family: 'Special Elite', cursive;
			font-size: 15px;
			border: none;
			width: 90px;
			height: 45px;
			color: white;
		}
		
		.column {
			float: left;
			width: 42%;
			margin-left: 20px;
			text-align:center;
		}
		.midcol{
				float: left;
			width:10%;
			margin-left: 20px;
			text-align:center;
		}
		#sidebar{
			margin-top: 122%;
			border: 1px solid;
			height: 416px;
			padding: 10px
		}
		.row:after {
			content: "";
			display: table;
			clear: both;
		}
		p{
			font-size:20px;
			color: black;
			
		}
		.imgtn {
			width: 150px;
			float: left;
			border: 8px solid #c3b5b5;
			padding: 2px;
			background-color: white;

		}
		.btnlft{
			float: left;
			width: 90px;
			margin: 5px;
			background-color: #c8816b;
			font-family: 'Special Elite', cursive;
			font-size: 15px;
			height: 45px;
			border: none;
			color: white;
		}
		.head{
			height: 300px;
			display:none;
		}
		
		.face{
			height: 300px;
			display:none;
		}
		.ears{
			height: 300px;
			display:none;
		}
		.eyes{
			height: 300px;
			display:none;
		}
		.noses{
			height: 300px;
			display:none;
		}
		.fhair{
			height: 300px;
			display:none;
		}
		.mouths{
			height: 300px;
			display:none;
		}
		.body{
			height: 300px;
			display:none;
		}
		.btnbx{
			width:100%;
			float:left;
			margin-bottom: 5%;
		}
		#pageset{
			width:100%;
			background-color:white;
			display:none;
			float:left;
		}
		
		#drawbx {
			width:100%;
			background-image:url(img/grid.jpg);
			background-color: white;
		}

		#headbx{
			width:20%;
			position: absolute;
			top:220px;
			
			z-index: 5;
		}
		#facebx{
			width:20%;
			position: absolute;
			top:220px;
			left:820px;
			z-index: 5;
		}
		#earsbx{
			width:5%;
			position: absolute;
			top:220px;
			left:820px;
			z-index: 5;
		}
		#earsabx{
			width:5%;
			position: absolute;
			top:220px;
			left:820px;
			z-index: 5;
		}
		#eyesbx{
			width:15%;
			position: absolute;
			top:220px;
			left:820px;
			z-index: 5;
		}
		#nosesbx{
			width:5%;
			position: absolute;
			top:220px;
			left:820px;
			z-index: 5;
		}
		#fhairbx{
			width:5%;
			position: absolute;
			top:220px;
			left:820px;
			z-index: 5;
		}
		#mouthsbx{
			width:10%;
			position: absolute;
			top:220px;
			left:820px;
			z-index: 5;
		}
		#bodybx{
			width:35%;
			position: absolute;
			top:220px;
			left:820px;
			z-index: 5;
		}
		.prntcl {
		  display: none; /* Hidden by default */
		  position: fixed; /* Stay in place */
		  z-index: 1; /* Sit on top */
		  padding-top: 100px; /* Location of the box */
		  left: 0;
		  top: 0;
		  width: 100%; /* Full width */
		  height: 100%; /* Full height */
		  overflow: auto; /* Enable scroll if needed */
		  background-color: rgb(0,0,0); /* Fallback color */
		  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
		}
		.prntclcont{
		 background-color: #fefefe;
		 padding: 20px;
		 border: 2px solid #888;
		 width: 90%;
		 margin: -95px auto;
		 height:1754px;
		}
		.closeprnt {
		  color: #aaaaaa;
		  float: right;
		  font-size: 28px;
		  font-weight: bold;
		}
		.closeprnt:hover,
		.closeprnt:focus {
		  color: #000;
		  text-decoration: none;
		  cursor: pointer;
		}