body 
{
	background-image: url("images/pizzaBG.jpg");
	background-repeat: round;
}

.slice1Position{
	position: absolute;
	top: 400;
	left: 865;
}

.slice1Hover{
	position: absolute;
	top: 450;
	left: 910;
}

.slice2Position{
	position: absolute;
	top: 400;
	left: 630;
}

.slice2Hover{
	position: absolute;
	top: 450;
	left: 635;
}

.slice3Position{
	position: absolute;
	top: 390;
	left: 440;
}

.slice3Hover{
	position: absolute;
	top: 410;
	left: 400;
}

.slice4Position{
	position: absolute;
	top: 320;
	left: 440;
}

.slice4Hover{
	position: absolute;
	top: 320;
	left: 390;
}

.slice5Position{
	position: absolute;
	top: 225;
	left: 520;
}

.slice5Hover{
	position: absolute;
	top: 200;
	left: 500;
}

.slice6Position{
	position: absolute;
	top: 215;
	left: 775;
}

.slice6Hover{
	position: absolute;
	top: 175;
	left: 775;
}

.slice7Position{
	position: absolute;
	top: 240;
	left: 880;
}

.slice7Hover{
	position: absolute;
	top: 200;
	left: 930;
}

.slice8Position{
	position: absolute;
	top: 325;
	left: 860;
}

.slice8Hover{
	position: absolute;
	top: 325;
	left: 970;
}

.spin{
	-webkit-animation-name: spin;    
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;    
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;    
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;    
    animation-name: spin;    
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.cursorBox {
    width: 6px;
    height: 6px;
    position: absolute;
    z-index : 2;
}

.particle {
    width: 6px;
    height: 6px;
    position: absolute;
    z-index : 2;
}

@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

#smokeParticle {
	display:none;
}

#canvasDiv{
	display:none;
}

canvas {
    position:absolute;
    margin-left : 50%;
    left: -150px;
}