var drawingCanvas = document.getElementById('design_element');

// Check the element is in the DOM and the browser supports canvas
if(drawingCanvas.getContext) {
    // Initaliase a 2-dimensional drawing context
    var context = drawingCanvas.getContext('2d');

	context.fillStyle = "#C36B18";
	context.beginPath();
	context.arc(221,353,109,0,Math.PI*2,true);
	context.closePath();
	context.stroke();
	context.fill();

	// Create the diamond-shaped nose
	context.fillStyle = "#000000";
	context.beginPath();
	context.moveTo(0,0);
	context.lineTo(342,593);
	context.lineTo(345,593);
	context.lineTo(3,0);
	context.closePath();
	context.fill();
	
	context.fillStyle = "#000000";
	context.beginPath();
	context.moveTo(800,0);
	context.lineTo(800,170);
	context.lineTo(960,170);
	context.lineTo(960,0);
	context.closePath();
	context.fill();

	context.fillStyle = "#000000";
	context.beginPath();
	context.moveTo(800,317);
	context.lineTo(800,593);
	context.lineTo(960,593);
	context.lineTo(960,317);
	context.closePath();
	context.fill();

}