* {
	box-sizing: border-box;
}

body {
	background: #f4f4f4;
}

.canvas {
	width: 900px;
	height: 556px;
	margin: 100px auto;
	background: #fffff4;
	position: relative;;
}

.pineapple {
	top: 380px;
	left: 240px;
	position: absolute;
}

.vase {
	position:absolute;
	opacity:0.7;
	left:500px;
	top:200px;
}

#neck {
	position:absolute;
	width: 25px;
	height: 40px;
	top:110px;
	left:52px;
	background: rgba(75,158,47,1);
	background: -moz-linear-gradient(left, rgba(75,158,47,1) 0%, rgba(126,214,97,1) 32%, rgba(44,138,15,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(75,158,47,1)), color-stop(32%, rgba(126,214,97,1)), color-stop(100%, rgba(44,138,15,1)));
	background: -webkit-linear-gradient(left, rgba(75,158,47,1) 0%, rgba(126,214,97,1) 32%, rgba(44,138,15,1) 100%);
	background: -o-linear-gradient(left, rgba(75,158,47,1) 0%, rgba(126,214,97,1) 32%, rgba(44,138,15,1) 100%);
	background: -ms-linear-gradient(left, rgba(75,158,47,1) 0%, rgba(126,214,97,1) 32%, rgba(44,138,15,1) 100%);
	background: linear-gradient(to right, rgba(75,158,47,1) 0%, rgba(126,214,97,1) 32%, rgba(44,138,15,1) 100%);
}

#shoulder {
	top:118px;
	left:15px;
	position:absolute;
	width: 100px;
	height: 100px;
	background: rgba(75,158,47,1);
	background: -moz-linear-gradient(left, rgba(75,158,47,1) 0%, rgba(126,214,97,1) 32%, rgba(44,138,15,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(75,158,47,1)), color-stop(32%, rgba(126,214,97,1)), color-stop(100%, rgba(44,138,15,1)));
	background: -webkit-linear-gradient(left, rgba(75,158,47,1) 0%, rgba(126,214,97,1) 32%, rgba(44,138,15,1) 100%);
	background: -o-linear-gradient(left, rgba(75,158,47,1) 0%, rgba(126,214,97,1) 32%, rgba(44,138,15,1) 100%);
	background: -ms-linear-gradient(left, rgba(75,158,47,1) 0%, rgba(126,214,97,1) 32%, rgba(44,138,15,1) 100%);
	background: linear-gradient(to right, rgba(75,158,47,1) 0%, rgba(126,214,97,1) 32%, rgba(44,138,15,1) 100%);
	-webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
	clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

#bowl {
	top:180px;
	left:5px;
	position:absolute;
	display:block;
	width: 120px;
	height: 140px;
	background: rgba(75,158,47,1);
	background: -moz-linear-gradient(left, rgba(75,158,47,1) 0%, rgba(126,214,97,1) 32%, rgba(44,138,15,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(75,158,47,1)), color-stop(32%, rgba(126,214,97,1)), color-stop(100%, rgba(44,138,15,1)));
	background: -webkit-linear-gradient(left, rgba(75,158,47,1) 0%, rgba(126,214,97,1) 32%, rgba(44,138,15,1) 100%);
	background: -o-linear-gradient(left, rgba(75,158,47,1) 0%, rgba(126,214,97,1) 32%, rgba(44,138,15,1) 100%);
	background: -ms-linear-gradient(left, rgba(75,158,47,1) 0%, rgba(126,214,97,1) 32%, rgba(44,138,15,1) 100%);
	background: linear-gradient(to right, rgba(75,158,47,1) 0%, rgba(126,214,97,1) 32%, rgba(44,138,15,1) 100%);
	border-radius:         50%  50%  50%  50%  / 60%   60%   40%  40%;
}

#bottom {
	position:absolute;
	width: 50px;
	height: 10px;
	top:313px;
	left:40px;
	background: rgba(125,189,106,1);
	background: -moz-linear-gradient(top, rgba(125,189,106,1) 0%, rgba(60,138,38,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(125,189,106,1)), color-stop(100%, rgba(60,138,38,1)));
	background: -webkit-linear-gradient(top, rgba(125,189,106,1) 0%, rgba(60,138,38,1) 100%);
	background: -o-linear-gradient(top, rgba(125,189,106,1) 0%, rgba(60,138,38,1) 100%);
	background: -ms-linear-gradient(top, rgba(125,189,106,1) 0%, rgba(60,138,38,1) 100%);
	background: linear-gradient(to bottom, rgba(125,189,106,1) 0%, rgba(60,138,38,1) 100%);

}

.stem {
	position:absolute;
	width:8px;
	height: 320px;
	top:190px;
	left:559px;
	background: rgba(255,132,0,1);
	background: -moz-linear-gradient(top, rgba(255,132,0,1) 0%, rgba(176,212,97,1) 11%, rgba(176,212,97,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,132,0,1)), color-stop(11%, rgba(176,212,97,1)), color-stop(100%, rgba(176,212,97,1)));
	background: -webkit-linear-gradient(top, rgba(255,132,0,1) 0%, rgba(176,212,97,1) 11%, rgba(176,212,97,1) 100%);
	background: -o-linear-gradient(top, rgba(255,132,0,1) 0%, rgba(176,212,97,1) 11%, rgba(176,212,97,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,132,0,1) 0%, rgba(176,212,97,1) 11%, rgba(176,212,97,1) 100%);
	background: linear-gradient(to bottom, rgba(255,132,0,1) 0%, rgba(176,212,97,1) 11%, rgba(176,212,97,1) 100%);
	transform: rotate(-6deg);
}

.stem2 {
	position:absolute;
	width:8px;
	height: 208px;
	top:310px;
	left:565px;
	background: #437731;
	transform: rotate(-6deg);
}

.stem3 {
	position:absolute;
	width:8px;
	height: 50px;
	top:125px;
	left:535px;
	background: #ff8400;
	transform: rotate(-8deg);
}

#petal1 {
	position:absolute;
	left:470px;
	top:160px;
	transform: skewY(25deg);
	width: 0;
	height: 0;
	border-top: 20px solid #ff8400;
	border-left: 80px solid transparent;
}

#petal2 {
	position:absolute;
	left:540px;
	top:140px;
	transform: skewY(-25deg) rotate(-30deg);
	width: 0;
	height: 0;
	border-top: 20px solid #ff8400;
	border-right: 60px solid transparent;
}

#petal3 {
	position:absolute;
	left:490px;
	top:130px;
	transform: skewY(25deg);
	width: 0;
	height: 0;
	border-top: 20px solid #ff8400;
	border-left: 50px solid transparent;
}

#petal4 {
	position:absolute;
	left:535px;
	top:110px;
	transform: skewY(-25deg) rotate(-30deg);
	width: 0;
	height: 0;
	border-top: 20px solid #ff8400;
	border-right: 45px solid transparent;
}

#petal5 {
	position:absolute;
	left:520px;
	top:90px;
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 48px solid #ff8400;
	transform: rotate(-25deg);
}


#ballbottom {
	position:absolute;
	left:240px;
	top:380px;
	width: 150px;
	height: 150px;
	background: rgba(252,252,252,1);
	background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(245,224,255,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(252,252,252,1)), color-stop(100%, rgba(245,224,255,1)));
	background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(245,224,255,1) 100%);
	background: -o-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(245,224,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(245,224,255,1) 100%);
	background: linear-gradient(to bottom, rgba(252,252,252,1) 0%, rgba(245,224,255,1) 100%);
	-moz-border-radius: 75px;
	-webkit-border-radius: 75px;
	border-radius: 100px;
}

#highlight {
	position:absolute;
	left:22px;
	top:30px;
	width: 110px;
	height: 40px;
	opacity:0.7;
	background: rgba(255,255,255,0);
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.38) 29%, rgba(252,252,252,1) 76%, rgba(250,250,250,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(29%, rgba(255,255,255,0.38)), color-stop(76%, rgba(252,252,252,1)), color-stop(100%, rgba(250,250,250,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.38) 29%, rgba(252,252,252,1) 76%, rgba(250,250,250,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.38) 29%, rgba(252,252,252,1) 76%, rgba(250,250,250,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.38) 29%, rgba(252,252,252,1) 76%, rgba(250,250,250,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.38) 29%, rgba(252,252,252,1) 76%, rgba(250,250,250,1) 100%);
	-moz-border-radius: 100px / 50px;
	-webkit-border-radius: 100px / 50px;
	border-radius: 100px / 50px;
}




#pinemain {
	position:absolute;
	left:185px;
	top:40px;
	display:block;
	width: 90px;
	height: 110px;
	background: rgba(59,122,0,1);
	background: -moz-linear-gradient(top, rgba(59,122,0,1) 0%, rgba(69,126,6,1) 3%, rgba(222,196,93,1) 50%, rgba(254,182,69,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(59,122,0,1)), color-stop(3%, rgba(69,126,6,1)), color-stop(50%, rgba(222,196,93,1)), color-stop(100%, rgba(254,182,69,1)));
	background: -webkit-linear-gradient(top, rgba(59,122,0,1) 0%, rgba(69,126,6,1) 3%, rgba(222,196,93,1) 50%, rgba(254,182,69,1) 100%);
	background: -o-linear-gradient(top, rgba(59,122,0,1) 0%, rgba(69,126,6,1) 3%, rgba(222,196,93,1) 50%, rgba(254,182,69,1) 100%);
	background: -ms-linear-gradient(top, rgba(59,122,0,1) 0%, rgba(69,126,6,1) 3%, rgba(222,196,93,1) 50%, rgba(254,182,69,1) 100%);
	background: linear-gradient(to bottom, rgba(59,122,0,1) 0%, rgba(69,126,6,1) 3%, rgba(222,196,93,1) 50%, rgba(254,182,69,1) 100%);
	-webkit-border-radius: 63px 63px 63px 63px / 108px 108px 72px 72px;
	border-radius:         30%  30%  50%  50%  / 90%   90%   60%  60%;
}

.matt {
	position:absolute;
	left:150px;
	top:346px;
	width: 560px;
	height: 210px;
	background: rgba(255,0,132,1);
	background: -moz-linear-gradient(top, rgba(255,0,132,1) 0%, rgba(255,148,196,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,0,132,1)), color-stop(100%, rgba(255,148,196,1)));
	background: -webkit-linear-gradient(top, rgba(255,0,132,1) 0%, rgba(255,148,196,1) 100%);
	background: -o-linear-gradient(top, rgba(255,0,132,1) 0%, rgba(255,148,196,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,0,132,1) 0%, rgba(255,148,196,1) 100%);
	background: linear-gradient(to bottom, rgba(255,0,132,1) 0%, rgba(255,148,196,1) 100%);
	-webkit-clip-path: polygon(15% 79%, 86% 79%, 100% 100%, 0% 100%);
	clip-path: polygon(15% 79%, 86% 79%, 100% 100%, 0% 100%);
}

#green1 {
	position:absolute;
	top:-40px;
	left:188px;
	width: 87px;
	height: 100px;
	bbackground: rgba(98,125,77,1);
	background: -moz-linear-gradient(top, rgba(98,125,77,1) 0%, rgba(31,59,8,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(98,125,77,1)), color-stop(100%, rgba(31,59,8,1)));
	background: -webkit-linear-gradient(top, rgba(98,125,77,1) 0%, rgba(31,59,8,1) 100%);
	background: -o-linear-gradient(top, rgba(98,125,77,1) 0%, rgba(31,59,8,1) 100%);
	background: -ms-linear-gradient(top, rgba(98,125,77,1) 0%, rgba(31,59,8,1) 100%);
	background: linear-gradient(to bottom, rgba(98,125,77,1) 0%, rgba(31,59,8,1) 100%);
	-webkit-clip-path: polygon(26% 44%, 47% 67%, 70% 40%, 72% 68%, 100% 48%, 83% 81%, 47% 82%, 12% 81%, 0 46%, 23% 66%);
	clip-path: polygon(26% 44%, 47% 67%, 70% 40%, 72% 68%, 100% 48%, 83% 81%, 47% 82%, 12% 81%, 0 46%, 23% 66%);
}

#green2 {
	position:absolute;
	top:-40px;
	left:188px;
	width: 87px;
	height: 100px;
	background: rgba(95,153,44,1);
	background: -moz-linear-gradient(top, rgba(95,153,44,1) 0%, rgba(66,107,33,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(95,153,44,1)), color-stop(100%, rgba(66,107,33,1)));
	background: -webkit-linear-gradient(top, rgba(95,153,44,1) 0%, rgba(66,107,33,1) 100%);
	background: -o-linear-gradient(top, rgba(95,153,44,1) 0%, rgba(66,107,33,1) 100%);
	background: -ms-linear-gradient(top, rgba(95,153,44,1) 0%, rgba(66,107,33,1) 100%);
	background: linear-gradient(to bottom, rgba(95,153,44,1) 0%, rgba(66,107,33,1) 100%);
	-webkit-clip-path: polygon(39% 16%, 50% 50%, 69% 1%, 70% 60%, 90% 25%, 83% 81%, 47% 82%, 12% 81%, 11% 30%, 34% 61%);
	clip-path: polygon(39% 16%, 50% 50%, 69% 1%, 70% 60%, 90% 25%, 83% 81%, 47% 82%, 12% 81%, 11% 30%, 34% 61%);
}

#green3 {
	position:absolute;
	top:-70px;
	left:188px;
	width: 87px;
	height: 100px;
	background: rgba(120,179,72,1);
	background: -moz-linear-gradient(top, rgba(120,179,72,1) 0%, rgba(95,153,44,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(120,179,72,1)), color-stop(100%, rgba(95,153,44,1)));
	background: -webkit-linear-gradient(top, rgba(120,179,72,1) 0%, rgba(95,153,44,1) 100%);
	background: -o-linear-gradient(top, rgba(120,179,72,1) 0%, rgba(95,153,44,1) 100%);
	background: -ms-linear-gradient(top, rgba(120,179,72,1) 0%, rgba(95,153,44,1) 100%);
	background: linear-gradient(to bottom, rgba(120,179,72,1) 0%, rgba(95,153,44,1) 100%);
	-webkit-clip-path: polygon(24% 18%, 50% 53%, 70% 1%, 70% 55%, 100% 20%, 82% 92%, 45% 92%, 16% 92%, 0 39%, 25% 60%);
	clip-path: polygon(24% 18%, 50% 53%, 70% 1%, 70% 55%, 100% 20%, 82% 92%, 45% 92%, 16% 92%, 0 39%, 25% 60%);
}

#green4 {
	position:absolute;
	top:-80px;
	left:188px;
	width: 87px;
	height: 100px;
	background: rgba(142,199,95,1);
	background: -moz-linear-gradient(top, rgba(142,199,95,1) 0%, rgba(115,171,62,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(142,199,95,1)), color-stop(100%, rgba(115,171,62,1)));
	background: -webkit-linear-gradient(top, rgba(142,199,95,1) 0%, rgba(115,171,62,1) 100%);
	background: -o-linear-gradient(top, rgba(142,199,95,1) 0%, rgba(115,171,62,1) 100%);
	background: -ms-linear-gradient(top, rgba(142,199,95,1) 0%, rgba(115,171,62,1) 100%);
	background: linear-gradient(to bottom, rgba(142,199,95,1) 0%, rgba(115,171,62,1) 100%);
	-webkit-clip-path: polygon(24% 0, 41% 49%, 50% 0, 61% 58%, 81% 8%, 79% 100%, 45% 100%, 16% 100%, 8% 11%, 25% 60%);
	clip-path: polygon(24% 0, 41% 49%, 50% 0, 61% 58%, 81% 8%, 79% 100%, 45% 100%, 16% 100%, 8% 11%, 25% 60%);
}

#green5 {
	position:absolute;
	top:-100px;
	left:188px;
	width: 87px;
	height: 100px;
	background: rgba(108,148,74,1);
	background: -moz-linear-gradient(top, rgba(108,148,74,1) 0%, rgba(115,171,62,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(108,148,74,1)), color-stop(100%, rgba(115,171,62,1)));
	background: -webkit-linear-gradient(top, rgba(108,148,74,1) 0%, rgba(115,171,62,1) 100%);
	background: -o-linear-gradient(top, rgba(108,148,74,1) 0%, rgba(115,171,62,1) 100%);
	background: -ms-linear-gradient(top, rgba(108,148,74,1) 0%, rgba(115,171,62,1) 100%);
	background: linear-gradient(to bottom, rgba(108,148,74,1) 0%, rgba(115,171,62,1) 100%);
	-webkit-clip-path: polygon(31% 0, 46% 43%, 75% 0, 62% 53%, 99% 0, 81% 100%, 45% 100%, 18% 100%, 8% 11%, 32% 53%);
	clip-path: polygon(31% 0, 46% 43%, 75% 0, 62% 53%, 99% 0, 81% 100%, 45% 100%, 18% 100%, 8% 11%, 32% 53%);
}



.pattern {
	position:absolute;
	left:200px;
	top:50px;
}

#pattern1 {
	background: #bcb007;
	width: 8px;
	height: 8px;
	position: absolute;
	text-align: center;
	-webkit-transform: rotate(20deg);
	-moz-transform: rotate(20deg);
	-ms-transform: rotate(20deg);
	-o-transform: rotate(20eg);
}
#pattern1:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 8px;
	width: 8px;
	background: #bcb007;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
}

#pattern2 {
	left:17px;
	background: #bcb007;
	width: 8px;
	height: 8px;
	position: absolute;
	text-align: center;
	-webkit-transform: rotate(20deg);
	-moz-transform: rotate(20deg);
	-ms-transform: rotate(20deg);
	-o-transform: rotate(20deg);
}
#pattern2:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 8px;
	width: 8px;
	background: #bcb007;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
}

#pattern3 {
	left:34px;
	background: #bcb007;
	width: 8px;
	height: 8px;
	position: absolute;
	text-align: center;
	-webkit-transform: rotate(20deg);
	-moz-transform: rotate(20deg);
	-ms-transform: rotate(20deg);
	-o-transform: rotate(20deg);
}
#pattern3:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 8px;
	width: 8px;
	background: #bcb007;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
}

#pattern4 {
	left:51px;
	background: #bcb007;
	width: 8px;
	height: 8px;
	position: absolute;
	text-align: center;
	-webkit-transform: rotate(20deg);
	-moz-transform: rotate(20deg);
	-ms-transform: rotate(20deg);
	-o-transform: rotate(20deg);
}
#pattern4:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 8px;
	width: 8px;
	background: #bcb007;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
}

#pattern5 {
	left:-10px;
	top:12px;
	background: #bcb007;
	width: 8px;
	height: 8px;
	position: absolute;
	text-align: center;
	-webkit-transform: rotate(20deg);
	-moz-transform: rotate(20deg);
	-ms-transform: rotate(20deg);
	-o-transform: rotate(20deg);
}
#pattern5:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 8px;
	width: 8px;
	background: #bcb007;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
}

#pattern6 {
	left:7px;
	top:12px;
	background: #bcb007;
	width: 8px;
	height: 8px;
	position: absolute;
	text-align: center;
	-webkit-transform: rotate(20deg);
	-moz-transform: rotate(20deg);
	-ms-transform: rotate(20deg);
	-o-transform: rotate(20deg);
}
#pattern6:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 8px;
	width: 8px;
	background: #bcb007;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
}


#pattern7 {
	left:24px;
	top:12px;
	background: #bcb007;
	width: 8px;
	height: 8px;
	position: absolute;
	text-align: center;
	-webkit-transform: rotate(20deg);
	-moz-transform: rotate(20deg);
	-ms-transform: rotate(20deg);
	-o-transform: rotate(20deg);
}
#pattern7:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 8px;
	width: 8px;
	background: #bcb007;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
}

#pattern8 {
	left:41px;
	top:12px;
	background: #bcb007;
	width: 8px;
	height: 8px;
	position: absolute;
	text-align: center;
	-webkit-transform: rotate(20deg);
	-moz-transform: rotate(20deg);
	-ms-transform: rotate(20deg);
	-o-transform: rotate(20deg);
}
#pattern8:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 8px;
	width: 8px;
	background: #bcb007;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
}

#pattern9 {
	left:58px;
	top:12px;
	background: #bcb007;
	width: 8px;
	height: 8px;
	position: absolute;
	text-align: center;
	-webkit-transform: rotate(20deg);
	-moz-transform: rotate(20deg);
	-ms-transform: rotate(20deg);
	-o-transform: rotate(20deg);
}
#pattern9:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 8px;
	width: 8px;
	background: #bcb007;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
}

#pattern10 {
	left:-5px;
	top:25px;
	background: #bcb007;
	width: 8px;
	height: 8px;
	position: absolute;
	text-align: center;
	-webkit-transform: rotate(20deg);
	-moz-transform: rotate(20deg);
	-ms-transform: rotate(20deg);
	-o-transform: rotate(20deg);
}
#pattern10:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 8px;
	width: 8px;
	background: #bcb007;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
}

#pattern11 {
	left:14px;
	top:25px;
	background: #bcb007;
	width: 8px;
	height: 8px;
	position: absolute;
	text-align: center;
	-webkit-transform: rotate(20deg);
	-moz-transform: rotate(20deg);
	-ms-transform: rotate(20deg);
	-o-transform: rotate(20deg);
}
#pattern11:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 8px;
	width: 8px;
	background: #bcb007;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
}

#pattern12 {
	left:30px;
	top:25px;
	background: #bcb007;
	width: 8px;
	height: 8px;
	position: absolute;
	text-align: center;
	-webkit-transform: rotate(20deg);
	-moz-transform: rotate(20deg);
	-ms-transform: rotate(20deg);
	-o-transform: rotate(20deg);
}
#pattern12:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 8px;
	width: 8px;
	background: #bcb007;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
}

#pattern13 {
	left:46px;
	top:25px;
	background: #bcb007;
	width: 8px;
	height: 8px;
	position: absolute;
	text-align: center;
	-webkit-transform: rotate(20deg);
	-moz-transform: rotate(20deg);
	-ms-transform: rotate(20deg);
	-o-transform: rotate(20deg);
}
#pattern13:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 8px;
	width: 8px;
	background: #bcb007;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
}

#pattern14 {
	left:64px;
	top:25px;
	background: #bcb007;
	width: 8px;
	height: 8px;
	position: absolute;
	text-align: center;
	-webkit-transform: rotate(20deg);
	-moz-transform: rotate(20deg);
	-ms-transform: rotate(20deg);
	-o-transform: rotate(20deg);
}
#pattern14:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 8px;
	width: 8px;
	background: #bcb007;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
}