body, #appframe{
	position: relative;
	margin: 0;
	padding: 0;

	width: 1024px;
	height: 748px;

	overflow: hidden;

}
#appframe{background-color: red;}

#drawer{
	position: absolute;
	left: -1025px;
	z-index: 80;

	width: 1024px;
	height: 748px;

	background-image: url(../textures/drawer.png);

	transition: left 1.5s;
	-moz-transition: left 1.5s;
	-webkit-transition: left 1.5s;
	-o-transition: left 1.5s;
}
#drawer.open{
	left: 0px;
}

#tools{
	position: absolute;
	margin: 0;
	padding: 0;
	z-index: 70;
	
	width: 110px;
	height: 748px;

	background-color: #7c8c90;
	background-image: url(../textures/sidebar.png);
}
#tools ul{
	margin: 0;
	margin-bottom: 80px;
	padding: 0;

	list-style:none;
}

.canvas-container{
	/* can't set in here as te render canvas will recieve as well */
}
#canvas_position_fixer{
	position: absolute; 
	left:110px; 
	top:0px; 
	margin: 0;
	padding: 0; 
	z-index: 55; 
	width: 914px; 
	height: 768px;
}
#canvas_position_offScreen{
	position:absolute; 
	left:9999px;
}
#workbench{
	position: absolute;
	left:110px;
	top:0px;
	padding: 24px;
	margin: 0;
	z-index: 10;

	width: 914px;
	height: 748px;
	
	background-color: #7c8c90;
	background-image: url(../textures/plate.jpg);
}
#material{
	z-index: 50;

	width: 866px; /* WRONG */
	height: 700px;

	background-color: #B89376;
	background-image: url(../textures/cardboard.jpg);
}

.shapeset{
	position: absolute;
	left:0px;
	top:90px;
	margin: 0;
	padding: 0;
	
	width: 900px;
	height: 575px;

	list-style:none;
	/* background: rgba(00, 200, 20, 0.7); */
}
.slot{
	position: absolute;

	/* background-color: blue; */

}
.slot img{
	position:absolute;
	/*transition: left 1s, top 1s;
	-moz-transition: left 1s, top 1s;
	-webkit-transition: left 1s, top 1s;
	-o-transition: left 1s, top 1s;*/
}
.close{
	position: absolute;
    padding:8px;
    width: 80px;
    height: 80px;
    background-image: url(../img/closebtn.png);
    text-indent: -9999em;
    background-repeat: no-repeat;
    background-position: center center;
}

/*
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (-o-min-device-pixel-ratio: 3/2),
    only screen and (min--moz-device-pixel-ratio: 1.5),
    only screen and (min-device-pixel-ratio: 1.5) {
        #home-news a {
        	background-image:url(images/icon-news@2x.png);
        	background-size:57px 57px;
        }
}
*/